/* ================================== */
/* = Hotel Madrugada - master.css === */
/* = Copyright 2007 Hotel Madrugada = */
/* ================================== */
/* 
Dark Brown: 	#472413
Dark Tan: 		#DBD7B7
Copy: 			#333
Yellow: 		#FAF8CC
Burnt Orange: 	#A0410D
Green: 			#598527
Light Green:	#E7F2D7
Link Orange: 	#E17D00
Dark Grey: 		#505153
Light Blue:		#EBF2FB
*/
/* ================================== */
body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #DBD7B7 url("../_images/bground_pattern.gif");
	
	font-family: Georgia, serif;
	font-size: 11px;
	line-height: 15px;
	color: #333;	
}

#wrapper {
	width: 708px;
	padding: 0;
	margin: 0 auto;
	text-align: left;
}


#ie_warning {
	margin: 0 auto;
	padding: 0;
	width: 700px;
	height: 50px;
	background: #600;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial;
	
}

/* =============== */
/* = HEADER AREA = */
/* =============== */

#header {
	margin: 0 auto;
	padding: 0;
	height: 71px;
	width: 708px;
	background: url("../_images/nav_bground.png") no-repeat;
	text-align: right;
}

		#header #mainNav {
			margin: 0;
			padding: 0;
			float: left;
		}

		#header #mainNav li {
			margin: 0;
			padding: 0;
			float: left;
		}

		#header #mainNav ul {
			margin: 22px 0 0 10px;
			padding: 0;
			list-style: none;
		}

/* ================ */
/* = CONTENT AREA = */
/* ================ */

#content {
	margin: 0 auto;
	padding: 0;
	width: 708px;
	background: url("../_images/site_bground.png") repeat-y;
}

		#flashcontent {
			margin: 0 4px 30px 4px;
			padding: 0;
			height: 230px;
			width: 700px;
		}
		
		#content .headerContent {
			margin: 0 4px 30px 4px;
			padding: 0;
			height: 230px;
			width: 700px;
			background: #FAF8CC url("../_images/header_bground.gif");
		}		
		
		#content .headerContent .headerCopy {
			margin: 40px 0 0 397px;
			padding: 0;
			width: 270px;
			float: left;
			position: absolute;
		}

		/*---- QUOTE ----*/
		#content .headerContent .headerQuote {
			margin: 0 0 0 397px;
			padding: 0;
			width: 290px;
			height: 230px;
			float: left;
			position: absolute;
		}

				#content .headerContent .headerQuote .openQuote {
					margin: 0;
					padding: 55px 10px 0 0;
					float: left;
					width: 16px;
				}		
		
				#content .headerContent .headerQuote .quoteCopy {
					margin: 0;
					padding-top: 40px;
					width: 238px;
					float: left;
					font-size: 14px;
					line-height: 18px;
					font-weight: normal;
					color: #598527;			
					font-style: italic;
				}		

				#content .headerContent .headerQuote .endQuote {
					margin-top: -30px;
					padding-right: 15px;
					clear: both;
					float: right;
					width: 16px;
				}		

				#content .headerContent .headerQuote .reference {
					margin: 0;
					padding-right: 15px;
					clear: both;
					float: right;
				}		
		
		#content .headerPic {
			margin: -15px 0 0 -30px;
			padding: 0;
			float: left;
			position: absolute;
		}		

		/*---- FEATURE BOX ----*/
		#content .featureBox {
			margin-left: 75px;
			padding: 20px 10px;
			width: 500px;
			height: 116px;
			border-bottom: 1px dotted #666;
			
		}
		
				#content .featureBox .pic {
					margin: 0;
					padding-right: 10px;
					float: left;
				}
		
				#content .featureBox .ornament {
					margin: 0;
					padding: 10px 10px 0 0;
					float: left;
				}
				
				#content .featureBox .content {
					margin: 0;
					padding-top: 5px;
				}

		/*---- MAIN BODY COPY ----*/
		#content .bodyCopy {
			margin-left: 30px;
			padding-top: 15px;
			width: 670px;
		}

				#content .bodyCopy .ornament {
					margin: 0;
					padding: 0;
					float: left;
					width: 50px;
				}
				
				#content .bodyCopy .ornament2 {
					margin: 0;
					padding: 20px 0 0 0;
					float: left;
					width: 50px;
				}				
				
				#content .bodyCopy .content {
					margin: 0;
					padding: 0;
					float: left;
					width: 370px;
				}
				
				/*---- SIDEBAR ----*/
				#content .bodyCopy .sideBar {
					margin: 0;
					padding: 0 0 100px 0;
					float: right;
					width: 250px;
				}
				
						#content .bodyCopy .sideBar .sideBarItem {
							margin: 20px 20px;
							padding: 5px 0;
							border-top: 1px dotted #333;
							border-bottom: 1px dotted #333;
						}
						
						#content .bodyCopy .sideBar .sideBarPic {
							margin: 0 20px;
							padding: 0;
						}

						/*---- SIDEBAR QUICK FACTS ----*/
						#content .bodyCopy .sideBar .quickFacts {
							margin: 0 20px 20px 20px;
							padding: 10px;
							background: #EBF2FB;
						}										

						#content .bodyCopy .sideBar .quickFactsTitle {
							margin-bottom: 15px;
							padding: 5px;
							color: #472413;
							border-bottom: 1px dotted #333;
						}	
						
						#content .bodyCopy .sideBar .quickFactsColL {
							font-family: Arial, Verdana, sans-serif;
							line-height: 13px;
							padding-bottom: 5px;
							
							width: 35%;
							margin: 0;
							padding: 0;
							float: left;
							font-weight: bold;
						}															

						#content .bodyCopy .sideBar .quickFactsColR {
							font-family: Arial, Verdana, sans-serif;
							line-height: 13px;
							padding-bottom: 5px;
							
							width: 60%;
							margin: 0;
							padding: 0;
							float: right;
						}															


		#content .guestbook {
			width: 500px;
			margin: 10px 0 0 75px;
			padding: 10px;
			background-color: #FAF8DD;
		}
		
		#content .enlargeBtn {
			margin: 0;
			padding-top: 5px;
			text-align: right;
		}
		
		/*--- SMALL GREEN BOX IN LOCATION ---*/
		#content .tertiaryNavContainer {
			margin-top: 30px;
			padding-bottom: 10px;
			background: #E7F2D7;
		}
				#content .tertiaryNavContainer .tertiaryNavPic {
					margin: -25px 0 0 -120px;
					padding: 10px 0 0 0;
					float: left;
				}
		
				#content .tertiaryNavContainer .tertiaryNav {
					margin: 0;
					padding: 10px 10px 10px 100px;
				}
				
				#content .tertiaryNavContainer .roomRates {
					margin: 0;
					padding: 10px 10px 10px 10px;
				}
				
				
/* ================ */
/* = CONTACT FORM = */
/* ================ */
#contactForm {
	margin: 0;
	padding-top: 20px;

	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #472413;			
}

	#contactForm input {
		margin-top: -10px;
		padding: 0;
		color: #666;
	}

	#contactForm textarea {
		margin: -10px 0 20px 0;
		padding: 0;
		color: #666;
	}				
		
/* =============== */
/* = FOOTER AREA = */
/* =============== */
#footer {
	margin: 0 auto;
	padding: 0;
	width: 708px;
	height: 150px;
	background: url("../_images/footer_bground.png") no-repeat;
	clear: both;
}

		#footer .callToAction {
			width: 500px;
			padding: 10px 10px 10px 75px;
			clear: both;
		}
		
		#footer .callToAction2 {
			width: 500px;
			padding: 10px 0 0 60px;
			clear: both;
		}				
		
		#footer .footerCopyright {
			width: 680px;
			margin: auto;
			padding: 10px 0 0 0;
			border-top: 1px dotted #666;
		}
		
		/*--- Footer Images ---*/
		#footer .footerHome {
			margin: -244px -20px 0 0;
			padding: 0;
			float: right;
		}
		
		#footer .footerAbout {
			margin: -215px -20px 0 0;
			padding: 0;
			float: right;
		}
		
		#footer .footerLocation {
			margin: -171px -20px 0 0;
			padding: 0;
			float: right;
		}

		#footer .footerRooms {
			margin: -190px -20px 0 0;
			padding: 0;
			float: right;
		}
				
		#footer .footerCopan {
			margin: -300px -20px 0 0;
			padding: 0;
			float: right;
		}
		
		#footer .footerContact {
			margin: -200px -20px 0 0;
			padding: 0;
			float: right;
		}						

/* ================== */
/* = GENERAL STYLES = */
/* ================== */
h1 {
	font-size: 26px;
	line-height: 26px;
	font-weight: normal;
	color: #A0410D;
}

h2 {
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
	color: #A0410D;
}

h3 {
	font-size: 16px;
	line-height: 18px;
	font-weight: normal;
	color: #598527;
}

h4 {
	margin-bottom: -5px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 12px;
	font-weight: bold;
	color: #472413;
}

h5 {
	margin: 0;
	padding-bottom: 5px;
	font-size: 16px;
	line-height: 18px;
	font-weight: normal;
	text-align: center;
	color: #472413;
}

.sideBarTitle {
	font-family: Georgia, serif;
	font-size: 14px;
	color: #472413;
	font-weight: normal;
}

.caption {
	font-size: 11px;
	line-height: 13px;
	color: #505153;
	font-style: italic;
	font-weight: normal;
}

.sans {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 13px;
}

.reference {
	font-size: 11px;
	color: #505153;
}

.copyright {
	margin-left: 60px;
	font-size: 9px;
	color: #472413;
}

ul {
	margin: 0;
	padding: 0;
}

ul.expanded {
	margin: 0;
	padding-left: 10px;
}

ul.expanded li {
	list-style: outside url("../_images/bullet_arrow.gif");
	line-height: 15px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin: 0;
}

ul.subList {
	margin-left: 10px;
	padding: 0;
}

ul.subList li {
	list-style: outside url("../_images/bullet_arrow.gif");
	line-height: 15px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin: 0;
}

li.noBullets {
	font-family: Arial, Verdana, sans-serif;
	line-height: 13px;
	padding-bottom: 5px;
	list-style: none outside;
	text-align: left;
}

li.bullets {
	font-family: Arial, Verdana, sans-serif;
	line-height: 13px;
	margin-left: 40px;
	padding: 5px 5px 0 5px;
	list-style: outside url("../_images/bullet.gif");
}

a.grey {
	color: #333;
	text-decoration: none;
}

a.brown, a.brown:hover {
	color: #472413;
	text-decoration: none;
}

a {
	color: #E17D00;
	text-decoration: none;
}

a:hover {
	color: #900;
	text-decoration: underline;
}

td.error {
	background: #F00;
	color: #FFF;
	font-family: Arial;
	font-weight: bold;
}

hr {
	border: 0;
	height: 1px;
	background: #CCC;
	margin: 0;
	padding: 0;
}

/* ================== */
/* = UTILITIES = */
/* ================== */
img {
	border: none;
	behavior: url("../_js/iepngfix.htc");	
}

input:focus {
	background-color: #FFFAD0;
}

.clearL { clear: left; }
.clearR { clear: right; }