/* ================================================================ **
** style.css
** ---------------------------------------------------------------- **
/* ---------------------------------------------------------------- **
** Generic
** ---------------------------------------------------------------- */
html { font-size: 76%; }
body {
	background: #000 url(../img/waves_.jpg) no-repeat 50% 0%;
	background-attachment: fixed;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.5em;
	color: #ccc;
	text-align: center;
	margin: 0;
	padding: 0 0 40px;
	}
	
body.accomodations{
	background: #000 url(../img/house_.jpg) no-repeat 50% 0%;
	}

/* headers */
h2, h3, h4, h5, h6 { 
	color: #fff; 
	margin: 0; 
	font-weight: normal;
	}
h2 { font-size: 2em; margin: 40px 0 0; letter-spacing: -2px; }
h3 { font-size: 1.8em; margin: 35px 0 0; letter-spacing: -2px; }
h4 { font-size: 1.6em; margin: 30px 0 0; }
h5 { font-size: 1.4em; margin: 25px 0 0; }	
h6 { font-size: 1.2em; margin: 20px 0 0; }

/* text */
p { margin-bottom: 20px; }
acronym { cursor: help; border-bottom: 1px dashed #ff9; }
pre, code, blockquote { 
	margin: 15px 0; 
	padding: 15px; 
	display: block; 
	background: url(../img/container_.png); 
	color: #ccc; 
	border: 1px solid #222; 
	}
blockquote { color: #ff9; padding: 0 15px 5px 15px; }

/* links */
a { text-decoration: none; color: #ff9; }
a:hover { text-decoration: underline; }
a.btn:hover { text-decoration: none; }

/* images */
pic{ border: 10px solid #fff; }	
a img { border-color: #fff; }
a:hover img { border-color: #749A8C; }
img.right { margin: 0 0 20px 20px; }
img.left { margin: 0 20px 20px 0; }

/* lists */
ul, ol, dl { margin: 15px 0 15px 20px; padding: 0; }
ul { list-style-type: square; }
ul ul, ol ol { margin-top: 0; margin-bottom: 0; }
ol { margin-left: 25px; }
dl { margin-left: 0; }
dl dt { font-weight: bold; margin-top: 15px; }
dl dd { margin: 0; }
dl dt, li { color: #ff9; }
li span { color: #ccc; }

/* tables */
table { margin: 15px 0; border: 1px solid #222; background: url(../img/container_.png); border-collapse: collapse; }
table th, table td { padding: 10px 15px; text-align: left; }
table th { 
	background: #222 url(../img/green_grad_.jpg) repeat-x; 
	color: #fff; 
	border: 1px solid #222; 
	font-weight: normal; 
	font-size: 1.2em; 
	}	
table tfoot { display: none; }	

/* forms */
form { background: url(../img/container_.png); border: 1px solid #222; padding: 0; margin: 25px 0; }
form fieldset { border: 0; padding: 10px 25px 15px; margin: 0; }
form fieldset legend { display: none; }
form p { height: 1%; }
form p:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
form p label { color: #ff9; float: left; display: block; width: 30%; margin-right: 20px; }
form p input,
form p select,
form p textarea { 
	font-size: 1em; 
	color: #000; 
	border: 3px solid #fff; 
	padding: 8px; 
	background-color: #ccc; 
	width: 55%; 
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	}
form p select { width: 58.5%; }
form ul.fieldlist { margin: -30px 0 10px 33%; padding: 0; list-style-type: none; }
form ul.fieldlist li { color: #ccc; padding: 0 30px 5px 0; white-space: nowrap; }
form input.btn,
a.btn { 
	font-size: 1.1em; 
	width: auto; 
	overflow: visible;
	border: 0; 
	background-color: #ff9; 
	padding: 8px 10px;
	cursor: pointer; 
	color: #000; 
	font-weight: bold;
	}
a.btn { line-height: 3em; }	

/* horizontal rule */
hr { clear: both; border: 0; height: 1px; background-color: #222; color: #111; margin: 30px 0 0; }

/* classes */
.left { float: left; }
.right { float: right; }
.yellow { color: #ff9; }

ul.images { margin-left: -15px; margin-bottom: 0; padding: 15px 0 0; list-style-type: none; height: 1%; width: 104%; }
ul.images:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}	
ul.images li { float: left; padding: 0 0 15px 15px; }

/* ---------------------------------------------------------------- **
** Container
** ---------------------------------------------------------------- */
#container { margin: 0 auto; width: 780px; }
	

/* ---------------------------------------------------------------- **
** Header
** ---------------------------------------------------------------- */
#header { text-align: center; }

/* Logo */
/*#header h1 { 
	font-size: 3em;
	font-weight: normal;
	color: #fff;
	margin: 0;
	padding: 60px 0;
	letter-spacing: -2px;	
	}	
#header h1 a { color: #fff; }
#header h1 a:hover { text-decoration: none; }
#header h1 span { color: #ff9; }
*/
/* if you would like to replace the logo with 
an image, comment out the above logo code and
uncomment the following */
 
#header { 	width: 780px; 
			height: 100px;
			}

#headerleft {
	background: url(../img/logo.png) no-repeat;
	width: 400px;
	height: 75px;	
	margin-top: 10px;
	float: left;
	text-align: left;
	}	
#headerright {
	width: 300px;
	height: 75px;	
	margin-top: 10px;
	float: right;

	}

#headerleft a {
	display: block;
	height: 100%;
	text-indent: -9999px;
	outline: none;
	}

	

/* ---------------------------------------------------------------- **
** Navigation
** ---------------------------------------------------------------- */
#nav ul {
	width: 765px;
	background-image: url(../img/container_.png);
	text-align: center;
	margin: 0;
	padding: 5px 5px 5px 10px;	
	list-style-type: none;
	height: 1%;	
	margin-bottom: 10px;
	float: left;
	}
#nav ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	}	
#nav ul li {
	float: left;
	font-size: 1.05em;
	font-weight: bold;
	}	
#nav ul li a {

	display: block;
	margin: 0 9px;
	color: #fff; 
	padding: 7px 11px 7px 10px;
	}	
#nav ul li.on { 
	margin: 0 9px;
	background: url(../img/container_.png) repeat; 
	padding: 7px 11px 7px 10px;
	color: #749A8C; 
	text-decoration: none; 
	}	

#nav ul li a:hover { background: url(../img/container_.png) repeat; 
	padding: 7px 11px 7px 10px;	
	color: #fff; 
	text-decoration: none; }

/* ---------------------------------------------------------------- **
** Banner
** ---------------------------------------------------------------- */
#banner { 	background: url(../img/container_.png);
			padding: 10px 10px 10px 10px;
			width:760px;
		  	float: left;
		    }
#banner .flash{ margin: 0px 0px 0px 0px;
		    }
	

/* ---------------------------------------------------------------- **
** Body
** ---------------------------------------------------------------- */
#bodymain { width: 780px;
			margin-top: 10px;
			float: left;
		}
		
#bodyleft { background: url(../img/container_.png);
			text-align: left;
			float: left;  
			width: 510px;
			padding: 10px 10px 10px 10px;
	 }
#inner { 
	display: block;
	background-color: #000;	
	width: 465px;
	padding: 5px 30px 15px 15px;

	 }
#inner2 { 
	display: block;
	background-color: #000;	
	width: 475px;
	padding: 10px 10px 15px 25px;

	 }
#inner3 { 
	display: block;
	background-color: #000;	
	width: 475px;
	padding: 10px 10px 15px 10px;
	text-align: center;

	 }
	 
.pic{ border: 5px solid #fff;
			margin-right: 14px;
			margin-top: 12px;
 			}

	 
#bodyleft h1{ font-family: Arial;
	color: #ff9;
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: -8px;
	margin-top: 10px;
	 }
	 
#bodyleft h2{
	font-family: Arial;
	color: #ff9;
	font-weight: bold;
	font-size: 1.0em;
	margin-top: 18px;
	margin-bottom: -14px;
	letter-spacing: 0px;
	 }
	 
#bodyleft p { font-family: Arial;
	color: #fff;
	font-weight: normal;
	 }

#bodyright { background: url(../img/container_.png);
			float: right; 
			width: 230px;
			padding: 10px 5px 10px 5px;
			margin-bottom: -5px;		
	 }
#bodyright .mediabuttons { 
			margin-bottom: -5px;		
	 }
#news { background: url(../img/container_.png);
			margin-top: 10px;
			float: right;
			text-align: left; 
			width: 220px;
			padding: 10px 10px 10px 10px;		
	 }
#news .innernews { display: block;
				background-color: #000;	
				width: 220px;
				padding: 5px 0px 10px 0px;		
	 }
#news h2{ 		font-family: Arial;
				color: #fff;
				font-weight: normal;
				font-size: 2em;
				margin: 5px 10px 10px 14px;	
	 }	 

	 
#news p{ 		width: 200px;
				margin: 10px 10px 10px 14px;		
	 }
	 
	 
/* slideshow
----------------------------------------------------------------------------------------------------*/

#slideshow {
    position:relative;
    height:230px;

}

#slideshow A {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow A.active {
    z-index:10;
    opacity:1.0;
}

#slideshow A.last-active {
    z-index:9;
}

	
/* ---------------------------------------------------------------- **
** Footer
** ---------------------------------------------------------------- */	
#footer{
	background: url(../img/container_.png) repeat;
	width: 780px;
	height: 30px;
	float: left;
	padding: 5px 0px 5px 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#footer p { text-align: left;
			font-family: "Arial";
			font-size: .8em;
			line-height: .8em;
			margin-left: 14px;
			 }