/*
	WEB LAYOUT CSS RULES
	www.bubiblomer.com
	by bubi blomer
*/


/* COLOR ORANGE #f6851f */

body { background: #000 url(../images/bgBody.png) no-repeat top left; color: #FFF; font-family: "Lucida Grande", Helvetica, Arial; }
.orange { color: #f6851f; }
.grey { color: #777; }
.white { color: #FFF !important; }
a.grey:hover { color: #f6851f; }
a.video { margin-top: 30px; display: block; }
.noBorder { border: none !important; }
.noDecoration { text-decoration: none; }

.intro { width: 171px; margin: 250px auto 0 auto; }
.intro a { text-decoration: none; }
h1.logo { text-indent: -9999px; width: 171px; height: 100px; background: url(../images/level-logo.png) no-repeat 9px 0; cursor: pointer; display: block; }

#header { margin-bottom: 30px; }
#header h1.logo { margin: 30px 0 0 396px; }

#header .nav {list-style: none; margin: 30px 0 0 0; padding: 0 0 0 120px;}
#header .nav li { float: left; margin: 0 10px;  }
#header .nav li a { color: #f6851f; text-decoration: none; font-size: 1.6em; }
#header .nav li a:hover, #header .nav li a.active:hover { color: #FFF; }
#header .nav li a.active { color: #777; }

#body { clear: both; padding: 0 200px; }
#body h2 { font-weight: bold; color: #f6851f; font-size: 1.2em; }
#body .home { }
#body .photos a { margin-left: 10px; display: block; float: left; }
#body .photos a.first { margin: 0; }

#body .menuTable tr.title td { border-bottom: 1px solid #222; padding-top: 15px; }
#body .menuTable tr.title td.price { text-align: center; }
#body .menuTable td.title { color: #f6851f; font-weight: bold; }
#body .menuTable td.food span { font-size: smaller; color: #777; }
#body .menuTable td.price { width: 50px; }

#body .cocktailGroup { width: 164px; min-height: 185px; float: left; margin: 0 0 10px 10px; padding: 10px; }
#body .cocktailGroup.first { margin-left: 0; }
#body .cocktailGroup ul { list-style: none; margin: 0; }
#body .cocktailGroup ul li { padding-left: 5px; border-bottom: 1px solid #888; }

#body .contactInfo { text-align: center; }
#body .contactInfo * { margin: 0; }
#body .contactInfo a { text-decoration: none; }
iframe.googleMaps { margin: 30px 0 0 20px; }
.home.slider { margin-top: 30px; }

form.inline {  }
form.inline label { display: block; width: 250px; text-align: center; margin: 0 auto; line-height: 1;}
form.inline p { margin-bottom: 10px; }
form.inline input.text, textarea { width: 250px; }
form.inline select  { width: 260px; padding: 5px; }
form.inline textarea  { height: 100px; }
span.ui-state-error { color: #f6851f; margin-left: 5px; display: block; }
input.ui-state-error, select.ui-state-error { border: 1px solid #f6851f; }

#footer { border-top: 1px solid #222; margin-top: 15px; padding-top: 15px; color: #777; }
#footer a { color: #FFF; text-decoration: none; font-size: smaller; }
#footer { line-height: 1.5; }
