﻿/*@charset "utf-8";
 CSS Document */

body
{
	margin: 0;
	color: #232323;
	padding: 0;
	background-image: url(images/texture.gif);
	background-repeat: repeat;
}

div, h1, h2, h3, h4, p, form, label, input, textarea, img, span
{
	margin: 0;
	padding: 0;
}

table
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
}

.white
{
	color: #FFFFFF;
}

.warn
{
	color: #ff0033;
	font-weight: bold;
}

/*------------------------------------------------CONTENT--------------------*/
.content-header
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 10px 10px 10px 10px ; 
}


/*------------------------------------------------HEADER--------------------*/
#header
{
	width: 1000px;
	height: 95px;
	margin: 0 auto;
	padding: 0px;
}

.logo
{
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
	padding: 0px;
	float: left;
	height: 95px;
	width: 200px;
	margin: 20px 0px 10px 0px;
	text-indent: -9999px;
}

.chromemenu
{
	font-weight: bold;
	font-size: 84%; /*padding-left: 100px; 	padding-right: 88px; 	padding-top: 96px;*/
	padding-bottom: 0px;
	margin: 0;
	float: right;
}

.chromemenu ul
{
	border: 1px solid #BBB;
	width: 100%;
	color: #FFFFFF;
	background: url(images/gradient1.jpg) center repeat-x;
	padding: 5px 0 7px 0px;
	float: right;
	margin: 0;
	text-align: right; /*set value to "right" for example to align menu to the left of page*/
}

.chromemenu ul li
{
	display: inline;
}

.chromemenu ul li a
{
	color: #566c4a;
	padding: 5px;
	margin: 0;
	text-decoration: none;
	border-right: 1px solid #DADADA;
}

.chromemenu ul li a:hover
{
	color: #333333;
}


/*------------------------------------------------BODY--------------------*/
#main
{
	width: 1000px;
	height: 500px;
	margin: 0 auto;
	padding: 0px;
}


/*------------------------------------------------LEFT--------------------*/
.left
{
	margin: 0px;
	float: left;
	height: 590px;
	width: 200px;
	padding: 0 2px 0 0px;
}

.left_reservation
{
	margin: 0px;
	float: left;
	width: 190px;
	padding: 0 0 0 0px;
	background-color: #FFFFFF;
	border: 2px solid #566c4a;
}

.reservation_header
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
	height: 20px;
	width: 178px;
	padding: 10px 0 0 13px;
	background-color: #566c4a;
}

.reservation_details
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	font-variant: normal;
	color: #386060;
	margin: 0px;
	width: 185px;
	padding: 0 0 0 5px;
	background-color: #FFFFFF;
}

.reservation
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	font-variant: normal;
	color: #386060;
	margin: 0px;
	background-color: #FFFFFF;
}

.reservation_textbox
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	font-variant: normal;
	color: #386060;
	margin: 0px;
	float: left;
	height: 20px;
	width: 170px;
	padding: 0 0 0 0px;
	background-color: #FFFFFF;
}

.reservation_textbox2
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	font-variant: normal;
	color: #386060;
	margin: 0px;
	float: left;
	height: 20px;
	width: 50px;
	padding: 0 0 0 0px;
	background-color: #FFFFFF;
}

.reservation_textbox3
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	font-variant: normal;
	color: #386060;
	margin: 0px;
	float: left;
	height: 20px;
	width: 100px;
	padding: 0 0 0 0px;
	background-color: #FFFFFF;
}

.text
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	font-variant: normal;
	color: #386060;
	margin: 0px;
	float: left;
	padding: 20px 0 0 0px;
	background-color: #FFFFFF;
}

/*------------------------------------------------MIDDLE--------------------*/
.middle
{
	margin: 0px;
	float: left;
	height: 525px;
	width: 520px;
	padding-top: 0px 0px 0px 0px;
	background-color: #FFFFFF;
}

.middle2
{
	margin: 0px;
	float: left;
	height: 580px;
	width: 709px;
	padding-top: 0px 0px 0px 0px;
	background-color: #FFFFFF;
}

.middle3
{
	margin: 0px;
	float: left;
	height: 1080px;
	width: 709px;
	padding-top: 0px 0px 0px 0px;
	background-color: #FFFFFF;
}

.middle4
{
	margin: 0px;
	float: left;
	height: 525px;
	width: 480px;
	padding-top: 0px 0px 0px 0px;
	background-color: #FFFFFF;
}

.banner
{
	margin: 0px;
	float: left;
	height: 300px;
	width: 500px;
	padding: 6px 8px 0px 8px;
}

.content
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	line-height: 150%;
	color: #666666;
	margin: 0px; /*float: left; 	width: 300px;*/
	padding: 10px 0px 0px 10px;
	background-color: #FFFFFF;
}

.content2
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	line-height: 150%;
	color: #666666;
	margin: 0px;
	float: left;
	width: 650px;
	padding: 10px 0px 0px 10px;
	background-color: #FFFFFF;
}

.fac_image
{
	margin: 0px;
	float: left;
	width: 300px;
	padding: 10px 0px 0px 8px;
	background-color: #FFFFFF;
}

.fac_text
{
	font-family: Verdana;
	font-size: 11px;
	font-variant: normal;
	line-height: 150%;
	color: #666666;
	margin: 0px;
	float: left;
	height: 200px;
	width: 380px;
	padding: 10px 0px 0 10px;
	background-color: #FFFFFF;
}


/*------------------------------------------------RIGHT--------------------*/
.right
{
	margin: 0px;
	float: left;
	height: 520px;
	width: 179px;
	padding: 5px 10px 0 0px;
	background-color: #FFFFFF;
}

.right2
{
	margin: 0px;
	float: left;
	height: 520px;
	width: 179px;
	padding: 5px 5px 0 0px;
	background-color: #FFFFFF;
}

.right4
{
	margin: 0px;
	float: left;
	width: 214px;
	padding: 5px 5px 0 10px;
	background-color: #FFFFFF;
}

.rates_header
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #566c4a;
	margin: 0px;
	height: 15px;
	width: 184px;
	padding: 5px 0 3px 0px;
	background-color: #FFFFFF;
}

.right_rates
{
	margin: 0px;
	float: left;
	width: 178px;
	padding: 0 0 0 0px;
	background-color: #FFFFFF;
}

.rates_details
{
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	font-variant: normal;
	color: #FFFFFF;
	margin: 0px;
	float: left;
	height: 145px;
	width: 178px;
	padding: -20px 0 0 0px;
	background-color: #999999;
}

.rates_details2
{
	font-family: Verdana;
	font-size: 10px;
	font-variant: normal;
	color: #666666;
	margin: 0px;
	float: left;
	height: 107px;
	width: 178px;
	padding: 0 5px 5px 0px;
	background-color: #FFFFFF;
}

.right_promo
{
	margin: 0px;
	float: left;
	height: 220px;
	width: 178px;
	padding: 0px -5px 0 0px;
	background-color: #FFFFFF;
}

.right_promo2
{
	margin: 0px;
	float: left;
	height: 250px;
	width: 178px;
	padding: 10px 0px 0 14px;
	background-color: #FFFFFF;
}

.right_btns
{
	margin: 0px;
	float: left;
	height: 60px;
	width: 178px;
	padding: 0px 0px 5px 4px;
}


/*------------------------------------------------FOOTER-------------------*/
#footer
{
	width: 100%;
	margin-top: 0 auto;
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	padding: 0px;
	float: left;
	height: 28px;
	background-color: #acc39b;
}


.footer_links
{
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	margin: 0px;
	float: left;
	height: 20px;
	width: 100%;
	padding: 6px 0px 0px 0px;
	background-color: #acc39b;
}


/*-----------------------------------------FOOTERLINKS --------------------*/
a.footerlink:link
{
	font-family: Verdana;
	font-size: 10px;
	color: #202219;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
	padding: 0px 5px 0px 5px;
}

a.footerlink:visited
{
	text-decoration: none;
	font-family: Verdana;
	font-size: 10px;
	color: #202219;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
	padding: 0px 5px 0px 5px;
}


a.footerlink:hover
{
	color: #666666;
	text-decoration: none;
}

a.footerlink:active
{
	text-decoration: none;
	color: #202219;
}


/*****************/
/* Error Message */
/*****************/
.ErrorMessagePageValidation
{
	font-weight: bold;
	font-size: 9pt;	
	color: #FF3300;
	font-style: normal;
	font-family: 'Microsoft Sans Serif';
}