/* CSS Document */
/* By Erin Riesland, 2008  */
	
/* body formatting */
	
	body {
	border:none;
	margin:0px;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:.85em;
	color: #333;
	line-height: 1.05em;
	background: white;
	text-align: center;
	}
	
	img {
	border:none;
	}
	
	ul {
	list-style:none;
	margin:0px;
	padding:0px;
	}
	
	li {
	list-style:none;
	margin:2px 0px 0px 0px;
	padding:0px;
	}

	a href span {
	height: 50px;
	width:50px;
	display:block;
	}
	
	h1 {
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:1.2em;
	}
	
	h2 {
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:1.1em;
	line-height:.7em;
	margin:1.5em 0 -.5em 0;
	}
	
	h3 {
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:1.1em;
	line-height:1em;
	display:inline;
	margin:.8em 0 1em 0;
	text-transform:uppercase;
	}
	
	select {
	font-size:10px;
	color:#630;
	}
	
	form {
	border: none;
	font-size: .9em;
	}
	
	textarea {
	border: 1px solid #999;
	font-size: 1.1em;
	padding:5px;
	}

	buttons {
	background-color:red;
	}
	
	
	
/* fonts */	

	a:link {
	text-decoration: none;
	color: #333;
	}
	a:visited {
	color: #333;
	text-decoration: none;
	}
	a:hover {
	text-decoration:underline;
	}
	a:active {
	}

/* main container */

	#mainContainer {
	width: 1024px;
	padding-left: 10px;
	margin: 0 auto;
	text-align: left;
	}
	
	#headerContainer {
	width: 1000px; 
	height: 10px;
	}
	
	#bodyContainer {
	width: 1000px; 
	height: 500px;
	margin:0;
	padding:0;
	border-width: 1px;
	border-style: solid;
	border-color: #333;
	}
	
		#bodyLogo {
		width: 249px;
		height: 500px;
		background: #333;
		}
			#bodyLogoBox {
			padding: 200px 100px 0px 90px;
			}
		
		#bodySlide {
		height: 500px;
		width: 750px;
		float: right;
		border-left-width: 1px;
		border-left-style: solid;
		border-color: #333;
		}
			
			#bodyBox {
			float: left;
			width: 750px;
			height: 500px;
			}
			
				#bodyText {
				float:left;
				width: 345px;
				height: 450px;
				margin:25px 50px 0px 85px;
				}
				
					#heading {
					float: left;
					width: 300px;
					font-size: .8em;
					}			
					#formContact {
					float:left;
					width: 300px;
					height: 350px;
					background: #3c0;
					border: 1px solid #999;
					margin: 10px 20px 0px 0px;
					font-size: 1em;
					}
					#formReservations {
					float:left;
					width: 300px;
					height: 350px;
					background: #9c3;
					border: 1px solid #999;
					margin: 10px 20px 0px 0px;
					font-size: 1em;
					}
					#testimonial {
					float:left;
					width: 240px;
					background: #f90;
					margin: 30px 20px 0px 0px;
					padding: 20px;
					font-size: .75em;
					font-style:italic;
					}
						#signature {
						float: right;
						}
					
						#formEvent {
						width: 250px;
						height: 40px;
						margin: 10px auto 0px auto;
						}
							#formDate {
							float:left;	
							width: 120px;
							}
							#formTime {
							float:left;	
							width:130px;
							}
							#formTime input {
							font-size: .7em;
							}
							
						#formName {
						width: 250px;
						margin: 10px auto 0px auto;
						}
						#formEmail {
						width: 250px;
						margin: 10px auto 0px auto;
						}
					 	#formMessage {
						width: 250px;
						margin: 10px auto 0px auto;

						}
						#antiSpam {
						position:absolute;
						left:-9000px;
						display:none;
						}
						div#submitButton {
						margin: 10px auto 0px auto;
						width:50px;
						}
						#gb_form input.button {
						    margin-left: auto;
						    margin-right: auto;
						    width:50px;
						}
					
				#photoBox {
				float: left;
				width: 200px;
				height: 500px;
	
				}
			

	#footerContainer {
	width: 1000px;
	height: 50px;
	}
	
		#nav {
		font-family: Helvetica, Arial, Verdana, sans-serif;
		font-size: .9em;
		font-weight: thin;
		display: block;
		width: 1000px;
		height: 20px;
		border: none;
		position: relative;
		margin-top: 3px;
		}
			#navWed {
			float: left;
			padding-right: 20px;
			}
				#navWed a:link { 
				color:#333;
				}
				#navWed a:hover { 
				background: #09c;
				text-decoration: none;
				}				
				#navWed a:active { 
				color: black;
				}
				#navWed span{
				background: none;
				}

			#navCre {
			float: left;
			padding-right: 20px;
			}
				#navCre a:link { 
				color:#333;
				}
				#navCre a:hover { 
				background: #0cc;
				text-decoration: none;
				}				
				#navCre a:active { 
				color: black;
				}
				#navCre span{
				background: none;
				}
			#navCon {
			float: left;
			padding-right: 20px;
			}
				#navCon a:link { 
				color:#333;
				}
				#navCon a:hover { 
				background: #3c0;
				text-decoration: none;
				}				
				#navCon a:active { 
				color: black;
				}
				#navCon span{
				background: none;
				}
			#navRes {
			float: left;
			padding-right: 20px;
			}
				#navRes a:link { 
				color:#333;
				}
				#navRes a:hover { 
				background: #9c3;
				text-decoration: none;
				}				
				#navRes a:active { 
				color: black;
				}
				#navRes span{
				background: none;
				}
			#navAbo {
			float: left;
			padding-right: 20px;
			}
				#navAbo a:link { 
				color:#333;
				}
				#navAbo a:hover { 
				background: #f90;
				text-decoration: none;
				}				
				#navAbo a:active { 
				color: black;
				}
				#navAbo span{
				background: none;
				}