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

/* reset css */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, dine, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

img { behavior: url(http://costabajaresortspa.com/js/iepngfix.htc) }

body {
		font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
		background: url(../img/bg.jpg) #ffffff top center no-repeat;
	}


/*  Head
-------------------------------- */

#top_bar {
	height: 18px;
	width: 100%;
	background-color: #0c3236;
	}
	
#sec_wrap {
	width: 960px;
	margin: 0 auto;
	}
	
#lang ul {
	list-style: none;
	}
	
#lang li {
	float: left;
	}
	
#eng a, #esp a  {
	display: block;
	width: 32px;
	height: 17px;
	}
	
#esp a {
	margin-left: 3px;
	}
	
#eng a:link, #eng a:visited {
		background: url(../img/btn_eng.png) no-repeat 0 0;
} 	
	
#eng a:hover {
		background: url(../img/btn_eng.png) no-repeat 0 -17px;
}

#esp a:link, #esp a:visited {
		background: url(../img/btn_esp.png) no-repeat 0 0;
} 	
	
#esp a:hover {
		background: url(../img/btn_esp.png) no-repeat 0 -17px;
}

#sec_nav, #sec_nav_esp {
	color: #ffffff;
	font-size: 11px;
	}
	
#sec_nav a:link, #sec_nav_esp a:link, #sec_nav a:visited, #sec_nav_esp a:visited {
	color: #ffffff;
	}
	
#sec_nav a:hover , #sec_nav_esp a:hover {
	color: #ffe597;
}

#sec_nav ul {
	list-style: none;
	margin: 0px 0px 0px 433px;
	}
	
#sec_nav_esp ul {
	list-style: none;
	margin: 0px 0px 0px 408px;
	}

#sec_nav li, #sec_nav_esp li {
	float: left;
	padding-left: 5px;
	}
	
#gh_drop {
	z-index: 1000;
	position: relative;
	}

#gh_drop ul {
	list-style: none;
	}
	
	
#head {
	width: 960px;
	margin: 0 auto;
	height: 124px;
	}
	
#logo {
	margin-top: 26px;
	width: 324px;
	float: left;
	}
	
#gh_head {
	width: 263px;
	float: left;
	margin-left: 113px;
	padding-top: 30px;
	}
	
#address {
	width: 210px;
	margin: 9px 0px 0px 40px;
	float: left;
	font-size: 11px;
	text-align: right;
	}
	
#address h3 {
	font-weight: bold;
	font-size: 13px;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.7);
	}
	
#address ul {
	list-style: none;
	}

#btn_info a {
	width: 128px;
	height: 25px;
	display: block;
	margin: 5px 0px 0px 85px;
	}

#btn_info_esp a {
	width: 160px;
	height: 25px;
	display: block;
	margin: 5px 0px 0px 54px;
	}
	
	
#btn_info a:link,  #btn_info a:visited  {
	background: url(../img/btn_info.png) no-repeat 0 0;
}

#btn_info a:hover {
	background: url(../img/btn_info.png) no-repeat 0px -25px;
	}
	
#btn_info_esp a:link,  #btn_info_esp a:visited  {
	background: url(../img/btn_info_esp.png) no-repeat 0 0;
}

#btn_info_esp a:hover {
	background: url(../img/btn_info_esp.png) no-repeat 0px -25px;
	}
	
#btn_direct a {
	width: 128px;
	height: 25px;
	display: block;
	margin: 0px 0px 0px 85px;
	}
	
#btn_direct a:link,  #btn_direct a:visited  {
	background: url(../img/btn_direct.png) no-repeat 0 0;
}

#btn_direct a:hover {
	background: url(../img/btn_direct.png) no-repeat 0px -25px;
	}
	
	
#btn_direct_esp a {
	width: 160px;
	height: 25px;
	display: block;
	margin: 0px 0px 0px 54px;
	}
	
#btn_direct_esp a:link,  #btn_direct_esp a:visited  {
	background: url(../img/btn_direct_esp.png) no-repeat 0 0;
}

#btn_direct_esp a:hover {
	background: url(../img/btn_direct_esp.png) no-repeat 0px -25px;
	}	

a.button {
    background: transparent url('../img/bg_button_a.png') no-repeat scroll top right;
    color: #627f9b;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../img/bg_button_span.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

#current {
	font-weight: bold;
	color: #000;
	}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}	
	
	
/* Main photo / booking
-------------------------------- */

.main {
	width: 994px;
	height: 400px;
	margin: 0 auto;
	}
	
#renovate {
	position: absolute;
	z-index: 100;
	}
	
#photo {
	width: 732px;
	height: 400px;
	margin-top: 15px;
	padding: 7px 0px 0px 18px;
	float: left;
	background: url(../img/main_photo_bg1.png) no-repeat 0px 0px;
	}

#photo_page {
	width: 732px;
	height: 400px;
	margin-top: 15px;
	padding: 7px 0px 0px 18px;
	float: left;
	background: url(../img/main_photo_bg2.png) no-repeat 0px 0px;
	}	
	
#book_col {
	margin-top: 9px;
	width: 235px;
	float: left;
	z-index: 1;
	}
	
#mask {
	width: 230px;
	height: 195px;
	}
	
.noshow {
	display:none;		
	padding:15px 10px;
	border-top:0;
	height:140px;
	width: 206px;
	font-size:13px;
	color: #ffffff;
	background: url(../img/tab_bg.png) repeat-x;
}

.check_date {
	width: 200px;
	margin-left: 15px;
	}
	
.date {
	width: 80px;
	float: left;
	}
	
.date_esp {
	width: 65px;
	padding-left: 15px;
	float: left;
	}
	
.date_input {
	float: left;
	}
	
.cal img {
	margin: 1px 0px 0px 5px;
	}
	
.droplabel {
	width: 200px;
	margin: 15px 0px 0px 25px;
	}	

.night_text {
	width: 50px;
	float: left;
	}
	
.adult_text {
	width: 50px;
	margin-left: 11px;
	float: left;
	}

.kid_text {
	width: 60px;
	margin-left: 10px;
	float: left;
	}	
	
.dropdown {
	width: 200px;
	display: inline;
	}	
	
.nights {
	width: 40px;
	margin-left: 12px;
	float: left;
	}
	
.adults {
	width: 40px;
	margin-left: 16px;
	float: left;
	}	
	
.kids {
	width: 40px;
	margin-left: 37px;
	float: left;
	}	
	
.book_btn {
	width: 80px; 
	margin: 75px 0px 0px 120px;
	}
	
.book_btn_esp {
	width: 110px; 
	margin: 73px 0px 0px 90px;
	}
	
.noshow p {
	padding: 0px 10px 0px 15px;
	}
	

/* Mid
-------------------------------- */

#mid {
	width: 960px;
	height: auto;
	margin: 0 auto;
	background: url(../img/main_grad1.png)  no-repeat 4px 0px;
	}
	
.mid_block {
	width: 296px;
	height: 120px;
	float: left;
	}
	
.mid_block p {
	display: block;
	width: 110px;
	font-size: 10px;
	line-height: 13px;
	margin: 37px 0px 0px 165px;
	}
	
.mid_block a:link, .mid_block a:visited {
	font-weight: bold;
	color: #96412a;
	}
	
.mid_block a:hover {
	color: #104348;
	}
	
#left_blk {
	margin: 0px 0px 0px 20px;
	background: url(../img/mid_blk_left.png) no-repeat 0px 0px;
	}	
	
#left_blk_esp {
	margin: 0px 0px 0px 20px;
	background: url(../img/mid_blk_left_esp.png) no-repeat 0px 0px;
	}

#mid_blk {
	margin: 0px 0px 0px 10px;
	background: url(../img/mid_blk_mid.png) no-repeat 0px 0px;
	}
	
#mid_blk_gary {
	margin: 0px 0px 0px 10px;
	background: url(http://costabajaresortspa.com/img/mid_blk_midgary.png) no-repeat 0px 0px;
	}

#right_blk {
	margin: 0px 0px 0px 10px;
	background: url(../img/mid_blk_right.png) no-repeat 0px 0px;
	}
	
.main_content {
	padding-top: 15px;
	}
	
.main_col h1 {
	font-family: Georgia, Times New Roman, serif;
	padding: 0px 0px 10px 45px;
	font-size: 25px;
	color: #96412a;
	}
	
.main_col h2 {
	font-family: Georgia, Times New Roman, serif;
	padding: 0px 0px 10px 45px;
	font-size: 20px;
	color: #96412a;
	}
	
.main_col {
	float: left;
	width: 581px;
	}
	
#main_col_index {
	padding: 20px 40px 0px 0px;
	}
	
#main_col_page {
	padding: 10px 40px 0px 0px;
	}
	
#main_col_page p a:link, #main_col_page p a:visited  {
	color: #0d3236;
	font-weight: bold;
	border-bottom: 1px dashed #000000;
	}
	
#main_col_page p a:hover {
	color: #96412a;
}
		
.main_col p {
	font-family: Georgia, Times New Roman, serif;
	font-size: 13px;
	padding-left: 45px;
	line-height: 24px;
	}
	
.main_col_img {
	padding: 20px 0px 20px 20px;
	}
	
.bullet_wrap {
	width: 100%;
	padding-left: 45px;
}

.bullet {
	width: 240px;
	padding-right: 30px;
	float: left;
	}

.bullet ul {
	list-style: none;
	}
	
.bullet li {
	background: url(../img/arrow_grn.gif) no-repeat 5px 12px;
	padding: 9px 5px 0px 22px;
	display: block;
	font-size: 11px;
	}
	
.sidebar {
	width: 337px;
	float: left;
	padding: 20px 0px 0px 0px;
	}

.sidebar_page {
	width: 337px;
	float: left;
	padding: 10px 0px 0px 0px;
	}
	
#sidebar_top {
	margin-bottom: 30px;
	}
	
	
.sidebody {
	width: 316px;
	background-color: #0d3236;
	padding-bottom: 15px;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
	
.sidebody img {
	margin-left: 16px;
	}
	
.sidebody p {
	font-size: 11px;
	color: #ffffff;
	padding: 15px 20px 20px 20px;
	}
	
span.sidebold {
	color: #ffe597;
	font-weight: bold;
	}

.sidebar h1, .sidebar_page h1 {
	font-family: Georgia, Times New Roman, serif;
	font-style: oblique;
	padding: 3px 0px 0px 33px;
	font-size: 25px;
	color: #ffffff;
	text-shadow:0 1px 0 rgba(18, 18, 18, 0.7);
}

.sidehead {
	width: 325px;
	height: 57px;
	background: url(../img/sidebar_head.png) no-repeat 0px 0px;
	}
	
.btn_find a {
	width: 123px;
	height: 25px;
	display: block;
	margin: 0px 0px 0px 20px;
	}
	
.btn_find a:link,  .btn_find a:visited  {
	background: url(../img/btn_find.png) no-repeat 0 0;
}

.btn_find a:hover {
	background: url(../img/btn_find.png) no-repeat 0px -25px;
	}
	

/* Condos 
-------------------------------- */

#floorplans h3 {
	font-family: Georgia, Times New Roman, serif;
	font-size: 16px;
	font-style: oblique;
	color: #96412a;
	padding-left: 40px;
	margin-top: 30px;
	}


/* Dining 
-------------------------------- */

#badge {
	width: 78px;
	position: absolute;
	top: 586px;
	}
	
.under_con {
	color: #0c3236;
	font-size: 20px;
	}
	
.future {
	font-weight: bold;
	font-style: oblique;
	}
	
.under_head {
	margin-left: 43px;
	}
	

/* Recreation 
-------------------------------- */

#eight_banner {
	width: 318px;
	height: 84px;
	float: left;
	}

#eight_banner a {
	width: 318px;
	height: 84px;
	display: block;
	}	

#eight_banner a:link, #eight_banner a:visited {
	background: url(../img/btn_recban.jpg) no-repeat 0 0;
	}	

#eight_banner a:hover {
	background: url(../img/btn_recban.jpg) no-repeat 0px -84px;
	}		



/* La Paz 
-------------------------------- */

#lapaz_para {
	width: 100%;
	}
	
#lapaz_para img {
	float: left;
	margin: 0px 20px 5px 40px;
	}
	
.para_push {
	padding: 20px 0px 30px 0px;
	}
	
.lapaz_act {
	width: 540px;
	display: block;
	margin: 0px 0px 20px 40px;
	border-bottom: 1px dotted #104449;
	padding-bottom: 20px;
	min-height: 125px;
	}

* html .lapaz_act { height:125px; }
	
.lapaz_act img {
	float: left;
	position: absolute;
	}
	
.lapaz_act h3 {
	font-family: Georgia, Times New Roman, serif;
	font-style: oblique;
	font-size: 18px;
	margin: 0px 0px 5px 195px;
	color: #104449;
	}
	
.lapaz_act p {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 11px;
	line-height: 18px;
	margin-left: 150px;
	}
	


/* Sea of Cortez 
-------------------------------- */

#sea_para {
	width: 100%;
	margin-bottom: 20px;
	}
	
#sea_para img {
	float: right;
	margin: 8px 0px 10px 15px;
	}
	
.cortez_wrap {
	width: 100%;
	padding: 0px 0px 10px 45px;
}	

#cortez_head {
	width: 100%;
	}
	
#cortez_head h3 {
	font-family: Georgia, Times New Roman, serif;
	font-size: 20px;
	color: #96412a;
	padding-left: 40px;
	float: left;
	}
	
#samp {
	margin-left: 150px;
	}
	
	
.cortez_bullet {
	width: 240px;
	padding-right: 30px;
	margin-top: 10px;
	float: left;
	}

.cortez_bullet ul {
	list-style: none;
	}
	
.cortez_bullet li {
	background: url(../img/arrow_grn.gif) no-repeat 5px 12px;
	padding: 9px 5px 0px 22px;
	display: block;
	font-size: 11px;
	}
	
#bull_left li {
	margin-bottom: 5px;
	}
	
#bull_right img {
	margin-top: 30px;
	}
	
	
/* Directions 
-------------------------------- */

#direct_para {
	width: 100%;
	margin-bottom: 20px;
	}
	
#direct_para img {
	float: right;
	margin: 8px 0px 10px 15px;
	}
	
#direct_para h2 {
	margin-top: 20px;
	}
	
#map2 {
	margin: 0px 0px 30px 40px;
	}
	
	
/* Golf 
-------------------------------- */

#golf_banner {
	width: 318px;
	height: 282px;
	float: left;
	}

#golf_banner a {
	width: 318px;
	height: 282px;
	display: block;
	}	

#golf_banner a:link, #golf_banner a:visited {
	background: url(../img/btn_map.png) no-repeat 0 0;
	}	

#golf_banner a:hover {
	background: url(../img/btn_map.png) no-repeat 0px -282px;
	}	
	
	
/* Contact Form
-------------------------------- */

#con_address ul {
	margin: 10px 0px 30px 50px;
	}
	
#con_address h3 {
	font-size:13px;
	font-weight:bold;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.7);
}

#con_address li {
	list-style: none;
	padding-bottom: 5px;
	font-size: 12px;
	}
	

#tele_hotel {
	padding-left: 20px;
	background: url(../img/tele.png) no-repeat 0px 2px;
}
	
#tele_mex {
	padding-left: 20px;
	background: url(../img/tele.png) no-repeat 0px 2px;
}
	
#tele_world {
	padding-left: 20px;
	background: url(../img/tele.png) no-repeat 0px 2px;
}



#form_wrap {
	width: 100%;
	margin-left: 50px;
	}
	
#form_wrap p {
	padding: 0px;
	}

.content_form {
	padding:10px 10px 10px 0px;
	color:#263F33;
	font-family:"Trebuchet MS",verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	width:400px
	}

.left {
	width:180px;
	float:left;
	padding:7px 0px 0px 7px;
	min-height:24px;
	}

.right {
	width:200px;
	float:left;
	padding:5px;
	min-height:24px;
	}

.row {
	background-color:none;
	display:block;
	min-height:32px;
	}

.text {
	width:190px;
	}
	
.text_half {
	width:100px;
	}
	
#radio_btn {
	margin: 15px 0px;
	}

.ruler {
	width:400px; border-bottom:dashed 1px #dcdcdc;
	}

tr:focus {
	background-color:#fcfcf0;
	}

td {
	vertical-align:top;
	}

.over {
	background-color:#f0f0f0;
	}

.out {
	background-color:none;
	}

.req {
	color: red;
	}
	
#recap {
	margin: 10px 0px 0px 92px;
	}
	
#buttons {
	margin: 20px 0px 0px 268px;
	 }

	

/* Footer 
-------------------------------- */

#foot_shadow {
	width: 990px;
	height: 56px;
	margin: 0 auto;
	background: url(../img/foot_shadow.png) no-repeat 0px 0px;
	}
	
#foot_btm {
	width: 100%;
	height: 36px;
	background: url(../img/foot_noise1.png) repeat-x;
	}
	
#foot_edge {
	width: 990px;
	height: 36px;
	margin: 0 auto;
	background: url(../img/foot_btm.png) no-repeat 0px 0px;
	}
	
#footer {
	width: 100%
	height: 220px;
	background: url(../img/foot_noise1.png) repeat;
	border-bottom: 18px solid #091b1c;
	}
	
#foot_wrap {
	width: 940px;
	margin: 0 auto;
	}
	
#foot_logo {
	float: left;
	padding: 20px 0px 30px 10px;
	}
	
#gh_logo {
	float: left;
	padding: 35px 0px 0px 45px;
	}
	
#foot_nav {
	float: left;
	width: 316px;
	height: 38px;
	background-color: #091b1c;
	margin: 32px 0px 0px 40px;
	/*--Top right rounded corner--*/
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	/*--Top left rounded corner--*/
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

	
#foot_nav ul {
	list-style: none;
	padding-left: 22px;
	}
	
#foot_nav li {
	float: left;
	padding: 3px 13px 0px 13px;
	}	
	
#foot_nav a:link, #foot_nav a:visited {
	font-size: 11px;
	color: #ffe597;
	}
	
#foot_nav a:hover {
	color: #ffffff;
	}



/* Main Nav
-------------------------------- */

#nav {
	width: 960px;
	height: 36px;
	margin: 0 auto;
	z-index: 1;
	}

ul#main_nav, ul#main_nav_esp {
	margin: 0; padding: 0;
	float:left;
	z-index: 50;
	width: 960px;
	list-style: none;
	font-size: 1.1em;
}
ul#main_nav li, ul#main_nav_esp li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
}
ul#main_nav li a, ul#main_nav_esp li a {
	float: left; 
	text-indent: -9999px;
	height: 36px;
}
ul#main_nav li:hover a, ul#main_nav li a:hover, ul#main_nav_esp li:hover a, ul#main_nav_esp li a:hover { background-position: left bottom; }
ul#main_nav a.home {
	background: url(../img/nav_home.png) no-repeat;
	width: 101px; 
}
ul#main_nav_esp a.home {
	background: url(../img/nav_esp_home.png) no-repeat;
	width: 93px; 
}
ul#main_nav a.amen {
	background: url(../img/nav_amen.png) no-repeat;
	width: 125px; 
}
ul#main_nav_esp a.amen {
	background: url(../img/nav_esp_amen.png) no-repeat;
	width: 125px; 
}
ul#main_nav a.room {
	background: url(../img/nav_room.png) no-repeat;
	width: 101px; 
}
ul#main_nav_esp a.room {
	background: url(../img/nav_esp_room.png) no-repeat;
	width: 137px; 
}
ul#main_nav a.condo {
	background: url(../img/nav_condo.png) no-repeat;
	width: 110px; 
}
ul#main_nav_esp a.condo {
	background: url(../img/nav_esp_condo.png) no-repeat;
	width: 97px; 
}
ul#main_nav a.dine {
	background: url(../img/nav_dine.png) no-repeat;
	width: 104px; 
}
ul#main_nav_esp a.dine {
	background: url(../img/nav_esp_dine.png) no-repeat;
	width: 137px; 
}
ul#main_nav a.rec {
	background: url(../img/nav_rec.png) no-repeat;
	width: 144px; 
}
ul#main_nav_esp a.rec {
	background: url(../img/nav_esp_rec.png) no-repeat;
	width: 125px; 
}
ul#main_nav a.lapaz {
	background: url(../img/nav_lapaz.png) no-repeat;
	width: 100px; 
}
ul#main_nav_esp a.lapaz {
	background: url(../img/nav_esp_lapaz.png) no-repeat;
	width: 86px; 
}
ul#main_nav a.golf {
	background: url(../img/nav_golf.png) no-repeat;
	width: 87px; 
}
ul#main_nav_esp a.golf {
	background: url(../img/nav_esp_golf.png) no-repeat;
	width: 78px; 
}
ul#main_nav a.spa {
	background: url(../img/nav_spa.png) no-repeat;
	width: 88px; 
}
ul#main_nav_esp a.spa {
	background: url(../img/nav_esp_spa.png) no-repeat;
	width: 82px; 
}

.tooltip {
	display: none;
	background: transparent url(../img/black_arrow2.png) no-repeat;
	font-family: Georgia, Times New Roman, serif;
	font-size: 16px;
	font-style: oblique;
	font-weight: bold;
	height: 40px;
	width: 130px;
	padding: 25px 25px 25px 28px;
	color: #ffffff;
	}
		
		

/*  Resort drop down
-------------------------------- */

ul#nav_bg {
	margin-left: 25px; padding: 0;
	float:left;
	position: relative;
	z-index: 500;
	width: 223px;
	list-style: none;
	font-size: 1.1em;
}
ul#nav_bg li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
}
ul#nav_bg li a {
	float: left; 
	text-indent: -9999px;
	height: 17px;
}
ul#nav_bg li:hover a, ul#nav_bg li a:hover { background-position: left bottom; }
ul#nav_bg a.hotels {
	background: url(../img/btn_resorts.png) no-repeat;
	width: 228px; 
}



ul#nav_bg li .sub {
	z-index: 500;
	font-size: 12px;
	position: absolute;	
	top: 17px; left: 5px;
	background: #104449 url(../img/sub_bg.png) repeat-x;
	padding: 5px 20px 20px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
}
ul#nav_bg li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#nav_bg li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	float: left;
}

ul#nav_bg li #resort_sub ul{
	width: 180px;
}
ul#nav_bg .sub ul li {
	width: 100%;
	color: #fff;
}
ul#nav_bg .sub ul li h2 {
	padding: 0;  margin-top: 15px;
	color: #ffe597;
	font-size: 1.3em;
	font-weight: normal;
	text-shadow:0 1px 0 rgba(18, 18, 18, 0.7);
}
ul#nav_bg .sub ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color: #e8e000;
}
	
ul#nav_bg .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: url(../img/navlist_arrow.png) no-repeat 5px 14px;
	padding: 9px 5px 0px 22px;
	display: block;
	text-decoration: none;
	color: #fff;
}
ul#nav_bg .sub ul li a:hover {color: #ffe597; background-position: 5px 14px ;
}

/* Espanol Resort drop down
-------------------------------- */

ul#nav_bg_esp {
	margin-left: 25px; padding: 0;
	float:left;
	position: relative;
	z-index: 500;
	width: 223px;
	list-style: none;
	font-size: 1.1em;
}
ul#nav_bg_esp li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
}
ul#nav_bg_esp li a {
	float: left; 
	text-indent: -9999px;
	height: 17px;
}
ul#nav_bg_esp li:hover a, ul#nav_bg_esp li a:hover { background-position: left bottom; }
ul#nav_bg_esp a.hotels {
	background: url(../img/btn_resorts_esp.png) no-repeat;
	width: 228px; 
}



ul#nav_bg_esp li .sub {
	z-index: 500;
	font-size: 12px;
	position: absolute;	
	top: 17px; left: 5px;
	background: #104449 url(../img/sub_bg.png) repeat-x;
	padding: 5px 20px 20px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
}
ul#nav_bg_esp li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#nav_bg_esp li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	float: left;
}

ul#nav_bg_esp li #resort_sub_esp ul{
	width: 180px;
}
ul#nav_bg_esp .sub ul li {
	width: 100%;
	color: #fff;
}
ul#nav_bg_esp .sub ul li h2 {
	padding: 0;  margin-top: 15px;
	color: #ffe597;
	font-size: 1.3em;
	font-weight: normal;
	text-shadow:0 1px 0 rgba(18, 18, 18, 0.7);
}
ul#nav_bg_esp .sub ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color: #e8e000;
}
	
ul#nav_bg_esp .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: url(../img/navlist_arrow.png) no-repeat 5px 14px;
	padding: 9px 5px 0px 22px;
	display: block;
	text-decoration: none;
	color: #fff;
}
ul#nav_bg_esp .sub ul li a:hover {color: #ffe597; background-position: 5px 14px ;
}



/* Photo Gallery 
---------------------------- */


.nav-links {
	position: absolute;
	top: 30px;
	left: 20px;
	width: 200px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.nav-links li {
	line-height: 1.6em;	
	font-size: 1.2em;
}
#content {
	margin-left: 240px;
	margin-top: 30px;
	margin-right: 50px;
}
.twitthis {
	position: absolute;
	top: 250px;
	left: 20px;
}
pre {
	background: #e8e8e8;
	border-left: 10px solid #777;
	font-size: 0.85em;
	padding: 1em;
	color: black !important;
	overflow-x: auto;
}
.important {
	border: 1px solid #666;
	background: #ddd;
	padding: 0 1em;
	color: #C30;
}
.galleryview {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 0.5em;
}
.code_wrapper {
	border: 1px solid #888;
	background: #f0f0f0;
	padding: 10px;
}
code, .code {

}
.options {
	border: 1px solid #777;
	border-right: none;
	font-size: 0.8em;
	font-family: Verdana, Geneva, sans-serif;
}
.options th {
	text-align: left;
	background: #777;
	color: white;
	font-weight: bold;
}
.options th, .options td {
	padding: 4px 10px;
}
.options td {
	border-right: 1px solid #777;
}
#parts-img {
	border: 1px solid black;
}
img.nav {
	border: 1px solid black;
	margin-bottom: 5px;
}
.panel-overlay h2,
.panel-overlay p{
	padding-top: 5px;
	font-weight: bold;
}

.pic_right {
	float: right;
	margin-top: -23px;
	}
	
.panel-overlay p {
	line-height: 1.2em;
}



/* Tabs style
----------------------------------- */

/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	height:40px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(../img/btn_mask.png) no-repeat 0px -80px;
	font-size:11px;
	display:block;
	height: 40px;  
	line-height:30px;
	width: 113px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

.room img {
	padding-top: 10px;
	}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: 0px -40px;	
	color:#fff;	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: 0px 0px;		
	cursor:default !important; 
	color:#000 !important;
}



.clear {
	clear: both;
	}