body{
	margin:0px auto;	
	padding:0;
	color:#4a301a;
	font-size: 12px;
	background: #fcfbf8 url(/images/bg.jpg) no-repeat 50% 0;
	}

html { margin:0;padding:0;font-family: Georgia, Times New Roman;color:#4a301a;overflow-y:scroll;}

div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{ margin:0; padding:0; }

textarea{
	font-family: Tahoma, Arial, Vendana;
	font-size: 11px;
	}
a:focus, :focus {outline:0;}

p { margin: 6px 0; }
	 
img { border:0; }

ul  {
	list-style-type: none;
	padding: 0;
	margin: 0;
	line-height:normal;
	}

li {
	display: block;
	text-decoration: none;
	background-image:  url(/images/bullet.png);
	background-repeat: no-repeat;
	margin:0;
	margin-left:15px;
	padding: 3px 0px 3px 10px;
	background-position: 0px 6px;
	line-height:normal;
	}
	
ul ul li {
	display: block;
	text-decoration: none;
	background-image:  url(/images/bullet.png);
	background-repeat: no-repeat;
	padding: 0 0 0 10px;
	margin: 6px 0 0 0;
	background-position: 0px 5px;
	}

a 	{
	color: #146f6c;
	text-decoration: underline;
	}
a:hover {
	color: #04a19c;
	}

h1 {
	font-size: 15px;
	font-weight: bold;
	color: #400d1d;
	text-decoration: none;
	}

h2 {
	font-size: 13px;
	font-weight: normal;
	color: #2b4347;
	text-decoration: none;
	
	}
	
h3 	{
	font-size: 12px;
	color: #2b4347;
	text-decoration: none;
	font-weight: bold;
	}
	
.alink {
	background: url(/images/bullet.gif) no-repeat left center;
	padding: 0px 0px 0px 13px;
	background-position: 0 3px;
	}
		
.alink:hover {
	color: #0961fb !important;
	}

.clear{
	clear:both; 
	font-size:0; 
	line-height:0;
	}

/*--------------topheader--------------------*/
#header{
	width: 980px;
	height: 483px;
	background:url(/images/header.jpg) no-repeat;
	}

#logo {
	width: 200px;
	height: 83px;
	float:left;
	}

#header .headertag {	
	margin:53px 90px 0 30px;
	}

#contactus {
			background:url(/images/contactus.jpg) no-repeat;
			width:85px;
			height:36px;
			float:right;
			padding-right:3px;
			}
/*--------------menu--------------------*/

#mainNav li {float:left; margin:0;padding:0; background:none;}
#mainNav li a { display: block; position:relative; left:65px; top:28px; float:left; height:18px; background: url(/images/menu.png) no-repeat; text-indent: -9999px; }
#mainNav li.home a { width: 56px; background-position: 0 0; }
#mainNav li.accomodations a { width: 143px; background-position: -56px 0; }
#mainNav li.hosts a { width: 105px; background-position: -200px 0; }
#mainNav li.laperla a { width: 80px; background-position: -305px 0; }
#mainNav li.specials a { width: 80px; background-position: -385px 0; }
#mainNav li.attractions a { width: 138px; background-position: -465px 0; }
#mainNav li.gallery a { width: 65px; background-position: -605px 0; }
#mainNav li.contact a { width: 155px; background-position: -670px 0; }

#mainNav li.home a:hover, #mainNav li.home a.on{ width: 56px; background-position: 0 -18px; }
#mainNav li.accomodations a:hover, #mainNav li.accomodations a.on { width: 143px; background-position: -56px -18px;;}
#mainNav li.hosts a:hover, #mainNav li.hosts a.on { width: 105px; background-position: -200px -18px; }
#mainNav li.laperla a:hover, #mainNav li.laperla a.on { width: 80px; background-position: -305px -18px; }
#mainNav li.specials a:hover, #mainNav li.specials a.on{ width: 80px; background-position: -385px -18px; }
#mainNav li.attractions a:hover, #mainNav li.attractions a.on { width: 138px; background-position: -465px -18px; }
#mainNav li.gallery a:hover, #mainNav li.gallery a.on { width: 65px; background-position: -605px -18px; }
#mainNav li.contact a:hover, #mainNav li.contact a.on { width: 155px; background-position: -670px -18px; }


/*--------------body--------------------*/

#wrapper{
	width:980px;
	margin: 0 auto;
	font-family: Georgia, Times New Roman;
	font-size: 12px;
	text-transform: none;
	color: #4a301a;
	text-decoration: none;
}
.main {
	width:875px;
	margin: 0 auto;
	margin-left:65px;
}

#content {
	float:left;
	width: 575px;
	padding: 15px 30px;
	line-height:18px;
	border-left:1px dashed #ac996b;
	}
#content-home{
	float:left;
	width: 380px;
	padding: 15px 30px;
	line-height:18px;
	border-left:1px dashed #ac996b;
	border-right:1px dashed #ac996b;
}
#home-right{
	float:left;
	width: 191px;
	padding: 15px 0px;
	line-height:18px;
	margin-left:15px;
	}
#reservations {
	float: left;
	width: 205px;
	padding:10px;
	}
	
.accomo {
background-color:#f0ebd5;
padding:10px;
height:48px;
border:1px dashed #ac9d77;
margin-bottom:5px;
}
/*--------------sidebar--------------------*/
.sidebar li {background:none;}
.side img {float:left;margin-right:10px;}

/*--------------footer--------------------*/

#footer {
	width:947px;
	margin:0 auto ;
	margin-top:50px;
	padding-top:30px;
	background:url(/images/footer.png) no-repeat 50% 0;
	height:50px;
	}
#footer a{

	}
/*--------------misc----------------*/
.sub {
	background-color:#9ecad0;
	color:#000;
	font-weight:bold;
	border:0;
	padding:2px;
	cursor:pointer;
	width: 120px;
	}
.sub-res {
	background-color:#9ecad0;
	color:#400d1d;
	border:1px dashed #fff;
	padding:4px 10px;
	cursor:pointer;
	font-size:11px;
	display:block;
	text-decoration:none;
	width: 155px;
	white-space:nowrap;
	}
.sub-res:hover{
	background-color:#5d9da6;
	color:#fff;
	font-size:11px;
	display:block;
	text-decoration:none;
	}
label {font-weight:bold;}
.ulnomarg {margin-left: 2px;}
.bold {font-weight:bold}
.italic {font-style:italic}
.nou {text-decoration:none;}
.center {text-align:center;}
.text-8 {font-size:8px}
.text-9 {font-size:9px}
.text-10 {font-size:10px}
.text-11 {font-size:11px}
.text-12 {font-size:11px}
.text-13 {font-size: 13px}
.text-14 {font-size: 14px}
.text-15 {font-size: 15px}
.text-16 {font-size: 16px}
.text-17 {font-size: 17px}
.text-18 {font-size: 18px}
.text-19 {font-size: 19px}
.text-20 {font-size: 20px}
.text-21 {font-size: 21px}
.text-22 {font-size: 22px}
.text-23 {font-size: 23px}
.text-24 {font-size: 24px}
.text-25 {font-size: 25px}
.text-28 {font-size: 28px}
.text-30 {font-size: 30px}
.tan {color: #957f3c !important;}
.green {color: #2f4c4e !important;}
.red {color: #400d1d !important;}
.white {color: #fff;}
.bg-ltgreen{background-color:#cce5df;padding: 4px;}
.bg-mauve {background-color: #ba9d9d;padding: 4px;}
.bg-cream {background-color: #e8e2d4;padding: 4px;}
.line-mauve {border-bottom:1px dashed #ba9d9d;padding: 4px;padding-left:0;}
.border-brown {border:1px dashed #ac9d77;}
.border-white {border:1px dashed #fff;}
.left {float:left;}
.right{float:right;}
#dhtmltooltip{
font:  10px Verdana, sans-serif !important;
font-weight: bold !important;
color: #eceadb;
position: absolute;
left: -300px;
width: 34px;
padding: 6px 8px;
background-color: #345555;
visibility: hidden;
z-index: 10000000;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}
#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 100000001;
visibility: hidden;
}