/* ---------------------------------------------
Screen Stylesheet for http://www.LeavittandSons.com
Updated:09/09/08 - [JDB] / Ibec Creative
::Lightly Compressed::
-------------------------------------------------
::TOC:: Resets Defaults Typography Template Links Navigation Forms Global Classes
---------------::Resets::--------------------- */
body, address, blockquote, dl, ol, ul, li, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre{margin:0; padding:0}
fieldset, table{border:none}
table{border-collapse:collapse; border-spacing:0; overflow:hidden; word-wrap:break-word;}
caption, th, td{text-align:left}
/* ----------::Defaults::--------------------- */
html{font-size:100.01%; height:101%;}
body{margin:0 auto; height:100%; font:62.5%/1.6 Verdana,Arial,Helvetica,Tahoma,Geneva,sans-serif; background:#bf7502 url(../images/bg.jpg) 0 0 repeat-x; color:#4f4c47}
/* ----------::Typography::------------------- */
address, blockquote, pre{margin:.5em 2em}
address, h1, h2, h3, h4, h5, h6, p, pre{padding:0 10px 10px 0}
h1{padding:0 10px 0 0; line-height:1.4; font-size:16px; color:#eb8023}
h2{padding:0 10px 0 0; line-height:1.4; font-size:12px; color:#4c3613}
h3{padding-bottom:5px; text-transform:uppercase; font:bold 16px 'arial narrow',Arial,Helvetica,Tahoma,Geneva,sans-serif; color:#5e3d0b}
h4{font-size:1.2em}
address, li, p{font-size:13px;color:#333}
pre{font-size:12px}
li{padding:0 50px 10px 20px; background:transparent url(../images/star.gif) 0 4px no-repeat; color:#5d3d0c}
ul{list-style-type:none}
/* ----------::Template::--------------------- */
#wrap, #top, #masthead, #content{width:883px; margin:0 auto}
#top{height:319px}
#masthead{height:281px}
#masthead img#head_img{float:left; width:597px; height:281px; position:relative}
#menu{position:relative; clear:both; height:31px; width:883px; background:#4c3614 url(../images/menubar.jpg) 0 0 repeat-x}
#content{min-height:400px}
#right{float:right; width:599px; min-height:400px; background:#fff url(../images/starbg.gif) right bottom no-repeat}
#right .inner{padding:0 15px}
#left{float:left; width:284px; min-height:400px; background:#f8de4e url(../images/leftbg.jpg) 0 0 repeat-x}
#left #bloglink, #left #boarshead{margin:20px 0 0 18px; padding:0}
#bottombar{clear:both; height:31px; background:#4c3614 url(../images/bottombar.jpg) 0 0 repeat-x}
#footer{height:64px; background:#ecb31f; color:#5e3d0b}
#footer p{margin:0; padding:6px 0 2px; line-height:1; text-align:center; color:#5e3d0b}
/* Img replacement for logo */
#masthead h1{float:left; position:relative; width:286px; height:281px; top:0; left:0; margin:0; padding:0; font-size:10px}
#masthead h1 img{position:absolute; width:286px; height:281px; top:0; left:0; margin:0; padding:0}
/* Img replacement for page header */
#right h2.title{/*position:relative; */width:389px; height:66px;margin:0; padding:0; font-size:10px;/}
#right h2.title span{position:absolute; top:-999em; left:-999em}
#right h2.title img{width:389px; height:66px;margin:0; padding:0}
/* ----------::Links::--------------------- */
a, a:visited{text-decoration:none; color:#eb8023}
a:active, a:focus, a:hover{outline:none; color:#4f4c47}
li a, li a:visited{text-decoration:underline; color:#5d3d0c}
li a:active, li a:focus, li a:hover{text-decoration:underline; color:#eb8023}
a img{border:none}
/* ---------- ::Navigation::--------------------- */
/*::Main Menu::*/
#menu{position:relative; margin-left:0; list-style-type:none}
#menu li{float:left; padding:0; background-image:none}
#menu li a{display:block; width:110px; height:31px; background-position:0 0}
#menu li a span, #menu li a dfn{position:absolute; display:block; top:-999em; left:-999em}
/* Menu buttons --- */
#menu li a#home{width:86px; margin-right:12px; background-image:url(../images/home.gif)}
#menu li a#meals{width:86px; margin-right:8px; background-image:url(../images/meals.gif)}
#menu li a#groceries{margin-right:10px; background-image:url(../images/groceries.gif)}
#menu li a#libations{width:100px; margin-right:17px; background-image:url(../images/libations.gif)}
#menu li a#catering{width:100px; margin-right:18px; background-image:url(../images/catering.gif)}
#menu li a#newsletter{margin-right:16px; background-image:url(../images/newsletter.gif)}
#menu li a#events{width:96px; margin-right:4px; background-image:url(../images/events.gif)}
#menu li a#about{background-image:url(../images/about.gif)}
#menu li a:active, #menu li a:focus, #menu li a:hover, #menu li:hover a, #menu li.hover a{background-position:0 -31px}
	/*child menu*/
	#menu li ul{position:absolute; min-width:8em; top:-999em; left:-999em; z-index:9999}
	#menu li:hover ul, #menu li.hover ul{top:auto; left:auto; background:#f8de4e; border:1px solid #87732c}
	#menu li li{float:none; height:20px; font-size:11px}
	#menu li li a{width:90px; height:20px; padding-left:17px; text-decoration:none; font-size:11px; color:#493515}
	#menu li li a.boars-head-deli{width:180px}
	#menu li li a.customer-testimonials{width:145px}
	#menu li li a:hover{color:#eb8023}
/*::Footer Menu::*/
#footer ul{margin:0 auto; padding:0 0 5px 0; height:15px; text-align:center}
#footer li{padding:0; background-image:none; display:inline; color:#5e3d0b}
#footer li a{text-decoration:none; color:#5e3d0b}
#footer li a:active, #footer li a:focus, #footer li a:hover{color:#332610}
/* ----------::Forms::--------------------- */
label{cursor:pointer}
input, label, select, textarea{vertical-align:middle; line-height:normal; font-size:12px; font-family:inherit}
input, textarea{height:14px; padding:.2em; border:1px solid #bdb8b8; color:#5e3d0b}
input.submit{height:20px; font-size:10px; border:1px solid #654411; background:#fff}
textarea{overflow:auto; height:70px}
/* Newsletter Subscibe Form --- */
#ccoptin{margin:30px 0 0 0; padding:0 0 10px 18px}
#ccoptin label{display:block; padding-bottom:8px; line-height:1; font-size:11px}
#ccoptin label img{position:relative; top:5px}
/* Contact Form --- */
#contactform{margin:0 auto 20px; width:400px}
#contactform div{clear:both; display:block; padding:1em 0; width:400px}
#contactform label, #contactform input, #contactform div.captcha img{display:block; float:left}
#contactform label{padding-right:1em; width:30%}
#contactform input, #contactform textarea{width:60%}
/* Multiple Checkbox, Radio Buttons */
#contactform div div{clear:none; float:right; display:block; padding:0; width:60%}
#contactform div div label{display:inline; float:none; width:60%}
#contactform div div input{display:inline; float:none; width:10%}
#contactform div.captcha img{margin-top:-25px}
#contactform div.captcha input{width:191px}
#contactform div.submit input{width:198px; height:28px}
#contactform .error{color:red}