@charset "iso-8859-1";
/* --------------------------------------- layout ------------------------------------------- */
#main { position: relative; top: 0; left: 0; width: 100%; margin: 10px 0; border: 0; padding: 0; }
#content { margin: 0 0 0 170px; border: 0; padding: 0; }
/* Hides from IE5-mac \*/
* html #content, * html .content {height: 1%;}
/* End hide from IE5-mac */ 
#sidebar { position: absolute; top: 0; left: 0; width:150px; margin: 0; border: 0; padding: 0; }

/* ------------------------------------- formatting ----------------------------------------- */
body { margin: 0; border: 0; padding: 0; color: #000080; background-color: #FFFFFF; font-family: Trebuchet MS,Verdana,Arial,sans-serif; font-size: small; }
div { margin: 0; border: 0; padding: 0; }
h1, h2, h3 { margin-top: 0px; font-family: Arial, Verdana, sans-serif; }
p { margin-top: 0px; }
img { margin: 0; border: 0; padding: 0; }
table { margin: 5px; border: 1px solid #000080; border-spacing: 0; border-collapse: collapse; padding: 0; width: auto; }
thead tr th { margin: 0; border-bottom: 1px solid #000080; padding: 3px; background-color: #000080; color: #FFFFFF; }
tr.odd { background-color:  #F3F783; color: #000080; }
tr.even { background-color: #FFFFFF; color: #000080; }
td { margin: 0; border-width: 0; padding: 4px; width: auto; text-align: center; }
a:hover {color:white; background-color: #000080; } 

#header { position:relative; background-color: #000080; }
#logo1 { margin: 0; border: 0; padding: 0; display:block; }
#logo2 { margin: 0; border: 0; padding: 0; display:block; float: right; overflow: hidden; }

#contacttext { background-color: #FEFE00; font-size: 0.9em; }
#mainhouse { float:right; padding: 5px; }
#footer { margin: 0; border: 0; padding: 3px; clear:both; font-size: 0.8em; }
#photobar { margin: 0; border: 0; padding: 3px; clear:both; text-align: center; }
#photobar img { float: left; margin: 5px 22px; border: 1px solid #000080; padding: 0; } 
.half-box { margin: 0; border: 0; padding: 0; float:left; width: 49.8%; }
.content { position: relative; margin: 5px; border: 1px solid #000080; padding: 5px; }
.bignews { position: relative; margin: 5px; border: 1px solid #000080; padding: 5px; background-color: #FEFE00; color: #000080; }
.bignews p { font-size: 1.8em; }

form { margin: 0; border-width: 0; padding: 0; width: 100%; }
fieldset { margin: 5px; border: 1px dashed #000080; padding: 10px; width: auto; }
input.textbox { margin-top: 2px; border: 1px solid #000080; padding: 2px; background-color: #FFFFFF; color: #000080; }
input.selectbox { margin-top: 2px; border: 1px solid #000080; padding: 2px; background-color: #FFFFFF; color: #000080; }

div.row { clear:both; }
div.row span.label { margin: 0; border-width: 0; padding: 0; width: 48%; float: left; text-align: right; }
div.row span.value { margin: 0; border-width: 0; padding: 0; width: 48%; float: right; text-align: left; }

div.comments { position: relative; top: 0; left: 0; margin: 40px 20px; border: 1px solid #000080; padding: 10px; width: auto; clear: both; }
div.comments p.guest span { position: absolute; top: -12px; left: 10px; margin: 0; border: 1px solid #000080; padding: 2px 5px; width: auto; background-color: #FFFFFF; color: #000080; }

ul.shortlist { margin:  0; border: 0; padding: 0; list-style: none; }
ul.shortlist li { margin: 0; border-top: 1px dashed #000080; padding: 10px 0; }
ul.shortlist li span.date { font-size: 0.9em; }

ul.links { list-style: none; }
ul.links li { margin: 0 0 1em 0; }
ul.links li a { font-weight: bold; }

p.errortext { background-color: #000080; color: #FFFFFF; }
.c { margin: 0 auto; text-align: center; }
.r { float: right; }


/* ------------------------------------- navigation ----------------------------------------- */

#menu ul { margin:  0; border: 0; padding: 0; list-style: none; }
#menu li { border-bottom: 1px solid #121280; }
#menu li a:link, #menu li a:visited, #menu li span { display:block; padding: 1px 3px 1px 0.5em; border-left: 12px solid #121280; border-right: 1px solid #121280; background-color: #9191FF;  color: #FFFFFF; text-decoration: none; font-size: 0.9em; }
#menu li a:hover { background-color: #121280; color: #FFFFFF; }
#menu ul ul { margin: 0px 0px 0px 12px; } 
#menu ul ul li { border-bottom: 1px solid #121280; margin:0; } 
#menu ul ul a:link, #menu ul ul a:visited { background-color: #C8C8FF; color: #121280; } 
#menu ul ul a:hover { background-color: #121280; color: #FFFFFF; }
#menu #currentpage a { background-color: #C8C8FF;  color: #121280; text-decoration: none; }


/* ------------------------------------- gallery layout ------------------------------------- */

/* The containing box for the gallery. */
#gallery {position:relative; width:98%; height:535px; margin:10px auto 0 auto; border:1px solid #000080; background: #ffffff url(./images/photos/villa_flag.jpg) 15px 15px no-repeat;}

/* Removing the list bullets and indentation - add size - and position */
#gallery ul {width:768px; height:535px; padding:0; margin:15px; list-style-type:none; position: absolute; top: 250px;}

#gallery li {float:left;}

/* Remove the images and text from sight */
#gallery a.gallery span {position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; background:#ffffff;}

/* Adding the thumbnail images */
#gallery a.gallery, #gallery a.gallery:visited {display:block; color:#000080; text-decoration:none; border:1px solid #000080; margin:2px; text-align:left; cursor:default;}
#gallery a.slide1 {background:url(./images/thumbnails/villa_flag.jpg); height:59px; width:90px;}
#gallery a.slide2 {background:url(./images/thumbnails/highlands_reserve_sign.jpg); height:59px; width:90px;}
#gallery a.slide3 {background:url(./images/thumbnails/villa.jpg); height:59px; width:90px;}
#gallery a.slide4 {background:url(./images/thumbnails/villa2.jpg); height:59px; width:90px;}
#gallery a.slide5 {background:url(./images/thumbnails/villa4.jpg); height:59px; width:90px;}
#gallery a.slide6 {background:url(./images/thumbnails/villa5.jpg); height:59px; width:90px;}
#gallery a.slide7 {background:url(./images/thumbnails/dining_area.jpg); height:59px; width:90px;}
#gallery a.slide8 {background:url(./images/thumbnails/living_area.jpg); height:59px; width:90px;}
#gallery a.slide9 {background:url(./images/thumbnails/living_area2.jpg); height:59px; width:90px;}
#gallery a.slide10 {background:url(./images/thumbnails/kitchen_nook.jpg); height:59px; width:90px;}
#gallery a.slide11 {background:url(./images/thumbnails/kitchen.jpg); height:59px; width:90px;}
#gallery a.slide12 {background:url(./images/thumbnails/family_room.jpg); height:59px; width:90px;}
#gallery a.slide13 {background:url(./images/thumbnails/family_room2.jpg); height:59px; width:90px;}
#gallery a.slide14 {background:url(./images/thumbnails/family_room3.jpg); height:59px; width:90px;}
#gallery a.slide15 {background:url(./images/thumbnails/double_room.jpg); height:59px; width:90px;}
#gallery a.slide16 {background:url(./images/thumbnails/twin_room.jpg); height:59px; width:90px;}
#gallery a.slide17 {background:url(./images/thumbnails/child_stuff.jpg); height:59px; width:90px;}
#gallery a.slide18 {background:url(./images/thumbnails/master_bedroom.jpg); height:59px; width:90px;}
#gallery a.slide19 {background:url(./images/thumbnails/master_bath.jpg); height:59px; width:90px;}
#gallery a.slide20 {background:url(./images/thumbnails/master_bath2.jpg); height:59px; width:90px;}
#gallery a.slide21 {background:url(./images/thumbnails/pool.jpg); height:59px; width:90px;}
#gallery a.slide22 {background:url(./images/thumbnails/pool3.jpg); height:59px; width:90px;}
#gallery a.slide23 {background:url(./images/thumbnails/night_pool.jpg); height:59px; width:90px;}
#gallery a.slide24 {background:url(./images/thumbnails/tennis.jpg); height:59px; width:90px;}
#gallery a.slide25 {background:url(./images/thumbnails/golf_course2.jpg); height:59px; width:90px;}
#gallery a.slide26 {background:url(./images/thumbnails/golf_course3.jpg); height:59px; width:90px;}
#gallery a.slide27 {background:url(./images/thumbnails/golf_course4.jpg); height:59px; width:90px;}
#gallery a.slide28 {background:url(./images/thumbnails/villa3.jpg); height:59px; width:90px;}
#gallery a.slide29 {background:url(./images/thumbnails/play_area.jpg); height:59px; width:90px;}
#gallery a.slide30 {background:url(./images/thumbnails/driving_range.jpg); height:59px; width:90px;}
#gallery a.slide31 {background:url(./images/thumbnails/ipg_reception.jpg); height:59px; width:90px;}
#gallery a.slide32 {background:url(./images/thumbnails/communal_pool.jpg); height:59px; width:90px;}

/* styling the hovers */
#gallery a.gallery:hover {border:1px solid #ffffff;}
#gallery a.gallery:hover span {position:absolute; width:362px; height:241px; top:-250px; left:0px; color:#000080; background:#ffffff;}
#gallery a.gallery:hover img {border:1px solid #000080; float:left; margin-right:5px;}

/* -------------------------------- golf gallery layout ------------------------------------- */

/* The containing box for the gallery. */
#golfgallery {position:relative; width:98%; height:430px; margin:10px auto 0 auto; border:0px solid #000080; background: #ffffff url(./images/golf/hole01.jpg) 15px 15px no-repeat;}

/* Removing the list bullets and indentation - add size - and position */
#golfgallery ul {width:400px; height:400px; padding:0; margin:15px; list-style-type:none; position: absolute; top: 15px; left: 420px; }

#golfgallery li {}

/* Remove the images and text from sight */
#golfgallery a.golfgallery span {position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; background:#ffffff;}

/* styling the hovers */
#golfgallery a.golfgallery:hover {border:1px solid #ffffff;}
#golfgallery a.golfgallery:hover span {position:absolute; width:400px; height:400px; top:-15px; left:-420px; color:#000080; background:#ffffff;}
#golfgallery a.golfgallery:hover img {border:0px solid #000080; float:left; margin-right:5px;}