/*---------------------------------------------------------------------------------------------------------------------------------
	  													   RESET
----------------------------------------------------------------------------------------------------------------------------------*/

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,   
li, dl, dt, dd, form, a, fieldset, input, textarea, th, td   
{   
margin: 0; padding: 0; border: 0; outline: none;   
} 

/*---------------------------------------------------------------------------------------------------------------------------------
	  													STRUCTURAL
----------------------------------------------------------------------------------------------------------------------------------*/

body {
	background: url(../images/layout/body-bg.jpg) repeat-x #f8f0df;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #666666; }
	
#container {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}
	
#header {
	width: 950px;
	height: 340px;
	float: left;
	clear: both;
	background: url(../images/layout/header-bg.jpg) }
	
#wrapper {
	width: 950px;
	clear: both;
	background: url(../images/layout/wrapper-bg.jpg) repeat-y;
}

#main-nav {
	width: 200px;
	float: left;
	display: inline;
	margin: 0 30px 0 0;
}
	
#main-content {
	width: 690px;
	float: left;
	display: inline;
	line-height: 18px;
}
	
#supp-content {
	width: 280px;
	float: right;
	border-left: 2px solid #d3f0f0;
	margin: 10px 0 0 20px;
	padding: 0 0 0 20px;
}	
	
#footer {
	width: 950px;
	height: 80px;
	float: left;
	clear: both;
	background: url(../images/layout/footer-bg.jpg) no-repeat; }
		
		
/*---------------------------------------------------------------------------------------------------------------------------------
	  													STANDARD SELECTORS
----------------------------------------------------------------------------------------------------------------------------------*/
a:link, a:visited {
	color: #ee6f15;
		 }
	 
a:hover, a:active {
	color: #00a8aa;
	text-decoration: none;
	 }
	 
h1 {
	color: #006699;
	font-size: 16px; 
	 }
	
h2 { 
	 }

h3 {
	color: #006699; 
	}

h4 {
	color: #006699;
	font-size: 14px;
	margin: 10px auto 0 auto; 
}

	
/*---------------------------------------------------------------------------------------------------------------------------------
	  													SPECIFIC SELECTORS
----------------------------------------------------------------------------------------------------------------------------------*/

#main-content ul, ol {
	margin: 0 0 0 20px;
}

#main-content p {
	margin: 8px 0 8px 0;
}

#supp-content ul {
	margin: 0;
}

#supp-content li {
	list-style: none;
	text-align: center;
}

#footer ul {
	float: right;
	color: #006600;
	font-size: 10px;
	text-align: center;
	margin: 20px 40px 0 0;
}

#footer li {
	list-style: none;
}

#footer a:link, #footer a:visited {
	color: #006600;
	text-decoration: underline;
}

#footer a:link, #footer a:visited {
	color: #006600;
	text-decoration: none;
}

#main-nav a:link, #main-nav a:visited {
	color: #ee6f15;
	font-size: 18px;
	text-decoration: none;
	font-variant: small-caps;
}

#main-nav a:hover, #main-nav a:active {
	color: #00a8aa;
	text-decoration: underline;
	font-size: 20px;
}

#main-nav ul {
	margin: 0 0 0 50px;
}

#main-nav li {
	margin: 0 0 15px 0;
	list-style: none;
	height: 20px;
}

.tours {
	float: left;
	display: inline;
	margin: 0 0 60px 0;
	clear: both;
}

.tours li {
	width: 300px;
	height:	240px;
	list-style: none;
	text-align: center;
	float: left;
	display: inline;
	margin: 20px 10px 0 10px;
}

.tours li h3 {
	margin: 10px auto 5px auto;
}

.tours img {
	border: 1px solid #ee6f15;
	margin: 20px 0 0 0;
	padding: 5px;
}

.tours img:hover {
	border: 1px solid #00a8aa;
	margin: 20px 0 0 0;
}

.rates-info {
	width: 370px;
	text-align: center;
}

.rates-info a {
	margin: 0 10px 0 10px;
}

#main-content .area-lists {
	width: 250px;
	display: inline;
	float: left;
	margin: 0 40px 20px 40px;
}

#main-content .area-lists li {
	list-style: none;
}

#main-content .amenities {
	width: 250px;
	display: inline;
	float: left;
	margin: 20px 40px 20px 40px;
}

#main-content .amenities li {
	text-indent: -20px;
	padding-left: 20px;
}

#main-content .amenities .pics {
	list-style: none;
	text-align: center;
}


#main-content .floorplans {
	width: 160px;
	display: inline;
	float: left;
	margin: 0 5px 20px 5px ;
	text-align: center;
}

#main-content .floorplans li {
	list-style: none;
}

#main-content .floorplans-wide {
	width: 220px;
	display: inline;
	float: left;
	margin: 0 5px 20px 5px ;
	text-align: center;
}

#main-content .floorplans-wide li {
	list-style: none;
}

/*---------------------------------------------------------------------------------------------------------------------------------
	  													OTHER SELECTORS
----------------------------------------------------------------------------------------------------------------------------------*/
	
.first {
	margin-top: 10px; }
	
.last {
	margin-bottom: 10px; }

.clear {
	clear: both; }
	
.float-r {
	float: right; }
	
.float-l {
	float: left; }
	
.highlight {
	color: #006699;
	font-weight: bold;	
}

.center {
	text-align: center;
}

.column {
	width: 360px;
	float: left;
	display: inline;
}

.space-t {
	margin-top: 10px;
}

.rates {
	text-align: center;
	clear: both;
	width: 690px;
	margin: 20px 0 20px 0;
}

.rates td {
}

.detail {
	font-size: 10px;
}

.detail td {
	padding-bottom: 6px;
}

.zebra {
	background: #e5efef;	
}

.empty-zebra {
	background: #ffffff;
}

.required {
	color: #CC0000;
}


/*---------------------------------------------------------------------------------------------------------------------------------
	  													BROWSER FIXES
----------------------------------------------------------------------------------------------------------------------------------*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
	/* Hides from IE-mac */
	* html .clearfix {height: 1%;}
	/* End hide from IE-mac */
	

/*---------------------------------------------------------------------------------------------------------------------------------
	  													CONTACT FORM
----------------------------------------------------------------------------------------------------------------------------------*/

#reservations-form {
	margin-bottom: 60px;
}

#reservations-form p {
	width: 500px;
	text-align: right;
	margin: 20px 0 20px 60px;
}

#reservations-form input {
	width: 200px;
	border: 1px solid #cccccc;
}

#reservations-form .short {
	width: 50px;
}

#reservations-form .medium {
	width: 70px;
}

#reservations-form label {
	margin: 0 20px 0 20px;
}

#reservations-form textarea {
	width: 200px;
	border: 1px solid #cccccc;
}

#reservations-form select {
	width: 300px;
	border: 1px solid #cccccc;
}

#reservations-form .options {
	width: 560px;
	text-align: right;
	margin: 20px 0 20px 0;
}

#reservations-form .bot-input { 
	float: left; 
	margin-left: -999em;
}

#reservations-form .submit {
	background: #ee6f15;
	color: #ffffff;
	height: 30px;
	width: 130px;
}