@charset "utf-8";
/* CSS Document */

body {
	background-image:url(images/bodybg.jpg);
	margin-top:0px;
	color:#00F;
	text-align: center;
}

#container {
	width:1024px;
	margin:0 auto;
}

#header {
	width:1024px;
	height:204px;
	margin:0 auto;
	background-image:url(images/headernewlatest.png)
}

#flash {
	float:left;
	width:357px;
	height:238px;
	margin-right:20px;
}

#rightpichold {
	width:208px;
	float:right;
	margin-left:10px;
}

.resorttopimg {
	width:280px;
	height:360px;
	float:left;
	margin-right:8px;

}

.ampic {
	float:right;
	width:200px;
	height:150px;
	margin:4px;
}

.thinpic {
	float:left;
	width:350px;
	margin:10px 10px 10px 0;
}

#header h1 {
	margin:0px;
	padding-top:140px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

h1 {
	margin-top:0px;
	text-align: left;
	font-family: "Lucida Handwriting", "Lucida Console";
	color:#E07D42;
	margin-bottom:4px

}

h2 {
	margin-top:0px;
	margin-bottom:2px;
	text-align: left;
	font-family: "Lucida Handwriting", "Lucida Console";
	
	color:#00F;
}

h3 {
	margin-top:0px;
	text-align: left;
	font-family: "Lucida Handwriting", "Lucida Console";
	color:#e07d42;
}

#content {
	width:794px;
	height:650px;
	margin:0 auto;
	background-color:#f9d587;
	border-top:3px solid #e07d42;
	border-right:3px solid #e07d42;
	border-bottom:3px solid #e07d42;
	border-left:3px solid #e07d42;
	margin-top:0px;
	padding-top:20px;
}

#resortcontent {
	width:794px;
	height:100%;
	margin:0 auto;
	background-color:/*#f9d587;*/ #fff6d7;
	border-top:0px solid #e07d42;
	border-right:3px solid #e07d42;
	border-bottom:3px solid #e07d42;
	border-left:3px solid #e07d42;
	margin-top:0px;
	padding-top:20px;
	padding-bottom:20px;
	text-align: center;
	background-image:url(Resources/bg2.jpg)
}

#indextext {
	padding-left:23px;
	padding-right:20px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	text-align: left;
}

p {
	margin-top:0px;
	margin-bottom:0px;
	text-align: left;
	color:#006;
}

#golfimg {
	width:200px; 
	height:160px; 
	float:left;
	margin-right:20px;
}

#apimg {
	width:180px; 
	height:180px; 
	float:left;
	margin-right:20px;
}

#map {
	width:200px; 
	height:200px; 
	float:left;
	margin-right:20px;
}

#dune {
	width:300px; 
	height:180px; 
	float:right;
	margin-left:20px;
}
	
#interior {
	width:300px;
	height:200px;
	border:3px solid #E07D42;
	float:right;
	margin-left:20px;
}

.villright {
	width:340px;
	height:180px;
	float:right;
}

.villleft {
	width:340px;
	height:217px;
	float:left;
	margin-right:10px;
	padding-top:0px;

}

#exterior {
	width:239px;
	height:180px;
	margin:2px;
	border:1px solid #E07D42;
	float:left;
}

#weathertxt {
	width:357px;
	float:left;
	margin-right:20px;
}

#menupos{
	padding-top:138px;
}

.pro_line2 {
	margin:0 auto;
	width:800px;
height:38px; 
position:relative; 
font-family:arial, verdana, sans-serif; 
font-size:11px;
z-index:500;
}

.pro_line2 .select {
margin:0; 
padding:0 0 0 0px; 
list-style:none; 
white-space:nowrap;
}

.pro_line2 li {
float:left;
background:url(line/blank_over.gif);
}

.pro_line2 .select a {
display:block; 
height:28px; 
float:left; 
background: url(line/test.jpg); 
padding:0 0 0 15px; 
text-decoration:none; 
line-height:25px; 
white-space:nowrap; 
color:#FFF;
}

.pro_line2 .select a b {
display:block; 
padding:0 25px 0px 10px; 
background:url(line/test.jpg) right top;
}

.pro_line2 .select a:hover, 
.pro_line2 .select li:hover a {
background: url(line/blank_over.gif); 
padding:0 0 0 10px;
line-height:27px;
cursor:pointer; 
color:#fff;
}

.pro_line2 .select a:hover b, 
.pro_line2 .select li:hover a b {
display:block; 
padding:0 30px 0px 15px; 
background:url(line/blank_over.gif) right top; 
cursor:pointer;
}

.pro_line2 .sub {
display:none;
}

/* IE6 only */
.pro_line2 table {
border-collapse:collapse; 
margin:-1px; 
font-size:1em; 
width:0; 
height:0;
}

.pro_line2 .sub {
margin:0; 
padding:0 0 0 60px;
list-style:none;
}
.pro_line2 .sub li {background:transparent;}

.pro_line2 .select :hover .sub {
height:18px;
display:block; 
position:absolute;
float:left;
width:750px;
top:28px; 
left:0; 
text-align:center;
}

.pro_line2 .select :hover .sub li a 
{display:block;height:18px; line-height:16px; float:left; background:transparent url(line/transparent.gif); padding:0 16px; margin:0; white-space:nowrap; border:1px solid #000; border-color:#888 #777 #666 #ddd; color:#888;font-size:10px;}

.pro_line2 .select :hover .sub li a:hover 
{color:#000; background:#e8e8e8; border-color: #fff #333 #000 #fff; line-height:15px;}

.clear {
	clear:both;
}

#testi {
	width:100%;
	height:180px;

}

#testileft {
	float:left;
	width:346px;
	padding:10px 20px 10px 10px;
	line-height:20px;
	border-right:2px solid #F90;
		font-weight:bold;

}
#testiright {
	float:right;
	width:346px;
	padding:10px;
	line-height:20px;
	font-weight:bold;

}

#accom {
	width:100%;
	height:340px;
     height:410px;
}


#accomleft2 {
	float:left;
	width:340px;
	padding:5px 5px 5px 5px;
	height:360px;
	margin-bottom:5px;
}

#accomright2 {
    color:#00F;
	float:right;
	width:360px;
	height:360px;
	padding:5px;
	line-height:20px;
	
}

#accomright2 p {
    color:#00F;
}

#accomleft {
	float:left;
	width:340px;
	padding:10px 10px 10px 10px;
	height:580px;
	border:1px solid #006;

}

#accomleft p {
color:#000;
}

#accomright p {
color:#E07D42;
}

#accomleft ul li{

	color:#006;
}

#accomleft ul{

	color:#00F;
}


#accomright ul li{

	color:#006;
}

#accomright ul{

	color:#00F;
}

#accomright {
	float:right;
	width:346px;
	height:580px;
	padding:10px;
	border:1px solid #006;
	color:#006;
}

.resleft {
	width:200px;
	height:160px;
	float:left;
	margin:0 20px 10px 0;
}

.resright {
	width:200px;
	height:160px;
	float:right;
	margin:0 0px 10px 20px;
}

img {
	border:0px;
	text-align: center;
}
img a {	border:0px; }

a:link { color:#00F;}
a:hover{ color:#09F;}
a:active{}
a:visited{ color:#00F;}

.green {float:right;
width:200px;
height:160px;
margin-left:10px;
}

.guideimg {
	width:244px;
	height:180px;
	float:left;
	margin-right:8px;
}

.guideimg2 {
	width:150px;
	height:110px;
	float:right;
	margin-left:8px;
}

#planeimg {
	width:225px;
	height:150px;
	float:right;
}


#ferry {
	width:280px;
	height:180px;
	float:left;
	margin-right:10px;
}

.key {
	width:170px;
	height:300px;
	float:left;
	margin-left:10px;
}

#parking {
	width:280px;
	height:180px;
	float:left;
	margin-right:10px;
}


#holeguide h2,h3,h4,h5,h6 
{ 
display: inline;
}