@charset "UTF-8";
/* CSS Document */
*{
	padding:0;
	 margin:0 auto;
}
body {
	background:#FFF;
	margin:0;
	padding:0;
	color:#393939;
	font-family: "tahoma",verdana ,Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
div#head {
	width:1050px;
	height:93px;
}
div#footend {
	background:url(../images/footend.jpg) top no-repeat;
	width:1050px;
	height:76px;
}
div#head div#side1 {
	background:url(../images/side01.gif) top repeat-y;
	width:35px;
	height:93px;
	float:left;
}

div#head div#side2 {
	background:url(../images/side02.gif) top repeat-y;
	width:35px;
	height:93px;
	float:left;
}

div#head div#logo {
	width:343px;
	height:93px;
	float:left;
}

div#head div#followlog {
	width:620px;
	height:23px;
	padding:63px 17px 0 0;
	text-align:right;
	float:left;
}
.clearleft {
	clear:left;
}
.clearall {
	clear:both
}
div#menu {
	background:url(../images/bg.gif) top repeat-y;
	width:1050px;
	height:42px;
	text-align:center;
}
div#menu div#submenu {
	width:956px;
	height:42px;
}
div#menu div#submenu ul li {
	list-style:none;
	display:inline;
	float:left;
}
a.overview {
	background:url(../images/hotel-booking-overview.gif) top no-repeat;
	width:111px;
	height:42px;
	display:block;
	background-position:0 0;
	text-indent:-9999px;
}
a.overview:hover {
	background:url(../images/hotel-booking-overview.gif) top no-repeat;
	width:111px;
	height:42px;
	display:block;
	background-position:0 -42px;
	text-indent:-9999px;
}
a.service {
	background:url(../images/hotel-booking-service.gif) top no-repeat;
	width:115px;
	height:42px;
	display:block;
	background-position:0 0;
	text-indent:-9999px;
}
a.service:hover {
	background:url(../images/hotel-booking-service.gif) top no-repeat;
	width:115px;
	height:42px;
	display:block;
	background-position:0 -42px;
	text-indent:-9999px;
}
a.customer {
	background:url(../images/hotel-booking-customers.gif) top no-repeat;
	width:115px;
	height:42px;
	display:block;
	background-position:0 0;
	text-indent:-9999px;
}
a.customer:hover {
	background:url(../images/hotel-booking-customers.gif) top no-repeat;
	width:115px;
	height:42px;
	display:block;
	background-position:0 -42px;
	text-indent:-9999px;
}
a.portfolio {
	background:url(../images/hotel-booking-portfolio.gif) top no-repeat;
	width:123px;
	height:42px;
	display:block;
	background-position:0 0;
	text-indent:-9999px;
}
a.portfolio:hover {
	background:url(../images/hotel-booking-portfolio.gif) top no-repeat;
	width:123px;
	height:42px;
	display:block;
	background-position:0 -42px;
	text-indent:-9999px;
}
a.contactmenu {
	background:url(../images/hotel-booking-contact.gif) top no-repeat;
	width:139px;
	height:42px;
	display:block;
	background-position:0 0;
	text-indent:-9999px;
}
a.contactmenu:hover {
	background:url(../images/hotel-booking-contact.gif) top no-repeat;
	width:139px;
	height:42px;
	display:block;
	background-position:0 -42px;
	text-indent:-9999px;
}
div#wdbox{
	background:url(../images/widediscoverymenu.gif) top no-repeat;
	width:353px;
	height:42px;
}
a.facebook{
	color:#0e56a7;
	font-family: "tahoma",verdana ,Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	text-decoration:none;
}
a.facebook:hover{
	color:#3c4246;
	font-family: "tahoma",verdana ,Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	text-decoration:none;
}
div#disbg{
	background:url(../images/bg.gif) top repeat-y;
	width:1050px;
}
div#bodybg{
	background:url(../images/bg.gif) top repeat-y;
	width:954px;
	padding:15px 48px 0px 48px;
}
div#bodyside1 {
	width:234px;
	float:left;
}
div#bodyside1_a {
	width:234px;
	float:left;
	padding:10px 0px 0px 0px;
}
div#bodyside2 {
	width:485px;
	float:left;
}
div#bodyside2_a {
	width:720x;
	float:left;
}
div#bodyside2_b {
	width:949px;
	float:left;	
}
div#bodyside3 {
	width:235px;
	float:left;
}
a.photo {
	background:url(../images/hotel-photos1.jpg) top no-repeat;
	width:235px;
	height:152px;
	background-position:0 -1px;
	display:block;
	text-indent:-9999px;
}
a.photo:hover {
	background:url(../images/hotel-photos1.jpg) top no-repeat;
	width:235px;
	height:152px;
	background-position:0 -154px;
	display:block;
	text-indent:-9999px;
}
a.chat {
	background:url(../images/chat1.jpg) top no-repeat;
	width:235px;
	height:88px;
	background-position:0 0;
	display:block;
	text-indent:-9999px;
}
a.chat:hover {
	background:url(../images/chat1.jpg) top no-repeat;
	width:235px;
	height:88px;
	background-position:0 -88px;
	display:block;
	text-indent:-9999px;
}
div#contact1{
	width:300px;
	float:left;
	padding:40px 0 0 13px;
	font-family: "tahoma",verdana ,Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#393939;
}
div#contact2{
	width:500px;
	float:right;
	text-align:right;
	padding:26px 13px 0 0;
	font-family: "tahoma",verdana ,Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#393939;
}
a.end {
	font-family: "tahoma",verdana ,Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#393939;
	text-decoration:none;
}
a.end:hover {
	font-family: "tahoma",verdana ,Arial, Helvetica, sans-serif;
	font-size:11px;
	color:red;
	text-decoration:none;
}
a.project {
	background:url(../images/project1.jpg) top no-repeat;
	width:235px;
	height:101px;
	background-position:0 0;
	display:block;
	text-indent:-9999px;
}
a.project:hover {
	background:url(../images/project1.jpg) top no-repeat;
	width:235px;
	height:101px;
	background-position:0 -101px;
	display:block;
	text-indent:-9999px;
}
div#footbox {
	background:url(../images/foot-bg.jpg) top no-repeat;
	width:954px;
	height:91px;
	margin-top:20px;
}
div#footbox #footmenu {
	margin:0px 50px 0px 340px;
	padding:10px 0 0 0;
	font-family: "tahoma",verdana ,Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#FFF;
}
div#footbox #footmenu ul{
	list-style:none;
}
div#footbox #footmenu ul li{
	display:inline;
	padding-left:10px;
}
div#footbox #footmenu ul li a{
	font-family: "tahoma",verdana ,Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
}
div#footbox #footmenu ul li a:hover{
	font-family: "tahoma",verdana ,Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#FFF;
	text-decoration:underline;
}
div#headside2 {
	background:url(../images/headtitle.gif) top no-repeat;
	width:485px;
	height:31px;
	text-align:center;
	font-family: "tahoma",verdana ,Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight:bold;
	color:#FFF;
	padding-top:20px;
}
div#headside2_a {
	background:url(../images/headtitle_a.gif) top no-repeat;
	width:720px;
	height:31px;
	text-align:center;
	font-family: "tahoma",verdana ,Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight:bold;
	color:#FFF;
	padding-top:20px;
}
div#headside2_b {
	background:url(../images/headtitle_b.jpg) top no-repeat;
	width:949px;
	height:31px;
	text-align:center;
	font-family: "tahoma",verdana ,Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight:bold;
	color:#FFF;
	padding-top:20px;
}
div#contentbox {
	background:url(../images/content-bg.jpg) top repeat-y;
	padding:10px 18px 0px 18px;
}
div#contentbox_a {
	background:url(../images/content-bg_a.jpg) top repeat-y;
	padding:10px 18px 0px 18px;
}
div#contentbox_b {
	background:url(../images/content-bg_b.gif) top repeat-y;
	background-position:0 0;
	width:949px;
	padding:0 20px 0 20px;
	/*padding:10px 18px 0px 18px;*/
}
div#webbook {
	background:url(../images/webbooking.jpg) top no-repeat;
	width:221px;
	height:176px;
	padding:13px 0 0 13px;
}
div#webdi {
	background:url(../images/desi.jpg) top no-repeat;
	width:221px;
	height:147px;
	padding:5px 0 0 13px;
}
.textengine {
	color:#666a6e;
	font-family: "tahoma",verdana ,Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-decoration:none;
}
.texttitle {
	color:#393939;
	font-family: "tahoma",verdana ,Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	text-decoration:none;
}
div#contentfoot {
	background: url(../images/contentfoot.jpg) top no-repeat;
	height:17px;
}
div#contentfoot_a {
	background: url(../images/contentfoot_a.jpg) top no-repeat;
	height:17px;
}
div#contentfoot_b {
	background: url(../images/contentfoot_b.gif) top no-repeat;
	height:17px;
}
a.detail {
	color:#7a3c0b;
	font-family: "tahoma",verdana ,Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	margin-left:120px;
	text-decoration:none;
}
a.detail:hover {
	color:red;
	font-family: "tahoma",verdana ,Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	margin-left:120px;
	text-decoration:none;
}
/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}
img {
	border:0;		
}

#scroll {
position:relative;
	height:;
	overflow:hidden;
	border:1px solid #ddd;
	width:948px;
	padding:0px;
	height:473px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#tools {
	width:9999em;
	position:absolute;
	display:block;
	height:400px;
}

.tool {
	float:left;
	position:relative;
	width:1000px;
	height:340px;
	text-align:center;
}

.details {
	font-size:18px;
	color:#555;
	margin-top:-20px;
	background-color:transparent;
	padding:5px 148px;
}


#thumbs {
	background: url(../home_files/demo-navi.jpg) no-repeat;
	height:76px;
	position:absolute;
	top:400px;
	width:955px;
	left:-8px;
}

.t {
	padding:0 !important;
	border:0 !important;
}

.t a {
	background:transparent url(../home_files/demo-navi.jpg)no-repeat scroll -21px -76px;
	/*margin-left:11px;*/
	display:block;
	width:108px;
	float:left;
	height:76px;
	cursor:pointer;
}

.t a.active {
	cursor:default !important;
}

.navi {
	margin-left:409px;
	_margin-left:304px;
}

/* CSS sprite for the navigation */
#t0 		  { margin-left:31px; background-position:-32px -90px}
#t0.active { background-position:-32px 0 !important; }
#t0:hover  { background-position:-32px -180px; }
#t0:active { background-position:-32px -270px; }

#t1			{ background-position:-409px -90px; }
#t1:hover 	{ background-position:-409px -180px; }
#t1:active	{ background-position:-409px -270px; }
#t1.active	{ background-position:-409px 0 !important; }

#t2			{ background-position:-542px -90px; }
#t2:hover 	{ background-position:-542px -180px; }
#t2:active	{ background-position:-542px -270px; }
#t2.active	{ background-position:-542px 0 !important; }

#t3			{ background-position:-677px -90px; }
#t3:hover 	{ background-position:-677px -180px; }
#t3:active	{ background-position:-677px -270px; }
#t3.active	{ background-position:-677px 0 !important; }

#t4			{ background-position:-811px -90px; }
#t4:hover 	{ background-position:-811px -180px; }
#t4:active	{ background-position:-811px -270px; }
#t4.active	{ background-position:-811px 0 !important; }

#t5			{ background-position:-765px -90px; }
#t5:hover 	{ background-position:-765px -180px; }
#t5:active	{ background-position:-765px -270px; }
#t5.active	{ background-position:-765px 0 !important; }

#t6			{ background-position:-875px -90px; }
#t6:hover 	{ background-position:-875px -180px; }
#t6:active	{ background-position:-875px -270px; }
#t6.active	{ background-position:-875px 0 !important; }

	.tb_bg{
		background-color:#cecece;
	}
	.tb_td{
		background-color:#fff;
	}
	.text_h1{
		color:#0b70a8;
		font-size:14px;
		font-weight:bold;
	}
	a.menu_left{
	display:block;
	background-color:#ebebeb;
	font-family: "Arial",verdana ,tahoma, Helvetica, sans-serif;
	font-size:13px;
	font-weight: normal;
	text-decoration:none;
	color:#6e6e6e;
	margin:5px 0px 5px 0px;
	line-height:28px;
	padding:0px 10px 0px 10px;
	width:200px;
	}
	a.menu_left:hover{
	display:block;
	background-color:#ffa400;
	font-family: "Arial",verdana ,tahoma, Helvetica, sans-serif;
	font-size:13px;
	font-weight: normal;
	text-decoration:none;
	color:#fff;
	margin:5px 0px 5px 0px;
	line-height:28px;
	padding:0px 10px 0px 10px;
	width:200px;
	}
	a.menu_left_select{
	display:block;
	background-color:#ffa400;
	font-family: "Arial",verdana ,tahoma, Helvetica, sans-serif;
	font-size:13px;
	font-weight: normal;
	text-decoration:none;
	color:#fff;
	margin:5px 0px 5px 0px;
	line-height:28px;
	padding:0px 10px 0px 10px;
	width:200px;
	}
	a.menu_left_select:hover{
	display:block;
	background-color:#ebebeb;
	font-family: "Arial",verdana ,tahoma, Helvetica, sans-serif;
	font-size:13px;
	font-weight: normal;
	text-decoration:none;
	color:#6e6e6e;
	margin:5px 0px 5px 0px;
	line-height:28px;
	padding:0px 10px 0px 10px;
	width:200px;
	}
	.portfolio1{
		padding:10px 10px 10px 10px;
	}
	a.port1{
		width:212px;
		height:128px;
		padding:5px 5px 5px 5px;
		background-color:#dadada;
		border:1px solid #ccc;
		display:block;
	}
	a.port1:hover{
		width:212px;
		height:128px;
		padding:5px 5px 5px 5px;
		background-color:#828282;
		border:1px solid #ccc;
		display:block;
	}	
	a.text_port1{
	color:#5c9910;
	font-family: "Arial",verdana ,tahoma, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	margin:0;
	text-decoration:none;
	}
	a.text_port1:hover{
	color:#000;
	font-family: "Arial",verdana ,tahoma, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	margin:0;
	text-decoration:none;	
	}		
	h4{
color:#5c9910;
	font-family: "Arial",verdana ,tahoma, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	}
a.txt_sitemap
	{
	color:#000066;
	font-family: "Arial",verdana ,tahoma, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	}
a.txt_sitemap:hover
	{
	color:red;
	font-family: "Arial",verdana ,tahoma, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-decoration:underline;
	}	
a.txt_sitemap2
	{
	color:#000066;
	font-family: "Arial",verdana ,tahoma, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	}
a.txt_sitemap2:hover
	{
	color:red;
	font-family: "Arial",verdana ,tahoma, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:underline;
	}		
a.menu_port_left
	{
	color:#666a6e;		
	font-family: "Arial",verdana ,tahoma, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	}
a.menu_port_left:hover
	{
	color:red;
	font-family: "Arial",verdana ,tahoma, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	}
	.formcontact td{	
	background-color:#e8e7e7;
	margin:0;
    height:30px;

	}