/****************************************
 *	Reset.css
 */

*{margin:0;padding:0;}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;color:#330;font-family:Tahoma,Arial,"Lucida Grande Regular","Lucida Grande",Lucida,sans-serif;vertical-align:baseline;text-align:left;}:focus{outline:0;}body{line-height:1;color:black;background-color:#fff;}ol,ul{list-style:none;}table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}html{min-height:100%;margin-bottom:1px;overflow:-moz-scrollbars-vertical!important;}

/****************************************
 *	Structure.css
 */
/*****************************  Basic styles  *****************************/

html,body {
	background:#dddbc6 url(../images/WoodtoTile.png);
	color:#330;
	font-family:Tahoma, helvetica, lucida grande, verdana, arial, sans-serif;
	font-size:12px;
	margin:0 auto;
	padding:0;
}

p {
	line-height:18px;
	margin:10px 0;
}

h1 .alt {
	display:none;
}

h3 {
	font-size: 16px;
	font-weight: normal;
}

h4 {
	font-size: 14px;
	font-weight: 700;
}

em {
	font-style:italic;
}


label, strong {
	font-weight:700;
}

sup {font-size:76%; vertical-align:super;}

/*****************************  Generic classes  *****************************/

.caption {
	color:#690;
}

.clear {
	clear:both;
}

.underlined {
	border-bottom:#DEE0BB solid 1px;
}

/* special for jq slider */
.jQSlider ul, .jQSlider li{
	margin:0;
	padding:0;
	list-style:none;
}
.jQSlider {
		width:639px;
		overflow:hidden;
}
.jQSlider ul{
	overflow:hidden;
	height:357px;
	width:619px;
}
.jQSlider li{ 
	height:357px;
	width:639px;
	overflow:hidden; 
}
#prevBtn, #nextBtn {
	padding:0;
	margin:0;
}
#nextBtn {
	position:relative;
	z-index:10001;
	width:28px;
	height:25px;
	display:block;
	margin:-25px 0 0 611px;
	overflow:hidden;
}
#prevBtn {
	position:relative;
	z-index:10000;
	display:block;
	width:28px;
	height:25px;
	margin-top:-35px;
}
#nextBtn a{
	display:block;
	width:30px;
	height:25px;
	background:transparent url('/images/slider_arrow.png') 0 0 no-repeat;
}
#prevBtn a {
	display:block;
	width:30px;
	height:25px;
	background:transparent url('/images/slider_arrow.png') -72px 0px no-repeat;
	margin-top:-25px;
}

/*****************************  Main Wrapper styles  *****************************/

#wrapper {
	background-color:#FFF;
	margin:0 auto;
	min-height:400px;
	padding:5px 5px 0;
	width:950px;
}

#nav_wrapper {
	background-color:#FFF;
	height:24px;
}

#bar_orn {
	background:#9EA62B url("../images/bar_orn.png");
	height:5px;
	padding:5px 0;
}


.bar_white {
	background-color:#fff;
	height:5px;
}

#content {
	background:#F1EFDF url("../images/content-background.jpg");
	min-height:400px;
	padding:5px 10px;
}


#footer {
	background:transparent url(../images/bg_footer_pattern.png) repeat-x;
	color:#fff;
	height:24px;
	padding:0;
}

	#foot_left {
		background-color:#899200;
		float:left;
		height:16px;
		padding:0;
	}

	#foot_right {
		-moz-background-clip:border;
		-moz-background-inline-policy:continuous;
		-moz-background-origin:padding;
		background:transparent url(../images/bg_footer_nav.png) no-repeat;
		color:#ffffff;
		float:right;
		font-weight:700;
		height:19px;
		padding:5px 14px 0 0;
		text-align:right;
		width:274px;
	}
	
#head_sub {
	padding:10px 20px 0 10px;
	position:Relative;
	text-align:right;
}

#content_sub {
	padding:5px 0 10px 10px;
}

#cel_left {
	float:left;
	padding:0 10px 0 0;
	text-align:right;
	width:230px;
}

#cel_right {
	float:right;
	width:670px;
}

/*****************************  Main copy structure and content  *****************************/

/* for when there is no splash image */

#full_area_content {
	margin:20px 10px 10px;
}

	#full_area_content ul {
		margin:1em;
	}

		#full_area_content ul li {
			list-style:disc outside;
			margin-bottom:1em;
		}


#splash_content {
	background:transparent url("../images/box_shadow.png") no-repeat;
	min-height:357px;
	padding:11px 11px 14px 13px;
	width:639px;
}

	/* slide out content that hovers over the splash content */
	
	#splash_overlay {
		height:357px;
		margin:-358px 2px 0 auto;
		overflow:hidden;
		position:relative;
		width:30px;
		z-index:998;
	}

		#splash_overlay img {
			margin-left:0;
		}

			#splash_overlay.hide img {
				margin-left:0;
			}

/* columns under the splash content */

#sub_right_content a:link,
#sub_right_content a:visited,
#sub_right_content a:active {
	color:#899200;
	font-weight:400;
	text-decoration:none;
}

#sub_right_content a:hover {
	text-decoration:underline;
}

#sub_right_content a:hover img {
	text-decoration:none;
}

#sub_left_content a:link,
#sub_left_content a:visited,
#sub_left_content a:active {
	color:#333300;
	font-weight:400;
	text-decoration:none;
}

#sub_left_content a:hover {
	text-decoration:none;
}

#sub_left_content a:hover img {
	text-decoration:none;
}

#sub_left_content sup { color:#899200; }

#sub_left_content h3 { color:#899200;font-size:18px;font-weight:bold;}

#sub_left {
	float:left;
	width:175px;
	padding-top:10px;
}

	#sub_left_content {
		padding:10px 20px 0 10px;
	}
	
	#sub_left_content h2 {
		font-size: 18px;
		color: #62610a;
		font-weight:normal;
	}
	
	#sub_left_content h3 {
		font-size: 16px;
		color: #333300;
		font-weight:normal;
		margin-bottom: 4px;
	}


		#sub_left_content div.active {
			-moz-opacity:0.20;
			opacity:0.20;
			filter:alpha(opacity=20);
			background-color:#899200;
			display:none;
			width:158px;
			height:60px;
			margin:-5px;
			position:absolute;
		}

		.desc_link:hover img {
			text-decoration:none;
		}

		.left_head {
			margin-bottom:7px;
		}

		#sub_left_content hr {
			background:transparent url('/images/sub_left_bottom_bg.png') bottom left repeat-x;
			border:none;
			margin:10px -10px;
			height:2px;
		}



#sub_right {
	background:transparent url("../images/sub_right_bg.png");
	border:0 solid #000;
	float:right;
	min-height:80px;
	width:490px;
}

	#sub_right_content {
		padding:0 20px;
	}
	
	#sub_right_content ul li {
		list-style:disc outside;
		margin-bottom:1em;
		margin-left: 20px;
		line-height:18px;
	}
	
	#for_image {
		background:transparent url("../images/index-tag.png");
		min-height:85px;
		width:470px;
	}

.overview {
	font-size: 10px;
	line-height: 14px;
}

.sub_links {
	line-height: 12px;
	margin-left: 50px;
}

.sub_links a:link,
.sub_links a:visited,
.sub_links a:active {
	font-weight:400;
	font-size: 10px;
	font-family: Verdana;
	text-decoration:none;
	font-style:italic;
	
}

/*****************************  Per Page styles  *****************************/

#sub_left_content hr.team {
	margin:18px -10px 10px;
}

.download_pdf {
	margin-left: -12px;
	margin-top: 20px;
}

.download_pdf a:link,
.download_pdf a:visited,
.download_pdf a:active {
	color:#62610a;
	font-weight:400;
	font-size: 10px;
	font-family: Verdana;
	text-decoration:none;
	font-style:italic;
}

#full_area_content #sitemap_nav li {
	list-style:none;
	margin-left:20px;
}

#full_area_content #sitemap_nav a:link,
#full_area_content #sitemap_nav a:visited,
#full_area_content #sitemap_nav a:active {
	color:#899200;
	font-weight:700;
	text-decoration:none;
}

#full_area_content #sitemap_nav a:hover {
	text-decoration:underline;
}

/* drop down items at the top of the pages */

#call_form {
	-moz-opacity:0.87;
	background-color:#e7e7d5;
	display:block;
	filter:alpha(opacity=87);
	left:0;
	opacity:0.87;
	position:absolute;
	top:0;
	width:417px;
	z-index:999;
}

.box_inner_form {
	-moz-opacity:0.94;
	background-color:#f2f2e8;
	filter:alpha(opacity=94);
	margin:10px;
	opacity:0.94;
	padding:20px;
}

.box_inner_form input[type=text]  {
width:250px;
}

#our_commitment {
	float:left;
	margin-top:90px;
}

#info_form,
#newsletter_form,
#agent_form {
	-moz-opacity:0.87;
	background-color:#e7e7d5;
	display:block;
	filter:alpha(opacity=87);
	left:0;
	opacity:0.87;
	position:absolute;
	top:0;
	width:430px;
	z-index:999;
}


/* vcards and press articles share anchor styles */

.vcard a:link,
.vcard a:visited,
.vcard a:active,
.press_article a:link,
.press_article a:visited,
.press_article a:active {
	color:#899200;
	font-weight:700;
	text-decoration:none;
}

.vcard a:hover,
.press_article a:hover {
	text-decoration:underline;
}

/* vcard styles for contact page */
/* the vcard divs are using a microformat */

#vcards .vcard{
		padding-left:16px;
		overflow:hidden;
}

.vcard {
	line-height:1.75em;
	margin-bottom:15px;
}

	.vcard .title
	{
		color: #62610a;
		font-style: italic;
		font-size: 110%;
	}

	.vcard .fn {
		font-size: 110%;
	}
	
	.vcard .vcard_details {
		display:none;
	}

	.vcard .tel .type {
		color:#899200;
		font-style:italic;
		margin-left:100px;
		position:absolute;
	}
	
#vcards .vcard {
	display:none;
	background-color:transparent;
}

p.vcard_head { 
	margin: 0 0 10px 0;
}

.vcard_head {
	line-height:1.75em;
	cursor:pointer;
}

	.vcard_head .title
	{
		color: #62610a;
		font-style: italic;
		font-size: 110%;
	}

	.vcard_head .fn {
		font-size: 110%;
	}

/* Press page link from bottom right */

#press_page #pagination {
	border-bottom:1px solid #333;
	border-top:1px solid #333;
	font-weight:700;
	margin:10px;
	padding:10px 0;
}

.press_article {
	margin:0 0 10px;
	padding:0 10px;
}

	.press_article .header 	{
		line-height:1.5em;
		margin-bottom:10px;
	}

		.press_article .header h3 {
			border-bottom:1px solid #333;
			border-top:1px solid #333;
			color:#690;
			font-size:120%;
			font-weight:700;
			margin:0 0 10px;
			padding:10px 0;
		}

		.press_article .header dt {
			clear:left;
			float:left;
			font-weight:700;
			margin-right:5px;
		}

		.press_article .header dd {
			float:left;
			font-style:italic;
		}

	.press_article .footer {
		line-height:1.5em;
		margin-top:10px;
		padding:10px 0;
	}

		.press_article .footer .date {
			font-style:italic;
		}

/* dan's signature */

#dan_sig {
	background:transparent url("../images/dan_sig.png") top left no-repeat;
	display:block;
	height:20px;
	width:100px;
}

	#dan_sig span {
		display:none;
	}

/****************************************
 *	Nav.css
 */

#div {
	background-image:url(../images/nav_sprite.png);
	background-position:-331px 0;
	float:left;
	height:24px;
	width:284px;
	z-index:inherit;
}

/* butts and hovers :) (i am sure that stands for 'button') */

a#butt_facebook {
	background-image:url(../images/nav_sprite.png);
	background-position:0 0;
	background-repeat:no-repeat;
	float:left;
	height:24px;
	padding:0;
	width:27px;
	z-index:inherit;
}
	a#butt_facebook:hover,
	a#butt_facebook.active {
		background-position:0 -30px;
		background-repeat:no-repeat;
		outline:none;
		z-index:inherit;
	}

#butt_questions {
	background-image:url(../images/nav_sprite.png);
	background-position:-27px 0;
	float:left;
	height:24px;
	width:151px;
	z-index:inherit;
}
	#butt_questions:hover,
	#butt_questions.active {
		background-image:url(../images/nav_sprite.png);
		background-position:-27px 30px;
		z-index:inherit;
	}
	
#butt_more_info {
	background-image:url(../images/nav_sprite.png);
	background-position:-178px 0;
	float:left;
	height:24px;
	width:153px;
	z-index:inherit;
}

	#butt_more_info:hover {
		background-image:url(../images/nav_sprite.png);
		background-position:-178px 30px;
		z-index:inherit;
	}

#butt_newsletter {
	background-image:url(../images/nav_sprite.png);
	background-position:-628px 0;
	float:left;
	height:24px;
	width:154px;
	z-index:inherit;
}

	#butt_newsletter:hover {
		background-image:url(../images/nav_sprite.png);
		background-position:-628px 30px;
		z-index:inherit;
	}

#butt_agent {
	background-image:url(../images/nav_sprite.png);
	background-position:-782px 0;
	float:left;
	height:24px;
	width:154px;
	z-index:inherit;
}

	#butt_agent:hover {
		background-image:url(../images/nav_sprite.png);
		background-position:-782px 30px;
		z-index:inherit;
	}

#butt_shield {
	background-image:url(../images/nav_sprite.png);
	background-position:-936px 0;
	float:left;
	height:24px;
	width:26px;
	z-index:inherit;
}

	#butt_shield:hover {
		background-image:url(../images/nav_sprite.png);
		background-position:-936px 30px;
		z-index:inherit;
	}

a#butt_menu1 {
	display:block;
	height:24px;
	width:161px;
}

	a#butt_menu1:hover {
		height:24px;
		width:228px;
	}

/*************************************** menu styles ***************************************/

a#menu1 {
	background-image:url(../images/menu1.png);
	display:block;
	height:24px;
	width:228px;
}

	a#menu1:hover,
	a#menu1.active {
		background-image:url(../images/menu1_f2.png);
	}

a#menu2 {
	background-image:url(../images/menu2.png);
	display:block;
	height:24px;
	width:228px;
}

	a#menu2:hover,
	a#menu2.active {
		background-image:url(../images/menu2_f2.png);
	}

a#menu3 {
	background-image:url(../images/menu3.png);
	display:block;
	height:24px;
	width:228px;
}

	a#menu3:hover,
	a#menu3.active {
		background-image:url(../images/menu3_f2.png);
	}

a#menu4 {
	background-image:url(../images/menu4.png);
	display:block;
	height:24px;
	width:228px;
}

	a#menu4:hover,
	a#menu4.active {
		background-image:url(../images/menu4_f2.png);
	}

.menu_list {
	float:right;
	padding-top:20px;
	width:228px;
}

.menu_head {
	cursor:pointer;
	display:block;
	height:24px;
	margin:1px;
	padding:0;
	position:relative;
	width:228px;
}

.menu_body a {
	background-color:transparent;
	color:#666;
	display:block;
	font-size:10px;
	font-weight:400;
	padding:5px 5px 3px 0;
	text-align:right;
	text-decoration:none;
	text-transform:uppercase;
}

	.menu_body a:hover {
		color:#899200;
		text-decoration:none;
		text-transform:uppercase;
	}

/*************************************** extra footer classes ***************************************/

a.footer_link {
	color:#fff;
	font-size:9px;
	padding:5px 1px 2px;
	text-decoration:none;
}

	a.footer_link:hover {
		color:#fff;
		font-size:9px;
		padding:5px 1px 2px;
		text-decoration:underline;
	}

.site_image {
	float:right;
	position:relative;
}

.resort_content ul li {
	list-style:disc inside;
	margin-bottom:1em;
}



/*************************************** special ***************************************/

/* shut off top menu items before load */

a .alt,
.alt,
#call_form,
#info_form,
#newsletter_form,
#agent_form,
.menu_body {
	display:none;
}

/* id hooks for visible nav sections and highlighted current page */

#vision_page #essence_menu_body,
#commitment_page #essence_menu_body,
#video_page #essence_menu_body,
#gallery_page #essence_menu_body,
#costa_rica_page #living_menu_body,
#manuel_antonio_page #living_menu_body,
#culture_page #living_menu_body,
#adventure_page #living_menu_body,
#ecotourism_page #living_menu_body,
#product_page #costa_rica_menu_body,
#plan_map_page #costa_rica_menu_body,
#descriptors_page #costa_rica_menu_body,
#condo_hotel_page #costa_rica_menu_body,
#residences_page #costa_rica_menu_body,
#team_page #costa_rica_menu_body,
#partners_page #costa_rica_menu_body,
#amenities_services_page #lifestyle_menu_body,
#private_beach_club_page #lifestyle_menu_body,
#dining_page #lifestyle_menu_body,
#spa_page #lifestyle_menu_body,
#meeting_events_page #lifestyle_menu_body,
#pelicano_page #lifestyle_menu_body {
	display:block;
}

#vision_page #vision_link,
#commitment_page #commitment_link,
#video_page #video_link,
#gallery_page #gallery_link,
#costa_rica_page #costa_rica_link,
#manuel_antonio_page #manuel_antonio_link,
#culture_page #culture_link,
#adventure_page #adventure_link,
#ecotourism_page #ecotourism_link,
#product_page #product_link,
#plan_map_page #plan_map_link,
#descriptors_page #descriptors_link,
#condo_hotel_page #condo_hotel_link,
#residences_page #residences_link,
#team_page #team_link,
#partners_page #partners_link,
#amenities_services_page #amenities_services_link,
#private_beach_club_page #private_beach_club_link,
#dining_page #dining_link,
#spa_page #spa_link,
#meeting_events_page #meeting_events_link,
#pelicano_page #pelicano_link {
	color:#899200;
}

.on {
        display:block;
}

#splash_team {
	background: transparent url("../images/splash_team.jpg") no-repeat;
	width: 637px;
	height: 357px;
	overflow:hidden;
}

#team_thumb_strip_top {
	height: 107px;
	width: 637px;
	margin-top: 56px;
	padding: 5px 0 0 130px;
}

#team_thumb_strip_bottom {
	height: 107px;
	width: 637px;
	margin-top: 20px;
	padding: 5px 0 0 190px;
}

.team_thumb {
	float:left;
	width: 120px;
	margin-right: 9px;
	background-color: #FFFFFF;
}

.last_thumb { margin:0; }

.contact_columns {
	background: transparent url("../images/bg_column_line.png") repeat-y;
	padding-top: 30px;
}

.contact_row {
	margin-bottom: 30px;
}

.columns:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
* html .columns {height: 1%;}
.columns {display:inline-block;}
.columns {display: block;}

.columns .column{
  float:left;
}
.columns .last{
  float:right;
}

.columns .contact_heading {
	width: 150px;
	padding-right: 30px;
	margin-right: 30px;
	text-align: right;
	color: #62610a;
	font-style: italic;
	font-size: 14px;
}

.icon_close {
	position: absolute; 
	bottom: 10px; 
	right: 10px;
}