* { margin: 0; padding: 0; }

body {
	background: #4b7bb1 url(/images/bkg.jpg) top repeat-x;
	border-top: 1px solid #326889;
	font-family: Helvetica, Tahoma, Arial, Serif;
}
body#index, body#training { background: #000000 url(/images/bkg-index.jpg) top repeat-x; }

#container {
	background: transparent url(/images/wave-bkg.jpg) top center no-repeat;
	border-top: 17px solid #000;
}

.container {
	width: 950px;
	margin: 0 auto;
	position: relative;
}

#header {
	position: relative;	
	border-top: 1px solid #5181a4;
}
#header .container { padding-top: 180px; }

#header h1 { position: absolute; top: 0px; left: 24px; }
#header h1 a {
	display: block;
	height: 179px;
	width: 252px;
	background: url(/images/logo.jpg) no-repeat;
}
#header h1 a span { display: none; }

#header ul#menu {
	list-style: none;
	position: absolute;
	top: 136px;
	right: 16px;
	height: 40px;
	background: url(/images/menu-bkg.jpg) right no-repeat;
	padding-left: 50px;
}
#header ul#menu li {
	float: left;
	padding: 10px 0;
}
#header ul#menu li a {
	display: block;
	line-height: 20px;
	font-size: 10pt;
	color: #fff;
	text-decoration: none;
	padding: 0px 15px;
	border-left: 1px solid #587597;
	border-right: 1px solid #34495d;
}
#header ul#menu li a.first { border-left: none; }
#header ul#menu li a.last { border-right: none; }
#header ul#menu li a:hover { text-decoration: underline; }

#header ul#location {
	position: absolute;
	bottom: 55px;
	right: 20px;
	list-style: none;
	text-align: right;
}
#header ul#location li, #header ul#location li a {
	color: #209dd8;
	font-size: 9pt;
	padding: 2px 0;
}

#contentContainer {
	
}

#contentContainer .banner {
	display: block;
	margin: 0 auto 20px auto;
	padding: 18px;
	background: url(/images/banner-bkg.png) center no-repeat;
}

#index #homeImages, #training #homeImages {
	width: 925px;
	height: 480px;
	display: block;
	background: #fff;
	position: relative;
}
#training #homeImages { height: auto; }

#index #contentContainer .banner, #training #contentContainer .banner {
	display: block;
	margin: 15px auto 20px auto;
	border: 7px solid #000;
	padding: 0; 
	background: none;
}
#training #contentContainer .banner { padding: 10px; background: #000; color: #fff; }
#training #contentContainer .banner ul { margin: 15px 15px 15px 50px; }
#training #contentContainer .banner ul a { color: #fff; }
#training #contentContainer .banner p { margin: 15px 0 30px 0; }
#training #contentContainer .banner #video { display: block; width: 100%; text-align: center; margin: 10px auto; }



#content {
	padding-left: 234px;
	padding-right: 17px;
}

#content h2 {
	color: #050d17;
	font-style: italic;
	font-size: 14pt;
}

#content h2.plainBlue {
	background: none;
	font-size: 17pt;
	color: #1c3149;
	font-style: italic;
}

#content h4 {
	color: #122c50;
}

#content p {
	font-size: 11pt;
	line-height: 130%;
	margin-bottom: 15px;
	color: #fff;
}

#content p.first {
	text-indent: 40px;
}

#content p.first:first-letter {
	font-weight: bold;
	font-size: 12pt;
	letter-spacing: 2px;
}

#content p.blue1 {
	color: #03366a;
	margin-bottom: 0;
	font-size: 12pt;
}

#content p.blue2 { font-size: 14pt; }

#content ul {
	margin-left: 75px;
	margin-bottom: 20px;
	font-size: 10pt;
}
#content ul li { padding: 2px 0; }
#content ul.top li { margin-left: 190px; }
#content ul.bottom li { margin-left: 240px; }
#content ul.em { font-style: italic; }

#content blockquote {
	padding-left: 65px;
	background: url(/images/blockquote-bkg.png) left top no-repeat;
	font-size: 10pt;
	color: #fff;
	margin: 10px 10px 10px 50px;
	line-height: 140%;
}
#content blockquote em { font-size: 8pt; color: #1c1e1f; }
#content blockquote strong { font-size: 10pt; }

table td { padding: 5px; }
table strong {
	color: #0a1d31;
}

#sidebar {
	width: 200px;
	float: left;
	margin: 0 17px;
}                  

#sidebar h3, #sidebar ul, #sidebar p {
	color: #22466a;
	background: #f9fbfc;
}          

#sidebar h3 { display: block; margin: 0 16px 0 0; width: 184px; padding-top: 10px; background-position: bottom; background-repeat: no-repeat; }
#sidebar h3 span { display: none; }

#sidebar h3#upstairs, #sidebar h3#indoorBar, #sidebar h3#outdoorBar { background-image: url(/images/submenu-upstairs.jpg); height: 52px; }
#sidebar h3#about, #sidebar h3#history, #sidebar h3#staff, #sidebar h3#weSellIce, #sidebar h3#links, #sidebar h3#reviews { background-image: url(/images/submenu-about.jpg); height: 52px; }
#sidebar h3#employment { background-image: url(/images/submenu-employment.jpg); height: 52px; }
#sidebar h3#menus { background-image: url(/images/submenu-menus.jpg); height: 52px; }
#sidebar h3#snackBar { background-image: url(/images/submenu-snackBar.jpg); height: 52px; }
#sidebar h3#store { background-image: url(/images/submenu-store.jpg); height: 52px; }
#sidebar h3#gallery { background-image: url(/images/submenu-gallery.jpg); height: 54px; }
#sidebar h3#contact { background-image: url(/images/submenu-contact.jpg); height: 52px; }

#sidebar ul { list-style: none; margin: 0 16px 0 0; background: #f9fbfc url(/images/submenu-dashes.jpg) center bottom no-repeat; padding: 0px 10px 10px; text-align: right; }
#sidebar li { margin: 0; padding: 0; font-size: 10pt; }
#sidebar li a { text-decoration: none; padding: 3px 0; display: block; }
#sidebar li a:hover {text-decoration: underline; }
#sidebar li a.active { font-weight: bold; border-bottom: 1px solid #e2e9ec; }
#sidebar li a.active:hover { text-decoration: none; cursor: default; }

#sidebar .inSubMenu { display: block; margin: 0 16px 0 0; background: #f9fbfc; }

#sidebar p { text-align: center; font-size: 8pt; padding: 16px 0 6px 0; }
#sidebar p a { text-decoration: none; }
#sidebar p a:hover { text-decoration: underline; }

#sidebar #menuBottom { display: block; width: 184px; height: 20px; background: url(/images/submenu-bottom.png) top no-repeat; margin-bottom: 20px; }

#menuBody {
	background: #fff;
	width: 695px;
	margin-left: 235px;
}
                     
#menuBody h3, #menuBody p { color: #22466a; }

#footer {
	border-top: 2px solid #75a7d0;
	background: #040404;
	font-size: 10pt;
	padding: 10px 0 40px;
	margin-top: 10px;
	clear: both;
}

#index #footer { border-top: none; background: #000; margin-top: 30px; }
#training #footer { border-top: none; background: #000; margin-top: 30px; }

#footer p {	color: #fff; line-height: 140%; }
#footer ul { color: #057aad; list-style: none; line-height: 140%; }
#footer a { color: #057aad; }
#footer a:hover { text-decoration: none; }
#footer .floatr * { text-align: right; }
#footer .floatr a { color: #fff; text-decoration: underline; }
#footer .floatr a:hover { text-decoration: none; }
#footer #idf { margin-bottom: 4px; }
#footer #idf a { padding-left: 25px; padding: 3px 0 3px 25px; background: url(/images/idf-symbol.jpg) left center no-repeat; color: #3c769b; text-decoration: none; }
#footer #idf a:hover { text-decoration: underline; }

.hr { background: #75a7d0; height: 2px; border: 1px solid #75a7d0; margin: 15px 30px; padding-left: 200px; }
.hr hr { display: none; }
#contentContainer a, #contentContainer a:visited, #contentContainer a:active { color: #03366a; }
#content a:hover { text-decoration: none; }
a img { border: none; }

#content h3 { color: #03366a; }
#content h3.bkg { color: #fff; background: url(/images/h2-bkg.png) left repeat-y; padding: 6px; margin-bottom: 8px; }

.floatl { float: left; padding-left: 10px; }
.floatr { float: right; padding-right: 10px; } 
.clearl { clear: left; }
.clearr { clear: right; }
.clear { clear: both; }
.centered { display: block; margin: 0 auto; text-align: center }
img.floatl { margin: 0 10px 10px 0; }
img.floatr { margin: 0 0 10px 10px; }
ul.centered li { text-align: center; }

.sig_list {
	margin: 10px 0 30px;
	padding-left: 30px;
}
.sig_list img {
	margin-right: 20px;
	border: 4px solid #2b2e2f;
}
.sig_list h3, .sig_list p { color: #fff; font-style: italic;  }
.sig_list h3 { font-size: 12pt; }
.sig_list h2 span { display: none; }
.sig_list p { font-size: 10pt; }





#content .notice { padding: 10px; background: #7b9bbf; display: block; margin-bottom: 15px; }
#content .notice h3 { color: #03366a; font-style: italic; }
#content .notice p { color: #fff; font-weight: bold; font-style: italic; padding-left: 40px; }


/* Page Specific Styles */

/* Index Page */
#home #header ul { display: none; }
#home #content ul { list-style: none; margin: 10px 0 40px; }
#home #content ul li { float: left; }
#home #content ul li a { display: inline-block; }
#home #content ul li a span { display: none; }

#home #content a#one { width: 366px; height: 288px; background: url(/images/index1.png) no-repeat; margin-top: 4px; }
#home #content a#two { width: 340px; height: 292px; background: url(/images/index2.png) no-repeat; }
#home #content a#three { width: 214px; height: 287px; background: url(/images/index3.png) no-repeat; margin-top: 5px; } 

/* Upstairs */

#sig_dishes h2 {
	width: 654px;
	height: 75px;
	display: inline-block;
	background: url(/images/sig-dishes.png) no-repeat;
}
#upstairs #content h4 { margin-left: 50px; font-size: 11pt; font-style: italic; }
#upstairsPhoto1 { padding-top: 3px; padding-bottom: 15px; }
#upstairsPhoto2 { position: relative; top: 4px; margin-left: 10px; }



/* Indoor Bar */
.sig_list .item { position: relative; }
#sig_drinks h2 {
	width: 675px;
	height: 75px;
	display: inline-block;
	background: url(/images/sig-drinks.png) no-repeat;
}
#sig_wines h2 {
	width: 675px;
	height: 72px;
	display: inline-block;
	background: url(/images/sig-wines.png) no-repeat;
}
.sig_list .item img {
	position: relative;
}
.sig_list .item h3 {
	position: absolute;
	top: 10px;
	left: 100px;
}
.sig_list .item p {
	position: absolute;
	top: 30px;
	left: 100px;
}




/* We Sell Ice */
#weSellIce #content h2 { color: #fff; margin-bottom: 10px; font-size: 17pt; }
#weSellIce #content h2 span { font-weight: normal; font-size: 14pt; }



/* Links */
#links #content h2 { color: #fff; font-weight: normal; margin-bottom: 10px; }
#links #content h2 span { font-weight: bold; font-size: 17pt; }
#links #content h3 { font-size: 14pt; margin: 5px 0 0; }


/* Employment */
#employment #content h2 { color: #fff; margin-bottom: 10px; font-size: 17pt; }
#employment #application { background: #f9fbfc url(/images/bkg-app-top.png) top center no-repeat; padding: 170px 10px 10px; }
#employment #application * { color: #000; }

/* Employment Application */
#employment #application p { position: relative; }
#employment #application fieldset { border: 1px solid #336699; background: #eee url(/images/bkg-app-fieldset.jpg) left repeat-y; position: relative; padding: 10px; margin-bottom: 30px; }
#employment #application legend { padding: 0 20px; margin-left: -10px; font-size: 14pt; font-weight: bold; color: #326297; }

#employment #application label { margin-right: 6px; }
#employment #application input[type="text"] { width: 145px; }
#employment #application textarea { width: 450px; margin-bottom: 20px; }
#employment #application input[type="text"], #application textarea { font-size: 10pt; padding: 3px; margin-right: 10px; }
#employment #application input[type="radio"] { margin-left: 20px; }

#employment #application fieldset#general_questions input[type="text"], #employment #application fieldset#employment_questions input[type="text"] { width: 250px; }


#employment #application input#middle_initial, #employment #application input#age, #employment #application input#state, #employment #application input#state_1, #employment #application input#state_2, #employment #application input#state_3 { width: 30px; text-align: center; }
#employment #application input#zip { width: 60px; text-align: center; }
#employment #application input#address { width: 366px; }
#employment #application #address, #employment #application #city, #employment #application #country { position: absolute; left: 75px; }
#employment label[for="state"] { margin-left: 215px; }
#employment #application input#social_network_link { width: 360px; }


#employment #application fieldset#final { background: none; border: none; }
#employment #application #digital_signature { float: left; margin: 0 0 0 -20px; }
#employment #application p.finalStatement { padding: 10px 10px 10px 25px; line-height: 140%; background: #eee; text-align: justify; }
#employment #application label#finalStatement { cursor: pointer; display: block; }

#employment #application input[type="submit"] { font-size: 10pt; padding: 3px; }


/* Menus */
#menus #content #theMenu { background: #f9fbfc; padding: 17px; }
#menus #content #theMenu.menuHome { background: none; padding: 0px; }
#menus #content #theMenu h2 { font-style: normal; font-size: 15pt; margin: 5px 0 10px 0; }
#menus #content #theMenu h3 { font-size: 11pt; }
#menus #content #theMenu p { font-style: italic; color: #22466a; font-size: 10pt; margin-bottom: 15px; }
#menus #content #theMenu img { margin-bottom: 10px; }
#menus #content #theMenu #loading { display: block; position: relative; height: 70px; width: auto; margin: 100px auto; background: #f9fbfc url(/images/loading.gif) center no-repeat; }
#menus #content #theMenu p.beer { font-style: normal; margin-bottom: 3px; display: inline-block; width: 200px;}
#menus #sidebar ul li { margin-bottom: 10px; font-size: 11pt; padding-top: 10px; }
{!-- #menus #sidebar ul li a { border-bottom: 3px solid #dde2eb; } --}
#menus #sidebar ul ul { background: none; margin: 0; padding: 0; }
#menus #sidebar ul ul li { font-size: 9pt; margin-bottom: 0; padding: 0; }
#menus #sidebar ul ul li a { border: none; }



/* Snack Bar */
#snackBar #content { background: url(/images/bkg-snack-bar.png) 770px 70px no-repeat; }
#snackBar #content img { margin-bottom: 30px; }
#snackBar #content .narrow { width: 540px; }
#snackBar #content strong { font-size: 14pt; }


/* Reviews */

#reviews #content blockquote {
	padding-left: 65px;
	background: url(/images/blockquote-bkg.png) left top no-repeat;
	font-size: 10pt;
	color: #fff;
	margin: 10px 10px 10px 0px;
	line-height: 140%;
}



/* Store */
#store #content h2, #store #content h4 {
	color: #fff;
	margin: 0;
}

#store #content h4 {
	padding-bottom: 10px;
	margin-bottom: 30px;
	font-size: 10pt;
	font-weight: normal;
	font-style: italic;
	border-bottom: 2px solid #2c4867;
}




/* Gallery & Store */
#gallery #content .gallery-img, #store #content .item-img {
	margin: 0 6px 20px 6px;
	float: left;
}
#store #content .item-img { width: 205px; }
#store #content .item-img h3 {
	text-align: center;
	font-size: 12pt;
	color: #2b2e31;
	font-style: italic;
	margin-bottom: 4px
}
#gallery #content .gallery-img p.title, #store #content .item-img p {
	text-align: center;
	font-size: 11px;
}
#store #content .item-img p { font-size: 13px; }

#gallery #content .gallery-img img{
	padding: 10px;
	background: url(/images/bkg-gallery-img.png) center no-repeat;
}
#store #content .item-img img {
	border: 5px solid #fff; 
	display: block;
	margin: 0 auto 10px auto;
}
#gallery #content .breadcrumb, #store #content .breadcrumb {
	background: #f9fbfc;
	padding: 8px;
	margin-bottom: 15px;
}
#gallery #content .breadcrumb p, #store #content .breadcrumb p {
	font-size: 11px;
	color: #000;
	margin: 0;
}




/* Contact */
#contact #sidebar * { text-align: center; }
#contact #sidebar p { margin: 0 16px 0 0; background: #f9fbfc; }
#contact form { margin: 15px 0; }
#contact form.contactForm input{
	border: 1px solid #9d9d9d;
	background: #fff url(/images/input-bg.gif) no-repeat left top;
	padding: 3px;
	font: normal 12pt/140% Tahoma, Arial, Serif;
}
#contact form.contactForm input[type="text"] { width: 300px; }
#contact form.contactForm textarea{
	height: 230px;
	width: 550px;
	padding: 3px;
	background: #fff url(/images/input-bg.gif) no-repeat left top;
	border: 1px solid #9d9d9d;
	font: normal 12pt/140% Tahoma, Arial, Serif;
}
#contact form.contactForm fieldset{ margin-bottom: 10px; border: 0px; }
#contact form.contactForm legend{
	padding: 0 8px;
	font-size: 13pt;
	margin-bottom: 4px;
	font-weight: bold;
	color: #000;
}
#contact form.contactForm label{
	padding: 3px;
	float: left;
	font-size: 12pt;
	width: 200px;
	line-height: 1.8;
	vertical-align: top;
}
#contact form.contactForm fieldset ol{ margin: 0; padding: 0; }
#contact form.contactForm fieldset li{ clear: both; list-style: none; padding: 5px; margin: 0; }
#contact form.contactForm fieldset fieldset{ border: none; margin: 3px 0 0; }
#contact form.contactForm fieldset fieldset legend{ padding: 0 0 5px; font-weight: normal; }
#contact form.contactForm fieldset fieldset label{ display: block; width: auto; }
#contact form.contactForm em{ font-weight:bold; font-style: normal; color: #f00; }
#contact form.contactForm label{ width: 120px; }
#contact form.contactForm fieldset fieldset label{ margin-left: 123px; }

#contact img#map { margin: 0 auto; border: 6px solid #336699; display: block; }


/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}