/*  
 *  Baytenders Cocktail Catering StyleSheet
 *  www.baytenders.com
 *  Author: Abrahm Coffman (abecoffman.com)
 */


/* Basic Fonts, Colors, and Decoration */
html { font-family: Helvetica, Verdana, Sans-Serif; }
body { background: #000; color: #fff; font-size: .8em; line-height: 1.4em; }
a { text-decoration: none; color: #fff; }
a:hover, a:active { color: #ca7a34; }
img { border: none; }
p { margin: 0; padding: 4px 0; text-align: justify; }
ul { list-style-type: none; list-style-position: outside; margin: 0; padding: 0; }
.title { margin: 15px 0 10px 0; padding: 0; font-size: 1.4em; font-weight: normal; color: #ca7a34; }
.hidden { display: none; }
.left { float: left; margin: 10px 10px 10px 0; }
.right { float: right; margin: 10px 0 10px 10px; }
.orange { color: #ca7a34; }

/* Structural Divs */
#container { position: relative; width: 800px; margin: 20px auto 0 auto; }
#header { position: relative; height: 80px; }
#navigation { float: right; height: 50px; letter-spacing: .1em; }
#content { position: absolute; height: 350px; background: #1A1A1A; }
#footer { padding: 10px 0; font-size: 10px; text-align: center; }

/* Header Styles */
#logo { }
#baytenders { position: absolute; bottom: 0px; left: 0px; z-index: 100; }
#logo_outline { position: absolute; bottom: 40px; left: 80px; z-index: 75; opacity: .4; }
#cocktail_catering { }
#nav { position: absolute; bottom: 9px; right: 0; z-index: 200; padding: 0 0 6px 0; list-style: none; list-style-position: outside; }
#nav li { display: inline; padding: 0 15px; }
#nav h2 { display: inline; font-size: 1.2em; font-weight: normal; }
#nav a { padding: 10px 0; }
#current { color: #ca7a34; }

/* Content Styles */
#splash { position: relative; height: 500px; width: 800px; }
.splashimage { display: none; }
.overlay, .overlayright, .overlayright3, .overlayrighthalf { position: absolute; top: 0; z-index: 50; background: url("../images/graphics/overlay.png") repeat-x; }
.overlay { height: 500px; width: 800px; left: 0; }
.overlayright { height: 500px; width: 500px; left: 0; }
.overlayright3 { height: 500px; width: 300px; left: 0; }
.overlayrighthalf { height: 500px; width: 400px; left: 0; }
#overlayhidden { display: none; }
#main { padding: 15px; }

/* Footer Styles */
#footer img { float: right; }


/*
 *	Individual Page Styles
 *  Index (home), Menu, Services, Buzz, Blog, Behind the Bar, Contact
 */


/* About Styles */
.section { position: absolute; left: 20px; width: 260px; }
#sec1 { padding: 30px 15px; }
.sechead { margin-bottom: 5px; }
.firstword { display: none; font-family: helvetica; font-size: 1.3em; letter-spacing: .1em; color: #fff; }


/* Menu Styles */
#images { float: left; margin-right: 20px; }
#images img { display: block; margin-bottom: 20px; }
#menu { padding: 30px 15px; }
.cocktail { margin-bottom: 20px; text-align: center; }
.cocktail { font-size: 1.1em; }
#name { font-size: 1.6em; color: #ca7a34; }
.short { margin: 6px 0 14px 0; font-style: italic; color: #a7b3d0; }
.long { display: none; margin: 5px 0; text-align: left;	line-height: 1.5em;	text-shadow: #2f2f2f 1px 1px 6px;}
#overlaymenudetail { position: absolute; top: 20px; left: 20px; height: 200px; width: 360px; z-index: 50; }
#menunav { margin-top: 10px; }
#menunav ul { }
#menunav li { display: inline; margin-right: 15px; padding: 0; }
#menunav a { text-transform: uppercase;
	text-shadow: #000 1px 1px 7px;
	opacity: 1;
}

/* Services Styles */
#services { padding: 15px; }
.question { margin-bottom: 10px; }
.question a { font-size: 1.2em; }
.answer div { padding: 0 0 10px 10px; color: #a7b3d0; }

/* Buzz Styles */
#clients {	 }
#left { float: left; margin-right: 25px; }
#middle { float: left; margin-right: 25px; }
#buzz {  }
#scrollup { position: relative; overflow: hidden; height: 130px; }
.headline { position: absolute; top: 140px; height: 125px; }
.cite { margin-top: 10px; color: red; }
#connect a { margin-right: 20px; }

/* Behind the Bar Styles */
#btbframe { padding: 15px; font-size: .9em; }
#btb { height: 470px; overflow-y: scroll; }
#btb p { margin-right: 15px; }
#story { font-size: 1.4em; font-weight: bold; color: #ca7a34; }

/* Contact Styles */
#contact { padding: 15px; }
.sectionhead { margin: 10px 0 0 0; border-bottom: 1px solid white; font-size: 1.4em; }
.sectionbody { padding: 10px 0; }
#quotebutton { margin: 10px 0; }
#button { padding: 5px 8px 2px 8px; background: #3782c2; color: #fff; font-size: 1.5em; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#contact p { font-size: 1.2em; }
#credits { margin-top: 100px; }