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

/* 

	CSS Layout	 v 1.0
		01/2008
	
	Designed by Alex Stillwagon
	
	Notes: 
	--------	
	
	Basic Site Structure:
	-------------------------
		
		BRANDING (#branding)
		
		CONTENT (#content)
		
			- MAIN CONTENT (#content_main)
			- SUB CONTENT (#content_sub)
		
		NAVIGATION (#navigation)
		
			- MAIN NAVIGATION (#nav_main)
			- SUB NAVIGATION (#nav_sub)
		
		SITE INFORMATION (#site_info)
	
*/


/*=BASE NAVIGATION
---------------------------------------------------------------*/
a:link {
color: #4286CD;
}

a:visited {
color: #697C96;
}

a:hover, a:focus {
text-decoration: underline;
color: #CC7D30;
}

a:active {
color: #4286CD;
}


/*=homePage
______________________________________________________________*/
LAYOUT {}
html {
text-align: center;
}

body {
text-align: left;
width: 48em;
margin: 0 auto;
background: #375184 url(../costa-rica/bg.jpg) no-repeat fixed 50% 0px;
position: relative;
}

div#top {
background: url(../costa-rica/top-trans.png) no-repeat center top;
margin: 2em 0 0 0;
height: 65px;
}

div#top div#yellow_flower {
position: absolute;
left: 44em;
top: 12em;
}

div#bottom {
background: url(../costa-rica/bottom-trans.png) no-repeat center top;
height: 65px;
margin: 0 0 2em 0;
clear: both;
}

div#wrap {
background: #1c4a90;
}


/* =BRANDING
---------------------------------------------------------------*/
BRANDING{}

div#branding {
background: url(../costa-rica/banner1.jpg) no-repeat 50% 0em;
height: 235px;
}
div#branding   h1, div#branding p    {
text-indent: -1000em;
display: none;
}

div#branding object {
vertical-align: top;
}

/* =NAVIGATION
---------------------------------------------------------------*/
NAVIGATION{}

div#navigation {
border-bottom: 3px solid #fff;
border-top: 1px solid #FFF;
height: 1.9em;
}
div#navigation ul {
float: left;
padding: 0 0 0 2em;
}

div#navigation   ul  li {
font-size: 90%;
color: #FFF;
display: block;
float: left;
}

div#navigation ul li a {
display: block;
float: left;
padding: .4em .6em;
}

div#navigation ul li a:link {
color: #60AFF7;
border-left: 1px solid #1c4a90;
border-right: 1px solid #1c4a90; 
}
div#navigation ul li a:visited {
color: #999;
border-left: 1px solid #1c4a90;
border-right: 1px solid #1c4a90; 
}
div#navigation ul li a:hover, 
div#navigation ul li a:focus,
div#navigation ul li a.selected,
div#navigation ul li a.selected:visited {
color: #FFFFFF;
background-color: #CC7D30;
border-left: 1px solid #FFF;
border-right: 1px solid #FFF;
text-decoration: none;
}
div#navigation ul li a:active {
color: #4286CD;
border-left: 1px solid #1c4a90;
border-right: 1px solid #1c4a90; 
}

/* =CONTENT
---------------------------------------------------------------*/
CONTENT{}

div#content {
background: url(../costa-rica/accent_bottom.jpg) no-repeat 9% bottom;
}
div#content h2 {
font-size: 150%;
font-weight: bold;
color: #697C96;
padding: 0 0 0 .7em;
width: 23em;
position: relative;
}

/* =CONTENT MAIN
---------------------------------------------------------------*/
CONTENT_MAIN{}

div#content_main {
background: url(../costa-rica/accent_top.jpg) no-repeat 45% top;
padding: 0 .5em 0 2em;
margin: 2em 0;
float: left;
width: 34em;
overflow: hidden;
}

div#content_main h3 {
color: #4C9FF3;
text-transform: uppercase;
font-size: 90%;
border-bottom: 1px solid #0E264B;
padding: 0 0 .2em 0;
margin: 0 0 .4em 0;
}
div#content_main  h3.intro  {
font-size: 120%;
}

div#content_main h3.majestic {
margin: 0 0 0 13.1em;
}
div#content_main h3.sub_tagline {
	font-size: 80%;
	font-weight: normal;
	line-height: 1.4;
	color: #E0AE7C;
	text-transform: none;
	width: 25em;
	border: none;
	text-align: right;
}

div#content_main p {
color: #E2DAB5;
padding: 0 0 1.5em 0;
font-size: 85%;
line-height: 1.3;
}
div#content_main p strong {
color: #E2DAB5;
}
div#content_main  p.intro  {
font-size: 120%;
padding: 0 0 .7em 0;
}

div#content_main p a:link {
border-bottom: 1px dotted #FFF;
}


div#content_main span {
border: 1px solid #BBAF9D;
margin: 0 0 1em 0;
padding: 0.3em;
background: #E2DAB5;
cursor: pointer;
display: block;
}

div#content_main span.hide {
display: none;
}

div#content_main img {
height: 100px;
width: 165px;
border: 1px solid #BBAF9D;
}

div#content_main img.map{
width: 530px;
height: 635px;
}

div#content_main img.mainImage {
cursor: default;
height: 371px;
width: 530px;
}

div#content_main div.TabbedPanelsContent img {
width: 530px;
height: 133px;
}

div#content_main img.haras_img {
width: 67px;
height: 75px;
border: none;
margin-left: .5em;
}

div#content_main ul li {
margin: 0;
}




AMENITIES {}

div#content_main div.column {
	float: left;
	margin: 0 .8em 0 0;
	width: 34.5em;
}

div#content_main div.photo_column {
	float: left;
	margin: 0 .8em 0 0;
	width: 11em;
}

div#content_main div.column p{
padding-left: 14em;
}

div#content_main div.column span {
margin: 0 1em 1em 0;
padding: 0.23em;
width: 10.3em;
height: 6.5em;
float: left;
}

div#content_main div.two_column {
}

div#content_main div.two_column span {
margin: 0  0 1em 1em;
padding: 0.23em;
width: 10.3em;
height: 6.5em;
float: right;
}

div#content_main div.two_column h3 {
color: #4286CD;
text-transform: uppercase;
font-size: 120%;
margin: 0 0 0.5em;
border-bottom: 1px solid #FFF;
padding: 1em 1em 0.3em 3.2em;
background: url(../costa-rica/equest2.gif) no-repeat 0.3em 0em;
display: block;
}

div#content_main div.two_column h4 {
color: #CC7D30;
text-transform: capitalize;
font-size: 90%;
margin: 0 0 .5em 0;
}
/* =EMAIL FORM 
---------------------------------------------------------------*/
FORM{}

div#content_main form {
}

div#content_main fieldset {
margin: 1em 0 1.5em 0;
}

div#content_main legend {
color: #CC7D30;
font-size: 110%;
display: none;
}

div#content_main form label {
display: block;
color: #4286CD;
}

div#content_main form input {
background: #1C4A90 url(none);
border-bottom: dotted 1px #FFF;
margin: 0 0 2em 0;
color: #FFFFFF;
font-weight: normal;
display: block;
font-size: 85%;
}

div#content_main form textarea {
background: #1C4A90;
border: solid 1px #FFF;
margin: 1em 0 0 0;
color: #FFF;
font-weight: normal;
font-size: 85%;
}

div#content_main .button {
border: 1px solid #4286CD;
color: #FFFFFF;
margin: 1em 0;
padding: 0.3em;
display: block;
cursor: pointer;
}

div#content_main .button:hover {
border: 1px solid #FFF;
color: #4286CD;
margin: 1em 0;
}

div#content_main p.thankYou {
font-size: 100%;
line-height: 1.5;
margin: 0 0 0 1.5em;
}

/* =CONTENT SUB
---------------------------------------------------------------*/
CONTENT_SUB{}

div#content_sub {
width: 11em;
}

div#content_sub img {
height: 100px;
width: 165px;
border: 1px solid #BBAF9D;
}
div#content_sub span {
border: 1px solid #BBAF9D;
margin: 0 0 1em 0;
padding: 0.23em;
display: block;
background: #E2DAB5;
}

div#content_sub span.hide {
display: none;
}

/* =CONTENT SUB SUB
---------------------------------------------------------------*/
CONTENT_SUB_SUB {}

div#content_sub_sub {
width: 10.5em;
padding: .3em 0 0 0;
float: left;
margin: 2em 0 0 .5em;
}

div#content_sub_sub h4 {
color: #5693CD;
font-size: 92%;
text-align: center;
padding: 0 0 .7em 0;
}

div#content_sub_sub p {
font-size: 70%;
color: #E2DAB5;
line-height: 1.3;
}

div#content_sub_sub img.visit {
margin: 0 0 .5em 0;
}

div#content_sub_sub img.flagImage {
margin: 0 .5em 0 0;
}

div#content_sub_sub a {
}

div#content_sub_sub ul {
padding: .5em 0 0 0;
border-top: 1px solid #697C96;
}
div#content_sub_sub  ul li {
color: #E2DAB5;
font-size: 75%;
line-height: 1.5;
}

div#content_sub_sub ul li span {
color: #697C96;
}

/* =SITE INFO
---------------------------------------------------------------*/
SITE_INFO{}

div#site_info {
width: 11em;
margin: 1em 0 0 36.8em;
clear: both;
}

div#site_info img {
}

div#site_info p {
color: #192b54;
font-size: 65%;
line-height: 1.3;
}