/* ==================================================================
	Layout Template Classes
		The following classes are inserted into the body tag to
		select appropriate layout.
	
 	• template1 - Unique for the home page
	• template2 - 2 columns (wide left, narrow right)
	• template3 - 2 columns (image gallery right)
	
	All navigation styles are contained in the file 'navigation.css'.
	If a particular element falls within a nav container, such as an h2,
	it's attributes might be defined there.
		
 * ================================================================== */
 
* {padding:0; margin:0; border:0;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	color: #043B66;
	background: #81A2D5;
	text-align:center;
}

p { 
	margin:0 0 1.5em 0;
	padding:0;
}

/* ==================================================================
 * Headings
 * ================================================================== */

h1, h2, h3, h4, h5, h6
{ color:#293378; margin:0 0 .7em 0; line-height:1.3em }
h1
{ display: none;}
h2
{ font-size:130%; margin-bottom:.5em; text-transform:uppercase; color: #B34303; letter-spacing: .5em; } /*Page Titles and Home page headline*/
h3
{ font-size:100%; margin-bottom:.3em; text-transform:uppercase; color: #81A2D5; letter-spacing: .02em;}
h4
{ font-size:100%; color:#B34303; }
h5
{ font-size:100%}
h6
{ font-size:100%}

/* ==================================================================
 * Lists
 * ================================================================== */

dd {
	padding: 0 0 1.1em 0;
}

ul, dl {
	margin:1em 0;
	padding:0;
	list-style:none;
	
}

ul li {
	background:url("images/bullet.gif") no-repeat 0 0;
	margin:0;
	padding:0 0 1em 1.5em;
	line-height: 1.2em;
	
}

ul ul {
	margin-bottom: 0;
	padding-bottom: 0;
}


/* ==================================================================
 * Links
 * ================================================================== */

a:link {
	color: #B34303;
	text-decoration:underline;
}

a:visited {
	color: #B34303;
	text-decoration:underline;
}

a:hover {
	color: #81A2D5;
	text-decoration: none;
}

a:active {
	color: #B34303;
	text-decoration: underline;
}

/* ==================================================================
 * Misc
 * ================================================================== */

.img_right {
	float: right;
	margin: 0 0 20px 20px;
	border:1px solid #043B66;
}

.img_left {
	float: left;
	margin: 0 15px 20px 0;
	border:1px solid #043B66;
}

.clear {
	clear: both;
}

/*.quote {
	padding: 25px 0 0 25px;
	background: url(images/bg_openquote.gif) left top no-repeat;
	color: #0d116c;
	line-height: 1.8em;
}
	.quote div {display:inline; position:relative;}
	.quote img {position:absolute; left: 15px; top: 12px;}
	.quote p {margin-top:25px; text-align:right;}*/
	
#quote {
	font-style:italic;
	
	font-weight: bold;
	font-size: 1.1em;
	line-height:2em;
	color:#07458c;
	}
	

/* ==================================================================
 * Layout
 * ================================================================== */

#container_outer {
	font-size: 1em;
	line-height: 1.5em;
	width:960px;
	margin: 0 auto;
	text-align:left;
		
}

#container_inner {
	background:url(images/bg_repeating.gif) left top repeat-y;
	width: 960px; 
	padding: 0;
	float: left;
}

#container_content {
	width: 942px; 
	padding: 0 9px 0 9px;
	background:url(images/bg_container.jpg) left top no-repeat;
	float: left;
	/*min-height: 845px;*/
}
	/**html #container_content {
		height: 845px;
	}*/

/*--------------Banner is the large image--------------*/
#banner {
	width: 942px;
	position: relative;
	z-index: 1;
	height: 425px;
	clear: both;
	margin: 0 0 4px 0;
	float:left;
}
	#home #banner {background:url(images/bg_home_main.jpg) left top no-repeat;}
	#thesuites #banner {background:url(images/bg_thesuites_main.jpg) left top no-repeat; height: 250px;}
	#gettinghere #banner {background:url(images/bg_gettinghere_main.jpg) left top no-repeat; height: 250px;}
	#activities #banner {background:url(images/bg_activities_main.jpg) left top no-repeat; height: 250px;}
	#aboutus #banner {background:url(images/bg_aboutus_main.jpg) left top no-repeat; height: 250px;}
	#contactus #banner {background:url(images/bg_contactus_main.jpg) left top no-repeat; height: 250px;}
	
	
	
	/* Home Page Photographs*/
	#photo_bg {
		position: absolute;
		left: 572px;
		top: -45px;
		z-index: 98;
	}
	
	#photo_slideshow {
		position: absolute;
		left: 613px;
		top: 191px;
		width: 316px;
		height: 284px;
		z-index: 100;
	}
	/* END - Home Page Photographs */
	
/*--------------Content is the white area below banner. Contains, content_left, content_middle, content_right--------------*/
#content {
	float: left;
	border-top: 1px solid #F9B80C;
	clear: both;
	width: 942px;
	position: relative;
	padding: 85px 0 0 0;
	background: url(images/hdr_costarica.gif) 30px 17px no-repeat;
}

/*-------------- Misc Layout Related styles */
	#logo {
		float: right;
		margin: 40px 0 0 0;
	}
	
	.thumb {
		float: left;
		margin: 0 10px 15px 0;
		border: 1px solid #0D3871;
	}
/* END - Misc Layout Related styles */
	
/*--------------- Defaults For the Content Divs*/
	#content_left {float: left;}
	#content_right {float: left;}
/* End Defaults For the Content Divs*/
	
	
/*--------------- Styles For Template 1 - Home Page*/
	.template1 #content_left {
		width: 485px; 
		padding: 0 44px 0 0;
		margin: 0 0 20px 60px;
		display: inline;
		background: url(images/bg_vert_border.gif) right top repeat-y;
	}
	
	.template1 #content_left p {
		margin:0 0 1.5em 0;
		padding:0;
		line-height:1.7em;
		}
	
	.template1 #content_right {
		margin: 40px 0 20px 20px;
		width: 277px;
	}
	
	.template1 #content_right h3 {font-size:.9em;text-transform:uppercase; margin-bottom: .2em;}
/* END Styles For Template 1 - Home Page*/

/*--------------- Styles For Template 2 - Second Level Pages*/
	.template2 #content_left {
		width: 485px; 
		padding: 0 44px 0 0;
		margin: 0 0 20px 60px;
		display: inline;
		background: url(images/bg_vert_border.gif) right top repeat-y;
	}
	
	.template2 #content_left p {
		margin:0 0 1.5em 0;
		padding:0;
		line-height:1.7em;
		}
	
	.template2 #content_right {
		margin: 0 0 20px 20px;
		width: 277px;
	}
	
	.template2 #content_right h3 {font-size:.9em;text-transform:uppercase; margin-bottom: .2em;}
/* END Styles For Template 2 - Second Level Pages*/

/*--------------- Styles For Template 3 - Second Level Pages*/
	.template3 #content_left {
		width: 485px; 
		padding: 0 44px 0 0;
		margin: 0 0 20px 60px;
		display: inline;
		background: url(images/bg_vert_border.gif) right top repeat-y;
	}
	
	.template3 #content_left p {
		margin:0 0 1.5em 0;
		padding:0;
		line-height:1.7em;
		}
	
	
	.template3 #content_right {
		margin: 0 0 20px 20px;
		width: 277px;
	}
	
	.template3 #content_right h3 {font-size:.9em;text-transform:uppercase; margin-bottom: .2em;}
	
	
/* END Styles For Template 3 - The Suites */
	
/*--------------Footer--------------*/	
#footer {
	border-top: 1px solid #F9AC0F;
	padding: 10px;
	clear: both;
	width: 860px;
	min-height: 27px;
	margin: 0 0 0 29px;
}
	*html #footer { height: 27px;}

	#footer p {
		text-align: right;
		margin: 0 20px 0 0;
		font-size: .9em;
		color: #81A2D5;
	}

	#footer p a:link. a:visited {
		color: #81A2D5;
	}
	
	#footer p a:hover {
		color: #81A2D5;
		text-decoration:none;
	}