/* CSS Document [ Shalati ]
----------------------------------------------
*/
*{
	border: 0;
	margin: 0;
	padding: 0;
}
body{
	background: url(images/body_bg.jpg) #c08c6d;
	color: #43281d;
	font: 12px Arial,Tahoma,Verdana,Helvetica,Sans-Serif;
}
a{
	color: #e37e14;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
p{
	line-height: 18px;
}
input,select,textarea{
	border: #b57758 1px solid;
	background-color: #e5cdb6;
	font-size: 12px;
	padding: 5px;
}

input.btn {
	padding: 0px;
	margin:12px 0px 20px 0px;

}
td.csc-form-labelcell1{
color:#E37E14;
padding:7px 0px 0px 0px;
}


select{
	padding: 0;
}
li{
	list-style: none;
}
h1 span,h2 span{
	display: none;
}
/*=== Layout ===*/
#wrapper{
	background:url(images/wrapper_bg.jpg) repeat-x;
}
#shadow{
	background: url(images/main_bg.gif) repeat-y center;
	margin: 0 auto;
	width: 939px;
}
#page{
	margin: 0 auto;
	width: 933px;
}
/*=== Header ===*/
#header{
	position: relative;
	height: 122px;
	background: url(images/top_bgd.jpg) no-repeat 0 50%;
}
#header h1{
	position: absolute;
	width: 199px;
	height: 106px;
	top: 8px;
	left: 28px;
	background: url(images/shalati_logo.jpg) no-repeat;
	text-indent: -9000px;
}
#header h1 a{
	
	width: 199px;
	height: 106px;
	display: block;
	
}
#header p{
	position: absolute;
	top:8px;
	right: 18px;
	color: #43281d;
}
#header p a{
	color: #43281d;
}
/*- Top Menu -*/
#header ul {
	position:absolute;
	background: url(images/mainmenu_bgd.jpg) left top no-repeat;
	width:670px;
	height:35px;
	margin:87px 4px 0 259px;
	text-indent:-9999px;
	}
	
#header li {
	display:inline;
	}
	
#header li a {
	float:left;
	display:block;
	height:35px;
	}
	
#header li a#accommodation {
	width:128px;
	}
	
#header li a#accommodation:hover {
	background: url(images/mainmenu_bgd.jpg) left -35px no-repeat;
	}
	
#header li a#rates {
	width:128px;
	margin:0 0 0 10px;
	}
	
#header li a#rates:hover {
	background:#261806 url(images/mainmenu_bgd.jpg) -138px -35px no-repeat;
	}
	
#header li a#facilities {
	width:128px;
	margin:0 0 0 10px;
	}
	
#header li a#facilities:hover {
	background:#261806 url(images/mainmenu_bgd.jpg) -276px -35px no-repeat;
	}
	
#header li a#activities {
	width:128px;
	margin:0 0 0 10px;
	}
	
#header li a#activities:hover {
	background:#261806 url(images/mainmenu_bgd.jpg) -414px -35px no-repeat;
	}
	
#header li a#reservations {
	width:128px;
	margin:0 0 0 0;
	}
	
#header li a#reservations:hover {
	background:#261806 url(images/mainmenu_bgd.jpg) -542px -35px no-repeat;
	}
	
#header li.active a#accommodation{
	background: url(images/mainmenu_bgd.jpg) left -35px no-repeat;
}
#header li.active a#rates {
	background:#261806 url(images/mainmenu_bgd.jpg) -138px -35px no-repeat;
	}

#header li.active a#facilities{
	background:#261806 url(images/mainmenu_bgd.jpg) -276px -35px no-repeat;
	}	
#header li.active a#activities {
	background:#261806 url(images/mainmenu_bgd.jpg) -414px -35px no-repeat;
	}
#header li.active a#reservations {
	background:#261806 url(images/mainmenu_bgd.jpg) -542px -35px no-repeat;
	}

/*=== Title Box ===*/
#title{
	height: 223px;
}
#title img{
	display: block;
	float: left;
}
/*=== Columns ===*/
#columns h2{
	clear: both;
	color: #50352b;
	font-size: 24px;
	font-weight: normal;
	padding: 0 0 15px;
}
/*--- Left Column ---*/
#leftcol{
	float: left;
	font-size: 11px;
	width: 256px;
}
#columns #leftcol h2{
	padding: 0 0 10px;
}

/*- Latest News -*/
.news{
	color: #50352b;
	margin: 0;
	
	padding: 20px 22px;
}

#columns #leftcol .news h2{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	color: #481a08;
	padding-left: 30px;
	padding-bottom: 5px;
	width: 190px;
	border-bottom: 1px solid #caac97;
	margin-bottom: 20px;
	
	background: url(images/pata_h2.gif) no-repeat top left;
}
.news li{
	padding: 0 0 5px;
}
.news li h3 a{
	color: #cd4902;
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.news li h3 span,.news li h5 span{
	background: url(images/ico-arrow.gif) no-repeat 0 50%;
	font-size: 14px;
	font-weight: normal;
	padding: 0 0 0 17px;
}
.news li h5 a{
	text-decoration: underline;
}
.news li p{
	font-size: 12px;
	padding: 0 0 10px 17px;
}
.news li p.date{
	font-family: Georgia, "Times New Roman", Times, serif;	
	font-size: 12px;
	font-style: italic;
	color: #974523;
}
.news li p.teaser a{
	color: #43281d;
}
/*- Photos -*/
/*- Newsletter -*/
.newsletter{
	margin: 0 15px 20px 22px;
}
#columns #leftcol .newsletter h2{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	color: #481a08;
	padding-left: 30px;
	padding-bottom: 5px;
	width: 190px;
	border-bottom: 1px solid #caac97;
	margin-bottom: 10px;	
	background: url(images/pata_h2.gif) no-repeat top left;
}
ul.inputs{
	
	padding: 11px;
}
.inputs li{
	color: #603929;
	margin: 0 0 5px 0;
}
.inputs input{
	width: 190px;
}
.newsletter input.btn{
	border: 0;
	margin: 3px 13px 0 0;
	padding: 0;
	width: auto;
}
ul.cont{
	background: #ffffff;
	padding: 11px;
	margin-bottom:5px;
}
.cont li{
	color: #726f6c;
	font-size:12px;
	margin: 0 0 5px 0;
}
/*--- Center Column ---*/
#centercol{
	float: right;
	padding: 0;
	width: 650px;
}
#columns #centercol h2{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color: #481a08;
	padding-left: 40px;
	padding-bottom: 5px;
	width: 580px;
	border-bottom: 1px solid #ead3c9;
	margin: 16px 0;	
	background: url(images/pata2.gif) no-repeat 0 -100%;
}

#centercol p{
	padding: 0 25px 15px 0 ;
}
/*- Services -*/
.service{
	float: left;
	margin: 0 12px 12px 0;
	width: 195px;
	display: inline;
}
.service img{
	display: block;
}
.service .spacer{
	background: url(images/spacer_bg.gif) no-repeat;
	color: #43281d;
	font-size: 12px;
	height: 131px;
	overflow: hidden;
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 15px;
}
.service .spacer p{
	line-height: 16px;
}
.spacer a{
	color: #fff;
	text-decoration:underline;
}
.service h3{
	color: #f2ae30;
	font-size: 14px;
	font-weight: normal;
	line-height: 47px;
	padding: 0 0 0 12px;
}
.service h3 a{
	color: #fff;
}
.service h5{
	border-bottom: 1px solid #e0dbcf;
	line-height: 24px;
}
.service h5 span{
	font-size: 11px;
	font-weight: normal;
	background-image: url(images/more.gif);
	background-repeat: no-repeat;
	background-position: 5px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 16px;
}
.service h5 a{
	color: #562b25;
}
/* Service Heading Colours */
.colr1{
	background: #4b1c09;
}
.colr2{
	background: #61240c;
}
.colr3{
	background: #4b1c09;
}
/*- Contact Form -*/
.cform{
	margin: 0 15px 20px 0;
}
ul.inputs2{
	background: #ffffff;
	padding: 11px;
}
.inputs2 li{
	color: #e37e14;
	margin: 0 0 5px 0;
}
.inputs2 input{
	width: 190px;
}
.cform input.btn{
	border: 0;
	margin: 3px 13px 0 10px;
	padding: 0;
	width: auto;
}
/*=== Footer ===*/
#footer{
	background: #581b07;
	color: #d4b494;
	font-size: 11px;
	height: 32px;
	line-height: 32px;
	margin: 0 6px;
}
#footer a{
	color: #d4b494;
	padding: 0 3px;
}
#footer p{
	padding: 7px 17px;
}
#footer p.copy{
	float: left;
}
#footer p.botmenu{
	text-align: center;
	
}
/*=== Misc. ===*/
.fix{
	clear: both;
	height: 1px;
	line-height: 1px;
	margin: -1px 0 0;
}
hr{
	border-bottom: 1px solid #e0dbcf;
	clear: both;
	height: 1px;
	margin: 0 0 10px;
}
.ar{
	text-align: right;
}
input.btn{
	border: 0;
}


/* ********** NEWS ************ */
.news-single-backlink{padding-bottom:30px;}
.news-single-img{float:right}
.news-single-img img{padding:0px 0px 0px 10px;}
.news-single-img {padding:0px 22px 0px 10px;}

div.tx_powermail_pi1_fieldwrap_html label {color:#E37E14; width: 200px;} 
div.tx_powermail_pi1_fieldwrap_html input { display:inline;}
div.tx_powermail_pi1_fieldwrap_html label { display:block;}

/*
#uid1_msg,
#uid2_msg,
#uid2_help,
#uid1_help {display:none;}
*/
.tx_powermail_pi1_fieldwrap_html_submitgraphic input {
	padding: 0px;
	margin:12px 0px 20px 0px;
	border:0px solid #B57758;

}
form.tx_powermail_pi1_formconfirmation_back,
form.tx_powermail_pi1_formconfirmation_submit {display:inline;}
form.tx_powermail_pi1_formconfirmation_back input,
form.tx_powermail_pi1_formconfirmation_submit input {
color:#EAE1D1;
	border: #b57758 1px solid;
	background-color: #7F381B ;
	font-size: 12px;
	padding: 5px;
}

#tx-powermail-pi1_fieldset_1 legend {display:none;}

div.tx_powermail_pi1_fieldwrap_html {margin:0 0 8px 0;}