/* CSS Document */

body {
	margin: 0px;
	background: #331006;
	background-image: url(../images/background.gif);
	background-position: top center;
	background-repeat: repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	}

.left {
	float: left;
	}

.right {
	float: right;
	}

#siteContainer {
	width: 982px;
	}

#interiorSiteContainer {
	width: 908px;
	border-top: 15px solid #331006;
	}

#flashContainer {
	width: 982px;
	float: left;
	background: #331006;
	}

#headerContainer {
	width: 908px; 
	float: left;
	}

#beltContainer {
	width: 945px;
	float: left;
	padding-left: 37px;
	}

#indexContentContainer {
	width: 945px;
	padding-left: 37px;
	float: left;
	height: 301px;
	background-image: url(../images/boxes.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	}
	
		#indexTopRow {
			width: 945px;
			float: left;
			padding-top: 30px;
			}
			
			#indexLeftBox {
				float: left;
				width: 280px;
				padding-left: 65px;
				height: 160px;
				overflow: hidden;
				}
			
			#indexCenterBox {
				float: left;
				height: 160px;
				width: 180px;
				margin-left: 58px;
				overflow: hidden;
				}
			
			#indexRightBox {
				float: left;
				height: 160px;
				width: 208px;
				margin-left: 50px;
				overflow: hidden;
				}
		
		#indexBottomRow {
			width: 785px;
			float: left;
			padding-left: 60px;
			margin-top: 50px;
			}

#contentContainer {
	width: 904px;
	float: left;
	background: #FFF1C9;
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
	}
	
	#contentLeft {
		width: 180px;
		float: left;
		}
		
		#navContainer {
			width: 180px;
			float: left;
			padding-bottom: 20px;
			}
		
			.navItem {
				width: 160px;
				float: left;
				border-bottom: 1px solid #998067;
				padding-top: 4px; 
				padding-bottom: 4px;
				padding-left: 20px;
				font-family: "Times New Roman", Times, serif;
				color: #762B24;
				font-size: 12px;
				}
				
				.navItem a, .navItem a:visited, navItem a:active {
					color: #762B24;
					text-decoration: none;
					}
				
				.navItem a:hover {
					color: #000000;
					text-decoration: none;
					}
		
		#sidebarPhoto {
			width: 180px;
			float: left;
			padding-top: 20px;
			padding-bottom: 50px;
			}
	
	#contentRight {
		width: 564px;
		padding-left: 100px;
		padding-right: 50px;
		float: left;
		}
		
/***	CONTACT FORM STYLES		***/
				.reservationsMessage {
					background: #990000;
					color: #FFFFFF;
					font-family: Arial, Helvetica, sans-serif;
					padding: 10px;
					font-weight: bold;
					font-size: 13px;
					}

				.reservationsField {
					width: 500px;
					border:  1px solid #999999;
					}

				.reservationsMedium {
					width: 270px;
					border:  1px solid #999999;
					}

				.reservationsShort {
					width: 100px;
					border:  1px solid #999999;
					}

				.reservationsDate {
					width: 60px;
					border:  1px solid #999999;
					background-color: #FFFFFF;
					}

				.reservationsTitle {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
					font-weight: bold;
					color: #000000;
					padding-top: 8px;
					}

				.reservationsText {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
					font-weight: normal;
					color: #000000;
					}

				.reservationsDateWrapper {
					background-color: #E8EBEE;
					padding-left: 15px;
					padding-bottom: 10px;
					border: 1px solid #999999;
					}

				.reservationsButton {
					padding-top: 15px;
					}
					
			#log_res.ajax-loading {
				padding: 20px 0;
				background: url(http://demos.mootools.net/demos/Group/spinner.gif) no-repeat center;
			}
			
			
			.contactNormal {
				width: 470px;
				text-align: center;
				background: #FFFAC9;
				border: 1px solid #331006;
				font: 12px arial;
				color: #331006;
				padding: 15px;
			}
			
			.contactSuccess {
				width: 470px;
				text-align: center;
				background: #BAFFAC;
				border: 1px solid #006600;
				font: 12px arial;
				color: #006600;
				padding: 15px;
			}
			
			.contactError {
				width: 470px;
				text-align: center;
				background: #FF9497;
				border: 1px solid #990000;
				font: 12px arial;
				color: #990000;
				padding: 15px;
			}
/***	END CONTACT FORM STYLES		***/
		

#indexFooterContainer {
	width: 808px;
	padding-left: 86px;
	padding-right: 88px;
	background-image: url(../images/footer.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	float: left;
	padding-top: 15px;
	padding-bottom: 25px;
	}
	
#interiorFooter {
	width: 908px;
	float: left;
	background-image: url(../images/interiorbottom.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	}
	
	#interiorFooterTop {
		width: 838px;
		padding: 45px 20px 40px 60px;
		float: left;
		}
	
	#interiorFooterBottom {
		width: 806px;
		float: left;
		padding: 0px 52px 80px 50px;
		}
	
/******************************* GALLERY ******************************/

.galleryDraw {
	float:left;
	padding:8px 0;
	width:500px;
}
.galleryDraw img {
	border:2px solid #959796;
	float:left;
	margin:0px 8px 8px 0;
	width:80px;
}

#portfolioMain {
	border: 2px solid #8A8A8A;
}

.portfolioRow {
	
	
}
.portfolioItem {
	float: left;
	margin-right: 18px;
	margin-bottom: 5px;
	margin-top: 10px;
}

.portfolioItem img {
	border:2px solid #8A8A8A;
}
.portfolioItemEnd {
	float: left;
	margin-top: 10px;
	
}

.galleryText h2 a{
	text-decoration: none;
	color: #000;
	font-family: Arial;
}

#galleryHeader {
	font-family: Arial;
}

#galleryDescription {
	width: 500px;
	float: left;
	padding-bottom: 20px;
	padding-top: 20px;
	font-family: Arial;
}