@import url('reset.css');

/*------------------Global Styles-------------------*/

html {
	height:100%;
}

body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	text-align:center;
	background-color:#F8F8F8;
	height:100%;	
}

a {
	text-decoration:none;
}

.floatRight {
	float:right;
}

.floatLeft {
	float:left;
}
/*----------------LAYOUT STYLES--------------------*/

.outerWrap {
	width:960px;
	margin:0 auto -80px;
	text-align:left;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

.outerWrap img {
	float:left;
}

.wrapper {
	float:left;
	

}

/*----------------Header Styles--------------------*/

.header {
	overflow:hidden;
	height:185px;
	width:820px;
	background-image:url(../Images/header.jpg);
	background-repeat:no-repeat;
	position:relative;
}

.button {
	background:url(../Images/buttonLeft.jpg) no-repeat left;
	position:absolute;
	right:37px;
	bottom:0;
	height:31px;
}

.button a {
	background:url(../Images/buttonRight.jpg) no-repeat right;
	color:#F8F8F8;
	display:block;
	font-size:1.3em;
	line-height:31px;
	padding: 0 10px;
}

.language {
	position:absolute;
	right:0px;
	top:75px;
}

.language li {
	float:left;
}

.language li a {
	color:#47341a;
	display:block;
	font-size:1.1em;
	padding:0 5px;
	border-right:1px solid #47341a;
}

.language .selected {
	color:#b2aa9f;
}

.language .last {
	border-right:none;
}
/*--------------Navigation Styles------------------*/

.navigation {
	clear:both;
	width:620px;
	overflow:hidden;
	position:absolute;
	bottom:5px;
	left:0;
}

.navigation ul li {
	float:left;
	height:17px;
}

.navigation ul li a {
	color:#7c6355;
	display:block;
	font-family:Georgia, "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:17px;
	font-size:1.4em;
	padding: 0 6px;
	border-right:1px solid #7c6355;
}

.navigation .selected {
	color:#a4620d;
}

.navigation .last {
	border-right:none;
}

/*-------------MainContent Styles------------------*/

.mainContent {
	overflow:hidden;
	padding-top:33px;
	clear:both;
}

/*--leftCol Styles--*/

.leftCol {
	float:left;
	overflow:hidden;
	width:620px;
}

.featuredImage img {
	margin: 0 0 24px 0;
	overflow:hidden;
}
.textBox {
	clear:both;
	font-size:1.2em;
	color:#47341a;
	line-height:1.4;
}

.textBox p {
	margin-bottom:15px;
}

.textBox h2 {
	margin-bottom:15px;
	font-size:1.6em;
}

.twoCols {
	clear:both;
	overflow:hidden;
	margin:20px 0;
}

.twoCols div {
	font-size:1.2em;
	color:#47341a;
	line-height:1.4;
	overflow:hidden;
	width:50%
	
}

.floatLeft p {
	padding-right:15px;
}

.floatRight p {
	padding-left:15px;
}

.graphicText {
	overflow:hidden;
}
/*--rightCol Styles--*/

.rightCol {
	float:left;
	width:160px;
	padding-left:40px;
}

.map img {
	padding-bottom:60px;
}

.sideBox p {
	color:#b2aa9f;
	font-size:1em;
	line-height:1.3;
	margin-bottom:15px;
}

span {
	color:#a57c00;
}

.sideBox a {
	color:#a57c00;
	font-size:1em;
	text-decoration:underline;
}
/*---------------Footer Styles---------------------*/

.footer, .push {
	height:80px;
}

.footer {
	clear:both;
	margin-left:140px;
	color:#b2aa9f;
}

.footer a {
	color:#b2aa9f;
}

.footer .contact {
	border-bottom:1px solid #b2aa9f;
	padding-bottom:15px;
	margin-bottom:5px;
}

.footer ul {
	float:left;
}

.footer ul li {
	height:29px;
	float:left;
}

.footer ul li a {
	font-size:1.1em;
	line-height:29px;
	color:#b2aa9f;
	padding:0 2px;
}

.footer div {
	float:right;
	height:29px;
	line-height:29px;
	font-size:0.8em;
}

.footer div a {
	font-style:italic;
}

.footer div p {
	float:left;
	padding-right:5px;
	font-style:italic;
}

/*-----reservation styles---------*/

h1 {
	clear:both;
	font-size:2.6em;
	color:#47341a;
	border-bottom:1px solid #b2aa9f;
	margin-bottom:20px;
	padding-bottom:10px;
}

.formContainer {
	font-size:1.3em;
	color:#47341a;
	overflow:hidden;
}

.formContainer fieldset {
	margin-bottom:40px;
}

.formContainer label {
	color:#7c6355;
	display:block;
	float:left;
	width:170px;
}

.formContainer legend {
	font-size:1.3em;
	padding-bottom:20px;
}

.formContainer ul li {
	margin-bottom:3px;
	height:20px;
	line-height:20px;
	clear:both;

}

.formContainer .text {
	background-color:#F8F8F8;
	border:1px outset #7c6355;
	margin-right:10px;
	width:210px;
	height:13px;
	float:left;
	
}

.formContainer select {
	float:left;
	margin-right:10px;
}

.formContainer .warning {
	color:#F00;
	height:20px;
	line-height:20px;
}

.spacer {
	margin-left:10px;
}

.formContainer textarea {
	background-color:#F8F8F8;
	border:1px outset #7c6355;
	width:315px;
	height:165px;

}