* { margin: 0; padding: 0; }

body {
	font: .9em Arial, Helvetica, sans-serif;
	line-height: 1.1em;
	cursor: default;
	background: #03675b url(../img/html_bg.png) repeat-x;
	margin-bottom: 20px;
	}

/*
 ###########

 FORM BLOCKS

 ###########
*/


.sideimg {
	border: none;
}
/* global */
	.graphic {
		margin: 0;
		padding: 0;
		display: block;
		overflow: hidden;
		text-indent: -11000px;
		}
	/* clear fix */
		.clearfix:after, #content:after, #qnav:after, #footer:after, #content #secondary #smallImages:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}

		* html .clearfix, * html #content, * html #footer, * html #content #secondary #smallImages { height: 1%; }
	/* // clear fix */

	/* forms */
		input {
			width: 300px;
			font: 11px Tahoma, Sans-Serif;
			padding: 2px;
			margin: 10px 5px 10px 5px;
			color: #777;
			display: block;
			}
		textarea {
			width:300px;
			height:200px;
			font: 11px Tahoma, Sans-Serif;
			padding: 2px;
			margin: 10px 5px 10px 5px;
			color: #777;
			display: block;
			}
		label { font-size: .8em; color:#666666; }
	/* // forms */

	a {
		color: #000000;
		text-decoration: underline;
		}

	a:hover {
		color: #000000;
		}

/* // global */

/* container */

	#container {
		width: 900px;
		margin: 0 auto;
		}

/* // container */


/* quick nav */

	#header #qnav {
		position: absolute;
		top: 0;
		right: 20px;
		}

	#bookaroom {
		background: url(../img/qnav_bg.png) no-repeat;
	}

	#header #qnav li {
		list-style-type: none;
		display: block;
		/*float: left;*/
		width: 124px;
		height: 38px;
		text-align: center;
		line-height: 38px;
		}

	#header #qnav li a {
		font-weight: bold;
		text-decoration: none;
		color: #FFF;
		}

/* // quick nav */

/* header */

	#header {
		position:relative;
		width: 900px;
		height: 443px;
		background: url(../img/header_bg.png) no-repeat;
		}

	#header object {
		position: absolute;
		width: 900px;
		height: 236px;
		bottom: 0;
		left: 0;
		z-index: 10;
		}

	#header h3 {
		position: absolute;
		width: 300px;
		bottom: 100px;
		right: 30px;
		font-size: 1.5em;
		color: #fff;
		z-index: 20;
		line-height: 25px;
		}

	#header h1 {
		position: absolute;
		top: 5px;
		left: 0;
		width: 228px;
		height: 161px;
		background: url(../img/h1_bg.png) no-repeat;
		}

	#header h2 {
		position: absolute;
		top: 90px;
		right: 20px;
		color:#FFF;
		font-weight: normal;
		line-height: 30px;
		}

/* // header */

/* nav */
	#nav {
		position: absolute;
		top:166px;
		left: 0;
		width: 900px;
		height: 41px;
		list-style: none;
		z-index: 20;
		}

	#nav a {
		width: auto;
		float: left;
		padding: 0 3em;
		display: block;
		height: 41px;
		font-size: .9em;
		color: #4c4534;
		padding: 0;
		line-height: 41px;
		padding: 0 15px 0 15px;
		text-decoration: none;
		margin: 0;
		cursor: pointer;
		}

	#nav a:hover { background: url(../img/nav_li_hover_bg.png) repeat-x; }


	#nav li ul li a {
		display: block;
		width: 10em;
		font-size: .7em;
		height: 23px;
		line-height: 10px;
		text-decoration: none;
		background: #cc0000;
		line-height: 20px;
		color: #4c4534;
		border-bottom: solid 1px #d4bb77;
		cursor: pointer;
		}

	#nav li ul li a:hover { background: #d5bc79; z-index: 1000; cursor: pointer; }

	#nav li {
		float: left;
		position: relative;
		cursor: pointer;
		list-style-type: none;
		}

	#nav li ul { list-style-type: none; position: absolute; z-index: 1000; display: none; width: 10em; }

	#nav li:hover ul { left: auto; }

	#nav li:hover ul, #nav li.sfhover ul { display: block; left: 0; top: 41px;  }

	#nav li:hover ul li a, #nav li.sfhover ul li a { background: #e1cf9f; }

	#nav li .current { background: url(../img/nav_li_hover_bg.png) repeat-x; font-weight: bold; }



/* // nav */

/* content */

	#content {
		width: 860px;
		background: #FFF url(../img/content_bg.png) repeat-x;
		padding: 20px;
		}

	#content .bullets li {
		list-style: inside;
		list-style-type: square;
		font-size: .8em;
		color: #666666;
		margin: 0 0 0 15px;
		line-height: 25px;
		}


	/* display */

	#content #display {
		position: relative;
		width: 590px;
		float: left;
		margin: 0 10px 0 0;
		background: #fff;
		padding: 15px;
		}

	#content #display h2 {
		font-size: 1.5em;
		color: #333333;
		font-weight: normal;
		margin: 5px 0 15px 0;
		}

	#content #display h3 {
		font-size: 1.2em;
		color: #333333;
		font-weight: bold;
		margin: 15px 0 15px 0;
		}

	#content #display p {
		font-size: .8em;
		color: #333333;
		line-height: 20px;
		margin: 7px 0 7px 0;
		text-align: justify;
		}

	/* // display */

	/* secondary  */

	#content #secondary {
		width: 200px;
		float: left;
		background: none;
		padding: 0 15px 15px 15px;
		}

	#content #secondary h2 {
		font-size: 1.3em;
		color: #333333;
		font-weight: normal;
		margin: 5px 0 15px 0;
		}

	#content #secondary p {
		font-size: .8em;
		color: #333333;
		line-height: 20px;
		margin: 7px 0 7px 0;
		text-align: justify;
		}

	#content #secondary #image {
		padding:10px;
		background: #fff;
		}
	#content #secondary #smallImages { width:180px; display: block; }

	#content #secondary #smallImages li {
		list-style-type: none;
		display: block;
		float:left;
		background: #fff;
		padding: 5px;
		}


	/* // secondary */

/* // content */

/* misc */


/* misc */

/* footer */

	#footer {
		width: 900px;
		}

	#footer li {
		list-style-type: none;
		display: block;
		float:left;
		margin: 10px 0 10px 10px;
		font-size: .8em;
		color: #7cb0a9;
		}

	#footer li a {
		color: #7cb0a9;
		text-decoration: none;
		}

	#footer li a:hover {
		color: #FFF;
		}

	.recommended {
		text-align: center;
		font-size: 10px;
		padding: 0;
		margin: 0;
		color: #ffffff;
		border: none;
	}

/* // footer */

input[type=hidden] {
	display: none;
}