/*
	Designed by: Creative Visual Design
	Website: http://www.creativevisualdesign.com
	Date: March 1, 2010
	Project: Water Grill	

	COLOR PALETTE

	#D1BB60 - DARKEST BROWN
	#DDCC87 - MIDDLE BROWN
	#F4EED7 - LIGHTEST BROWN
*/


/* GLOBAL RESET BEGIN */


/* GLOBAL RESET BEGIN */

applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, body {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img, img, a {
	border: 0;
	outline:none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

/* GLOBAL RESET END */


/* REUSABLE CLASSES BEGIN */

p {
	color:#4E4E4E;
	font-size:1.2em;
	line-height:1.5em;
	margin-bottom:10px;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}

.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

h1 {
	color:#9C161F; 
	font-size:2.2em; 
	font-family:"Copperplate Gothic Bold", "Lucida Sans", Verdana, serif;
	font-weight:bold; 
	padding-bottom:10px;
	text-align:center;
}
  
h2 {
	font-size:1.8em; 
	font-weight:bold; 
	padding-bottom:10px;
}  

h3 {
	font-size:1.5em; 
	font-weight:bold; 
	padding-bottom:10px;
	text-decoration:underline;
}
  
h4 {
	font-size:1.2em; 
	font-weight:bold; 
	padding-bottom:10px;
}  

a, input { outline:none; }

strong, span.strong { font-weight:bold; }
em { font-style:italic; }


/* REUSABLE CLASSES END */


html {
	overflow-y: scroll;
}

body {
	background:#938953;
	color: #000;
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

#container {
	/*border-left: 2px solid #F9EFCB;
	border-right: 2px solid #F9EFCB;
	border-bottom: 2px solid #F9EFCB;*/
	margin: 10px auto;
	text-align: left;
	width: 1000px;
}

#header {
	/*background:url(/images/bg-header.png) #DDCC87 no-repeat;	*/
	/*border-bottom:1px solid #F9EFCB;*/
	display:block;
	height:100px;
	margin-bottom:10px;
	width:1000px;
}

#header img.logo {
	display:block;
	float:left;
	margin:5px 0 0 12px;
}

ul#nav, ul#sub-nav-top {
	background:#C4BC96;
	float:left;
	padding:10px 20px 0 20px;
	width:960px;
}

ul#sub-nav-bottom {
	background:#C4BC96;
	float:left;
	padding:0 20px 10px 20px;
	width:960px;
}

ul#nav li, ul#sub-nav-top li {
	border:1px solid #000;
	display:block;
	float:left;
	height:34px;
	margin-right:6px;
	width:153px;
}

ul#nav li a, ul#sub-nav-top li a  {  
	display:block; 
}

ul#nav a .hover, ul#sub-nav-top a .hover, ul#sub-nav-bottom a .hover {
	display: block;
	opacity: 0;
	position: relative;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

ul#sub-nav-bottom li {
	border:1px solid #000;
	display:block;
	float:left;
	height:34px;
	margin-right:6px;
	width:314px;
}

ul#sub-nav-bottom li a  {  
	display:block; 
}

ul#nav li.last, ul#sub-nav-top li.last, ul#sub-nav-bottom li.last { margin-right:0; }

/* Main Navigation Begin */

a.home {
	background:url(/images/n-home.png) no-repeat;
	height:34px;
	width:153px;
}

a.home:hover {
	background:url(/images/n-home-hover.png) no-repeat;
}

a.menus {
	background:url(/images/n-menus.png) no-repeat;
	height:34px;
	width:153px;
}

a.menus:hover {
	background:url(/images/n-menus-hover.png) no-repeat;
}

a.private-dining {
	background:url(/images/n-private-dining.png) no-repeat;
	height:34px;
	width:153px;
}

a.private-dining:hover {
	background:url(/images/n-private-dining-hover.png) no-repeat;
}

a.reservations {
	background:url(/images/n-reservations.png) no-repeat;
	height:34px;
	width:153px;
}

a.reservations:hover {
	background:url(/images/n-reservations-hover.png) no-repeat;
}

a.about {
	background:url(/images/n-about.png) no-repeat;
	height:34px;
	width:153px;
}

a.about:hover {
	background:url(/images/n-about-hover.png) no-repeat;
}

a.parking {
	background:url(/images/n-parking.png) no-repeat;
	height:34px;
	width:153px;
}

a.parking:hover {
	background:url(/images/n-parking-hover.png) no-repeat;
}

a.contact {
	background:url(/images/n-contact.png) no-repeat;
	height:34px;
	width:153px;
}

a.contact:hover {
	background:url(/images/n-contact-hover.png) no-repeat;
}

/* Main Navigation End */

#page-image {
	background:#C4BC96; /*#79251B;*/
	/*border-top:1px solid #000;
	border-bottom:1px solid #000;*/
	display:block;
	padding:10px 20px 0 20px;
	width:960;
}

	#page-image img, #page-image iframe { 
		background:#fff; 
		border:1px solid #000;
		padding:9px; 
	}

/* Menu Sub Navigation Begin */

a.lunch {
	background:url(/images/n-lunch.png) no-repeat;
	height:34px;
	width:153px;
}

a.lunch:hover {
	background:url(/images/n-lunch-hover.png) no-repeat;
}

a.dinner {
	background:url(/images/n-dinner.png) no-repeat;
	height:34px;
	width:153px;
}

a.dinner:hover {
	background:url(/images/n-dinner-hover.png) no-repeat;
}

a.brunch {
	background:url(/images/n-brunch.png) no-repeat;
	height:34px;
	width:153px;
}

a.brunch:hover {
	background:url(/images/n-brunch-hover.png) no-repeat;
}

a.wine {
	background:url(/images/n-wine.png) no-repeat;
	height:34px;
	width:153px;
}

a.wine:hover {
	background:url(/images/n-wine-hover.png) no-repeat;
}

a.drink {
	background:url(/images/n-drink.png) no-repeat;
	height:34px;
	width:153px;
}

a.drink:hover {
	background:url(/images/n-drink-hover.png) no-repeat;
}

a.dessert {
	background:url(/images/n-dessert.png) no-repeat;
	height:34px;
	width:153px;
}

a.dessert:hover {
	background:url(/images/n-dessert-hover.png) no-repeat;
}

a.specials {
	background:url(/images/n-specials.png) no-repeat;
	height:34px;
	width:153px;
}

a.specials:hover {
	background:url(/images/n-specials-hover.png) no-repeat;
}

/* Menu Sub Navigation End */


/* Privte Events Sub Navigation Begin */

a.menu1 {
	background:url(/images/n-menu1.png) no-repeat;
	height:34px;
	width:153px;
}

a.menu1:hover {
	background:url(/images/n-menu1-hover.png) no-repeat;
}

a.menu2 {
	background:url(/images/n-menu2.png) no-repeat;
	height:34px;
	width:153px;
}

a.menu2:hover {
	background:url(/images/n-menu2-hover.png) no-repeat;
}

a.menu3 {
	background:url(/images/n-menu3.png) no-repeat;
	height:34px;
	width:153px;
}

a.menu3:hover {
	background:url(/images/n-menu3-hover.png) no-repeat;
}

a.menu4 {
	background:url(/images/n-menu4.png) no-repeat;
	height:34px;
	width:153px;
}

a.menu4:hover {
	background:url(/images/n-menu4-hover.png) no-repeat;
}

a.hor {
	background:url(/images/n-hor-doeuvres.png) no-repeat;
	height:34px;
	width:153px;
}

a.hor:hover {
	background:url(/images/n-hor-doeuvres-hover.png) no-repeat;
}

a.bar {
	background:url(/images/n-bar-packages.png) no-repeat;
	height:34px;
	width:153px;
}

a.bar:hover {
	background:url(/images/n-bar-packages-hover.png) no-repeat;
}

/* Privte Events Sub Navigation End */

#sub-page-image {
	float:left;
	width:630px;
}
	
#sub-page-info {
	background:#F4E19D;
	float:left;
	padding:0 10px;
	width:175px;
}

	#sub-page-info img{
		padding-top:10px;
	}

#mainContent { 
	background:#C4BC96;
	/*background:url(/images/bg-mainContent.jpg) repeat-y;	*/
	/*border-top:2px solid #F9EFCB;*/
	padding:10px 20px;
}
					
	#mainContent img.thumb {
		border:1px solid #663333;
		padding:1px;
	}
	
	#mainContent-full {
		background:#fff;
		border:1px solid #000;
		padding:15px;
	}
		
	#mainContent #latest {
		background:#fff;/*FAFAF0;*/
		border:1px solid #000;
		float:left;
		height:180px;
		width:308px;
		/*padding:10px 10px 0 10px;
		width:288px;*/
	}
	
	#mainContent #private-dining {
		background:#fff;/*FAFAF0;*/
		border:1px solid #000;
		float:left;
		margin:0 15px;
		/*padding:10px 10px 0 10px;*/
		height:180px;
		width:308px;
	}
		
		span.private-dining-text p {
			font-weight:bold;
			margin-top:5px;
			text-align:center;
			width:144px;
		}
		
	#mainContent #reservations { 
		background:#fff;/*FAFAF0;*/
		border:1px solid #000;
		float:left;
		height:180px;
		width:308px;
		/*padding:10px 10px 0 10px;
		width:288px;*/
	}
	

	#mainContent .wg-logo { margin:0 390px 10px 390px; }
	#mainContent .ot-logo { margin: 15px 337px 0 337px; }
	
	a:hover img.specials { background:#F4EED7; }
	
		p.menu_item, span.menu_item {
			float:left;
			width:560px;
			font-weight:bold;
			margin:10px 0 5px 20px;
			padding:0;
		}
			
		p.menu_description {
			margin:10px 0 0 20px;
			padding:0 0 0 10px;
			display:block;
			width:725px;
			clear:both;
		}
	
		p.menu_description_italic {
			margin:10px 0 0 20px;
			padding:0 0 0 10px;
			display:block;
			width:725px;
			clear:both;
			font-style:italic;
		}
		
		p.menu_price {
			float:right;
			font-weight:bold;
			margin:10px 40px 0px 20px;
			padding:0;
		}

		p.blank {
			clear:both;
			display:block;
			height:25px;
		}
		
		p.blank-no-description {
			clear:both;
			display:block;
			height:20px;
		}

/* CONTACT FORM BEGIN */

form#contact {
	margin:20px 0 0 0;
}

form label {
	float:left;
	margin:3px 5px;
}

input, textarea {
	padding:5px;
}

#input.sub {
	float: right;
	padding-bottom: 5px;
	margin-top:10px;
}

.LV_validation_message{
    font-weight:bold;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {

}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {

}
/* CONTACT FORM END */
	
#footer {
	background:#F4EED7;
	border-top:1px solid #D1BB60;
	padding: 10px 20px;
}

#footer a img {
	margin:10px auto;
}

#footer #address { float:left; }

#footer a, #footer p { color:#000; }
#footer a:hover { text-decoration:none; }

#footer a.wp-login  { 
	cursor:default; 
	text-decoration:none; 
}

#footer p {
	font-size:1em;
	text-align:center;	
}

#footer p a:hover {
	text-decoration:none;
}

#footer-nav {
	float:left;
	overflow:hidden;
	padding: 10px 10px 0 10px;
	width:640px;
}

#footer-nav ul {
	float:left;
	left:50%;
	margin:0 auto 10px;
	position:relative;
}

#footer-nav ul li {
	border-right:1px solid #000;
	float:left;
	padding:0 7px;
	position:relative;
	right:50%;
	}

#footer-nav ul li.last {
	border-right:none;
}

#footer-nav ul li a {
	font-weight:bold;
}

#footer #credit { 
	float:right; 
	width:150px;	
}
	
	#footer img.credit { padding-top: 5px; }

#footer #social {
	float:left;
	width:150px;
}

	#footer #social img { margin-right:10px; }