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

/* Top Row */

div#content{
	width: 900px;
}

div#top_row{
	width: 900px;
	margin-top: 20px;
	overflow: hidden;
}
div#top_row h2{
	position: relative;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 5px 10px;
	margin: 0px;
	background-color: #fc0;
	color: #000;
}

div#rs{
	 float: left;
	 width: 250px;
	 padding-bottom: 10px;
	 margin: 0 20px 0 0;
  	 background-color: #414042;
}

div#rs img{
	padding-bottom:10px;
}

.resort_services h2 {
	position: relative;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 18px;
	line-height: 18px;
	height: 18px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0;
	margin: -18px 0 10px 0;
	color: #000;
	background-color: #FC0;
	}

div#rs  p { margin: 0; padding: 0 20px 4px 20px; font-size: 14px; line-height: 16px; font-weight: bold;}

div#packages{
	width:250px;
	margin: 0;
	padding: 0;
	float:right;
}

/* div#packages h2{
	position: relative;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 16px;
	line-height: 14px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 10px;
	margin: 0px;
	background-color: #fc0;
	color: #000;
} */

/* Middle Row */

div#mid_row{
	width: 900px;
	margin-top: 20px;
	overflow: hidden;
}
div#mid_row h2{
	position: relative;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 5px 10px;
	margin: 0px;
	background-color: #fc0;
	color: #000;
	}

div#welcome{
	width: 210px;
	padding: 20px;
	margin: 0 20px 0 0;
	color: #fff;
	background-color: #414042;
	float:left;
}

div#welcome p{
	 font-size: 14px;
	 line-height: 24px;
	 font-weight: regular;
	 color: #FFF;
}

div#anniv {
	float:right;
	width: 230px;
	border: none;
	padding: 10px;
	margin: 0;
	overflow: auto;
	background-color: #414042;
}

div#anniv img {
	float: left;
	margin-right: 10px;
}

div#anniv p {
	 font-size: 18px;
	 line-height: 18px;
	 font-weight: bold;
	 color: #FC0;
	 margin: 0px;
}

div#anniv p.white {
	color: #eee;
	font-size: 14px;
	line-height: 16px;
	padding-top: 10px;
}

div#testimonial { 
	float:left;
	width: 338px;
	height: 130px;
	border: none;
	padding: 10px;
	margin: 0 0px 0 0; 
	background-color: #414042;
	overflow:auto;
}

div#testimonial h2{
	position: relative;
	top: -10px;
	left: -10px;
	clear: both;
	width: 338px;
/*	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 16px;
	line-height: 14px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 10px;
	margin: 0px; */
	background-color: #0cf;
	color: #000;
}
div#testimonial p { color: #fff; font-size: 12px; line-height: 16px; padding: 0; margin: 0; }
div#testimonial p.quote { font-style: italic; margin: 3px 0; font-size: 10px; padding: 0; }
div#testimonial p.by { font-size: 10px; text-align: right; }
div#testimonial p.date { font-size: 9px; color: #ccc; text-align: right; }

/* Left Column */
div#left_col { width: 250px; float: left; padding-bottom: 10px; margin: 0; background: url(../images/background-fade.png) repeat-x; }
div#left_col h2 {
	position: relative;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 18px;
	height: 18px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0;
	margin: -18px 0 10px 0;
	color: #fff;
	background: url(../images/dark-blue-50.png);
	opacity: .7;
	}
div#left_col p { margin: 0; padding: 0 20px 4px 20px; font-size: 13px; line-height: 14px; }
div#left_col p#resort_services_visions { display: none; }

div#myLink { 
	border: 1px solid #ccc; color: #ddd; 
	padding: 10px; padding-left: 90px; 
	background: url(../images/my-link-icon.jpg) -5px -6px no-repeat;
	display: none;
}
div#myLink:hover { background-color: #333;}
div#myLink h2 { padding: 0; margin: 0; font-size: 12px; line-height: 14px; color: #0CF; }
div#myLink p { padding: 0; margin: 0; font-size: 12px; line-height: 14px; }

div#empl {
	margin: 20px auto;
	padding: 10px 20px;
	border: none;
}

div#empl p { float: left; color: #fff; font-size: 12px !important; padding:0; padding-top:3px; margin:0 10px;}
div#empl h3 { float: left; color: #ccc; margin: 0 0 5px 0; padding: 0; font-size: 14px; }
div#empl ul { float: left; width: 100%; margin: 0 0 0 20px; padding: 0px; list-style-type:none;}
div#empl ul li { float: left; font-size: 12px; margin: 0; padding: 0; list-style-type:none;}

/* Center Column */
div#center_col { width: 360px; float: left; margin: 0 20px; color: #fff; }
div#center_col p { font-size: 12px; line-height: 16px; margin: 0; padding: 0; }
div#center_col p strong { font-size: 14px; color: #0CF; text-transform: uppercase; }

div#check {
	border: none;
	padding: 10px;
	margin: 0px 0px 0 0;
	overflow: auto;
	width: 338px;
	height: 305px;
	float: left;
	background-color: #414042;
	color: #fff;
	}
	
div#check h2 {
/*	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 16px;
	line-height: 14px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 10px;
	margin: 0 0 20px;
	margin-bottom: 5px;
	background-color: #fc0;
	color: #000;
	position: relative; */
	top: -10px;
	left: -10px;
	clear: both;
	width: 338px;
	}

div#check form p { width: 335px; float: left; line-height: 18px; margin-bottom: 0px; overflow:visible; }

div#check form p.check { width: 160px; padding: 0px; float:left; line-height: 18px; margin-bottom:10px; overflow:hidden; }

div#check form { padding: 0; margin: 0; }

div#check form select { 
	float:right; border: 1px solid #fc0; background: #414042; color: #fff; padding: 1px; font: 10px/12px "Trebuchet MS", Arial, Helvetica, sans-serif; margin-left: 5px; 
	}

div#check form input#checkIn, div#check form input#checkOut {
	width: 160px;
	height: 17px;
	overflow: auto;
	background: #FFF url('../images/cal.png') no-repeat 140px 0;
}

p.check + p.check{
margin-left: 15px;
}

div#check form input[type="submit"] { 
	float: right;
	clear: both;
	border: 1px solid #ccc;
	background: #0cf;
	color: #000;
	padding: 2px 4px;
	font: 10px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
div#check form input[type="checkbox"] { 
	background: none; color: #fff; font: 10px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;;
	}
div#check form input[type="submit"]:hover { background: #fc0; color: #414042; cursor: pointer;}
div#check form label { font-size: 14px; color: #FFF; float: left; clear: left; width: 160px; line-height: 20px; }

div#check p.checkdesc { font-size: 12px; line-height:16px;}
div#check p.checkdesc img{ float:left; margin-right: 10px; border:none;}
div#check p.checkdesc span{ font-weight: bold; font-size: 14px; text-transform: uppercase; line-height: 32px;}


/* Blog Post */
div#blog_post {
	float:left;
	width: 338px;
	height: 190px;
	border: none;
	padding: 10px;
	margin: 20px 0px 0 0; 
	background-color: #414042;
}

div#blog_post h2 {
	top: -10px;
	left: -10px;
	clear: both;
	width: 338px;
	background-color: #0cf;
}

div#blog_post p { color: #CCC; font-size: 10px; line-height: 14px; padding-left: 35px; margin: 0; text-indent: -35px; text-align: justify; }
div#blog_post p.blog_title_link { font-size: 12px; font-weight: bold; margin: 10px 0; }
div#blog_post p.blog_link { margin-top: 5px; }

/* Right Column */
div#right_col { width: 250px; float: left; background: none; }
div#right_col div#current { margin: 10px 0; color: #fff; text-align: center; }
div#right_col div#current p { padding: 0; margin: 0; font-size: 12px; line-height: 14px;}
.air { color: #FC0; }
.water { color: #0CF; }

div#weather { 
	color: #fff;
	padding: 0px;
	margin: 20px 0 0 0;
	border: none;
	overflow: hidden;
	background-color: #414042;
	}
div#weather img { float: left; margin:0 20px 0 0; padding: 0; }
div#weather h2 {
	float:left;
	padding: 25px 25px 25px 20px;
	margin: 0px;
	background: #FC0 url('../images/weatherarrow.png') no-repeat right center;
	font-size: 16px;
	color: #000;
	text-transform: none;
	opacity: 1;
}
div#weather p {
	padding: 10px 0 0 0;
	margin: 0 5px 0 0;
	font-size: 12px;
	line-height: 14px;
	float:left;
	}
	
div#time { font-size: 12px; color: #fff; border-bottom: 1px solid #ccc; text-align: center; padding: 5px 0;  }
div#time span { color: #0cf;}

div#qd {
	width:250px;
	float:right;
	text-align: center;
	margin-top: 20px;
}

div#qd img{
	float:left; padding: 0px; margin-bottom: 10px;
}

div#brochures {
	padding: 0px 10px 0 0 ;
	width: auto;
	height: 50px;
	overflow: hidden;
	font-size: 12px;
	border: none;
	text-align: right;
	background-color: #414042;
	margin: 0;
	clear:both;
  }

#qd div#brochures img {
	float: left;
	width: 50px;
	padding: 0;
}

div#brochures select { border: 1px solid #ccc; background: #003; color: #fff; padding: 0px; font: 10px/12px; margin: 0; }

div#brochures p{
	color: #fc0;
	font-size: 14px;
	font-weight: bold;
	line-height: 0px;
	padding: 0px;
}