#site-map ul { float: left; margin-right:30px; }
#site-map ul li { margin-top:10px; }
#site-map ul li a { font-size: 11px; color: #fff; text-decoration: none; display: block; line-height: 1.4; }
#site-map ul li a.heading {color: #000; font-size: 11px; text-transform: uppercase; padding: 6px 0; margin-bottom: 8px; }
#site-map ul li a:hover { text-decoration: underline; }

#form-validation ul.validation-summary-errors
{
    font-size: 12px; font-weight:bold; color: #fff; text-transform: uppercase; margin-left:30px;
    padding: 0;
}
#form-validation ul.validation-summary-errors li
{
    margin:5px 5px;
}

#sub-header.home{ height:473px; }
    #sub-header.gallery-container{ height:510px; background:none; }

	/*----- [ sub header > images ] ----- */
    #movie { float: left; width: 827px; height:438px; }

h1 { text-indent : -10000px; height: 0;}
#overview-content{ text-indent:-10000px; height: 0;}

#trigger {cursor:pointer;}

#footer-print{display:none;}

	#images.media-releases { margin-bottom: 12px; }

body { background: #898c64 url('../images/layout/body.jpg') top repeat-x; font-family: Arial, Helvetica, sans-serif; }
#music
{
    height:12px; text-align:right; vertical-align:top;
}
#music a
{
    font-size: 12px; color: #000; padding: 0 0; margin: 0 0;cursor:pointer; 
}
#music img
{
     
}

#container { width: 974px; padding: 0 70px; margin: 0 auto; background: url('../images/layout/container.png') top repeat-y; }
	#animation-holder { padding: 43px 0 20px 0; }
	#animation { background: url('../images/other/video_holder.jpg') no-repeat; width: 974px; height: 666px; }
	p.enter { text-align: center; padding-bottom: 10px; }
	p.enter a { font-size: 11px; color: #fff; text-decoration: none; text-transform: uppercase; }
	
/*----- [ HEADER ] ----- */
#header { background: url('../images/layout/header.gif') top repeat-x; height: 54px; margin: 0 -25px; position: relative; z-index: 1000; }

	/*----- [ header > main navigation ] ----- */
	#header .main-nav { margin-left: 25px; }
	#header .main-nav li { display: block; float: left; background: url('../images/nav/divider.gif') right center no-repeat; }
	#header .main-nav li.first-item a { margin-left: 0; } 
	#header .main-nav li.last-item { background: none; }
	#header .main-nav li a { display: block; float: left; letter-spacing: 1px; font-size: 11px; color: #000; text-decoration: none; text-transform: uppercase; margin: 0 -2px 0 -4px; position: relative; padding: 18px 0 11px 20px; }
	#header .main-nav li a span { padding: 18px 25px 11px 0; }
	#header .main-nav li a:hover, #header .main-nav li a.active { background: url('../images/nav/mainnav_a.gif') left no-repeat; }
	#header .main-nav li a:hover span, #header .main-nav li a.active span { background: url('../images/nav/mainnav_span.gif') right no-repeat; }
	
	/*----- [ header > main navigation > dropdown ] ----- */
	#header .main-nav ul li { display: inline; background: none; }
	#header .main-nav ul li a { padding: 0; margin: 0; display: block; font-size: 11px; text-transform: none; color: #fff; padding: 5px; border-bottom: 1px solid #b8b58e; }
	#header .main-nav ul li a:hover { background: none; }
	#header .main-nav ul li.last-item a { background: none; }
	
	#header .main-nav ul { width: 105px;  }
	#header .main-nav ul li a { width: 96px; margin-top: 1px; }
	#header .main-nav ul li a:hover { background: url('../images/nav/dropdown_hover.png') top  repeat-x;  }
	#header .main-nav ul li.last-item a { border: none; }
	
	/*----- [ header > search ] ----- */
	#header form fieldset legend { display: none; }
	#header form fieldset .input-text, #sub-header .input-text, #sidebar .input-text { background: #d3cfac url('../images/form/input_text.gif') no-repeat; width: 117px; height: 13px; display: block; position: absolute; top: 17px; right: 202px; padding: 2px; border: none; font-size: 11px; text-transform: uppercase; }
	#header form fieldset .input-button,#sub-header .input-button, #sidebar .input-button { background: url('../images/form/input_button.gif') no-repeat; width: 24px; height: 17px; border: none; cursor: pointer; position: absolute; top: 17px; right: 172px; }

    /*----- [ SUB HEADER ] ----- */
    #sub-header, #content { position: relative; width: 974px;}

    #sub-header.home{ height:473px; }
    #sub-header.gallery-container{ height:510px; background:none; }

	/*----- [ sub header > images ] ----- */
    #movie { float: left; width: 827px; height:438px; }

	#images { float: left; width: 832px; background: url('../images/layout/images.gif') bottom no-repeat; padding-bottom: 45px; height:438px; }
	#sub-header.custom #images{ background: none; padding: 0; }
	#images img { display: block; margin-left: 1px; margin-bottom: 10px; }
	
	#container-gallery{ float: left; width: 832px; padding-bottom: 45px; height:500px; }
	
	/*----- [ sub header & sidebar > right navigation ] ----- */
	#sub-header ul.nav, #sidebar ul { background: #e1ddb9 url('../images/layout/subheader_nav.gif') no-repeat; width: 150px; height: 350px; position: absolute; right: -25px; top: 0; padding: 100px 0 0 6px; } 
	#sub-header ul.nav li a, #sidebar ul li a{ display: block; font-size: 11px; color: #30420d; text-transform: uppercase; text-decoration: none; padding: 7px 0; border-bottom: 2px solid #f3f1e3; text-indent: 4px;  height: 13px; }
	#sub-header ul.nav li a:hover, #sidebar ul li a:hover, #sub-header ul li a.active, #sidebar ul li a.active { background: url('../images/nav/subheader_nav_bg.gif') top repeat-x; }
	#sub-header ul.nav li.first-item a, #sidebar ul li.first-item { border-top: 2px solid #f3f1e3; }
		#sidebar ul.archive { top: 300px; padding-top: 0; height: auto; background: #e1ddb9 url('../images/layout/archive.gif') bottom no-repeat; padding-bottom: 29px; }
	#sidebar ul.archive li h4 { background: url('../images/layout/archive_h4.gif') top repeat-x; height: 28px; font-size: 11px; font-weight: bold; color: #fff; text-transform: uppercase; margin: 0 0 3px -6px; padding: 15px 0 0 7px; }
	
	/*----- [ sub header & sidebar > add to newsletter ] ----- */
	#sub-header .input-text, #sidebar .input-text { position: absolute; top: 456px; right: 10px; }
	#sub-header .input-button, #sidebar .input-button { top: 456px; right: -20px; font-size: 11px; }
	#sub-header label, #sidebar label { font-size: 11px; color: #000; text-transform: uppercase; position: absolute; top: 436px; right: 23px; }
	
	/*----- [ sub header > custom style for individual villas page ] ----- */
	#sub-header.custom .input-text { top: 420px; } 
	#sub-header.custom .input-button { top: 420px; }
	#sub-header.custom label { top: 402px; }
	
	/*----- [ sub header > custom style for Show Villages page ] ----- */
	#sub-header.custom-show-villas .input-text { top: 455px; } 
	#sub-header.custom-show-villas .input-button { top: 455px; }
	#sub-header.custom-show-villas label { top: 437px; }
	
/*----- [ MAIN CONTENT ] ----- */	
#main-content { width: 830px; clear: both; }
	h3 { font-size: 11px; text-transform: uppercase; color: #000; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 6px 0; margin-bottom: 8px; cursor:pointer; }
	h3 span { color: #fff; }
	h3 img { vertical-align: middle; margin-left: 5px; }
	h3.site-map { padding: 10px 0; }
	h3.inclusions { background: url('../images/layout/inclusions.gif') no-repeat; width: 834px; height: 25px; border: none; text-indent: 17px; margin-left: -3px; position: relative; padding-top: 7px; }
	#main-content h2 { font-size: 11px; text-transform: uppercase; margin-bottom: 12px; }
	#main-content h2.custom { text-transform: none; font-weight: bold; }
	#main-content p { font-size: 11px; line-height: 1.4; margin-bottom: 12px; width: 610px; }
	#main-content ul.actions { margin-bottom: 20px; }
	#main-content ul.actions li { display: inline; font-size: 11px; color: #fff; margin-right: 40px; }
	#main-content ul.actions li a { color: #fff; text-transform: uppercase; }
	#main-content a { color: #000;}
	#main-content a:hover { text-decoration: none;}  
	
	/*----- [ main content > villas pages ] ----- */	
	#main-content.all-villas { width: 835px; }
	#main-content.all-villas h3.site-map { width: 828px; }
	#villas-list { margin: 0 0 25px -3px; }
	#villas-list li { display: inline; }
	#villas-list li a { display: block; float: left; text-indent: -5000px; }
	#villas-list li.item-1 a:hover, #villas-list li.item-2 a:hover, #villas-list li.item-3 a:hover, #villas-list li.item-4 a:hover, #villas-list li.item-5 a:hover { background-position: right; }
	#villas-list li.item-1 a { background: url('../images/layout/virtual_tour.jpg') no-repeat; width: 833px; height: 280px; }
	#villas-list li.item-2 a { background: url('../images/layout/acacia.jpg') no-repeat; width: 417px; height: 264px; }
	#villas-list li.item-3 a { background: url('../images/layout/bromellia.jpg') no-repeat; width: 418px; height: 264px; }
	#villas-list li.item-4 a { background: url('../images/layout/camellia.jpg') no-repeat; width: 417px; height: 284px; }
	#villas-list li.item-5 a { background: url('../images/layout/dahlia.jpg') no-repeat; width: 417px; height: 284px; }
	
	/*----- [ main content > villas pages > bullet list ] ----- */	
	#main-content .list { width: 600px; margin-bottom: 15px; }
	#main-content .list li { display: block; float: left; width: 190px; font-size: 11px; list-style: disc; background: url('../images/icons/list_bullet.gif') left top no-repeat; padding-left: 10px; margin-bottom: 10px; }
	
	/*----- [ main content > villas pages > photos of villa... ] ----- */	
	#villa-info  { margin-bottom: 10px; }
	#large-column { width: 620px; float: left; }
	#large-column ul li { display: inline; }
	#large-column ul li a { display: block; float: left; }
	#large-column ul li.first-item a { background: url('../images/buttons/prev.gif') no-repeat; text-indent: -5000px; width: 21px; height: 55px; margin-top: -3px; }
	#large-column ul li.last-item a { background: url('../images/buttons/next.gif') no-repeat; text-indent: -5000px; width: 15px; height: 56px; margin-top: -3px; }
	#small-column { width: 190px; float: right; }
	#small-column h3 a { font-size: 11px; color: #fff; text-decoration: none; text-transform: none; }
	#small-column h3.last-item { margin-top: 30px; }
	
	#sub-header #video { height: 480px!important; margin-bottom: 10px; }

	/*----- [ main content > villas pages > sidebar ] ----- */	
	#sidebar {  width: 157px; position: absolute; top: 0; right: 0; }
	#sidebar .input-text { top: 838px; }
	#sidebar .input-button { top: 838px; }
	#sidebar label { top: 820px; }
	#sidebar.form { height: 720px; }
	#sidebar.form .input-text, #sidebar.form .input-button { top: 658px; }
	#sidebar.form label { top: 638px;  }
	#sidebar.media-releases .input-text, #sidebar.media-releases .input-button { top: 835px; }
	#sidebar.media-releases label { top: 814px; }
	
	/*----- [ main content > registration form ] ----- */	
	#reg-form li { float: left; width: 410px; margin: 0 10px 22px 0; }
	#reg-form li.last-row-item { margin-right: 0; }
	#reg-form li label { display: block; float: left; width: 100px; font-size: 11px; text-transform: uppercase; padding-top: 5px; }
	#reg-form li label.custom { display: block; float: none; width: 400px; margin-bottom: 25px;}
	#reg-form li .input-text { width: 295px; height: 20px; padding: 4px 5px 0 5px; border: none; background: url('../images/form/reg_form_input_text.gif') no-repeat; }
	#reg-form li.wide { width: 828px; margin-right: 0; clear: both; }
	#reg-form li.wide .input-text { width: 715px; }
	#reg-form li ul { margin-top:-40px; }
	#reg-form li ul li { font-size: 11px; text-transform: uppercase; }
	#reg-form li ul li input { vertical-align: middle; margin-right: 6px; width: 19px; height: 10px; }
	#reg-form li ul li { margin-left: 100px; }
	#reg-form li.last-item { width: 690px; position: relative; height: 145px; padding-bottom: 15px; margin: 0; }
	#reg-form li.last-item textarea { background: url('../images/form/reg_form_textarea.gif') no-repeat; width: 393px; height: 135px; border: none; font: 12px Arial, Helvetica, sans-serif; padding: 5px; }
	#reg-form li .input-button { background: url('../images/form/reg_form_input_button.gif') no-repeat; cursor: pointer; border: none; width: 81px; height: 34px; margin-top:10px; margin-bottom:10px; }
	
	/*----- [ main content > media releases ] ----- */
	#media-releases li { margin-bottom: 20px; line-height: 1.5; }
	#media-releases li span { font-size: 10px; }
	#media-releases li h4 { font-size: 13px; font-weight: bold; }
	#media-releases li p { font-size: 11px; margin-bottom: 0; }
	#media-releases li p a { color: #fff; }	
	

/*----- [ FOOTER ] ----- */	
#footer { background: url('../images/layout/footer.png') no-repeat; width: 974px; padding: 27px 70px 0 70px; height: 75px; margin: 0 auto; position: relative; font-size: 11px; text-transform: uppercase; color: #000; }

	/*----- [ footer > skip intro link ] ----- */
	#footer a.skip-intro { color: #000; text-decoration: none; }
	#footer a.skip-intro:hover { color: #fff; }
	
	/*----- [ footer > copyright ] ----- */
	#footer p { position: absolute; right: 70px; top: 27px; }
	#footer p.custom { right: 212px; } 
	
	/*----- [ footer > links list ] ----- */
	#footer ul li { display: inline; }
	#footer ul li a { color: #000; text-decoration: none; margin-right: 12px; }