/*-----------------------------------------------------------------------------
Main Squeeze style sheet
version:   1.5
author:    Kevin Gamble
website:   http://kevingamble.com/
-----------------------------------------------------------------------------*/


/*	Global styles
-----------------------------------------------------------------------------*/

/* Remove all padding and margin by default */
* {
margin: 0;
padding: 0;
}

body {
background: #FDF2AA url(images/bg_top.gif) repeat-x scroll top left;
font: 85% georgia, trebuchet ms, verdana, arial, sans-serif;
}

a {
color: #3b407a;
}

a:hover {
color: #d2691e;
}


/*	Top banner area
-----------------------------------------------------------------------------*/

#wrapper_top {
width: 720px;
position: relative;
left: 50%;
margin-left: -380px;
padding: 0 20px 0 20px;
background: #F4F4E1 url(images/bg_wrapper_top.gif) repeat-y 0 139px;
}

/* Tan Hack version of Simplified Box Model Hack - forces IE5 to size correctly while leaving IE6 alone */
*html #wrapper_top {
width: 740px;
w\idth: 720px;
}

#masthead {
height: 129px;
background: #354179 url(images/bg_masthead4.jpg) no-repeat top left;
border-bottom: 11px solid #e1e1a6;
}

#masthead h1 {
font-size: 0;
width: 0;
height: 0;
float: left;
visibility: hidden;
}

#masthead p {
color: #fff;
font-size: 0;
width: 0;
height: 0;
float: left;
visibility: hidden;
}

* html #masthead h1 {
display: none;
}

* html #masthead p {
display: none;
}

/* #masthead #phone {
font-weight: bold;
font-size: 125%;
} */


/*	Navigation tabs
-----------------------------------------------------------------------------*/


#nav {
width:100%;
font-size: 12px;
font-weight: 700;
}

#nav ul {
padding: 0 18px 0 0;
list-style:none;
float: right;
display: inline; /* hack to fix IE double margin to right of nav bar */
margin-top: 102px;
}

#nav li {
display:inline;
}

#nav a {
float:left;
background:url("images/tableft.gif") no-repeat left top;
margin-right: 2px;
padding:0 0 0 8px;
text-decoration:none;
}

#nav a span {
float:left;
display:block;
background:url("images/tabright.gif") no-repeat right top;
padding: 6px 14px 6px 5px;
color:#666;
}

#nav a.news {
background:url("images/tableft_news.gif") no-repeat left top;
}

#nav a.news span {
background:url("images/tabright_news.gif") no-repeat right top;
color: #FDF2AA;
}

#homepage #nav a.home,
#menu #nav a.menu,
#catering #nav a.catering,
#about #nav a.about,
#links #nav a.links {
background:url("images/tableft_this.gif") no-repeat left top;
}

#homepage #nav a.home span,
#menu #nav a.menu span,
#catering #nav a.catering span,
#about #nav a.about span,
#links #nav a.links span {
background:url("images/tabright_this.gif") no-repeat right top;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a span {float:none;}
/* End IE5-Mac hack */
#nav a:hover span {
color:#FF9834;
}

#nav a.news:hover span {
color:#FDF2AA;
}

#nav a:hover {
background-position:0% -42px;
}

#nav a:hover span {
background-position:100% -42px;
}


/*	Main page body
-----------------------------------------------------------------------------*/

#wrapper {
width: 720px;
position: relative;
left: 50%;
margin-left: -380px;
padding: 10px 20px 0 20px;
background: #F4F4E1 url(images/bg_wrapper.gif) repeat-y 0 139px;
}

/* Tan Hack version of Simplified Box Model Hack - forces IE5 to size correctly while leaving IE6 alone */
*html #wrapper {
width: 740px;
w\idth: 720px;
}

/* Home page left column - specials */

#homepage #primaryContent {
width: 492px;
float: left;
}

#special {
height: 290px;
}

#special #daily {
width: 354px;
height: 100%;
float: left;
border: 1px solid #d2d27b;
background: #fff url(images/bg_daily.jpg) no-repeat top right;
}

#special #daily h2 {
font-size: 30px;
font-weight: 500;
color: #C54F0F;
padding: 6px 0 0 6px;
letter-spacing: -1px;
}

#special #daily h3 {
font-size: 20px;
font-weight: 500;
color: #aaa;
padding: 0 0 7px 7px;
letter-spacing: -1px;
}

#special #daily p {
font-family: verdana, arial, sans-serif;
font-size: 11px;
padding: 2px 8px 4px 8px;
letter-spacing: -1px;
}

#special #daily p.callahead {
color: #a4b31e;
font-weight: bold;
padding-bottom: 8px;
}

#special span {
font-weight: bold;
}

#special #weekly {
width: 127px;
height: 100%;
float: right;
background: #c54f0f url(images/bg_weekly.jpg) no-repeat bottom center;
text-align: center;
color: #fff;
border: 1px solid #c54f0f;
}

#special #weekly h2 {
font-size: 16px;
font-weight: 700;
color: #FDF2AA;
padding: 6px 0 4px 0;
letter-spacing: -1px;
}

#special #weekly h3 {
font-size: 12px;
font-weight: 700;
margin: 0 26px;
padding: 0 0 8px 0;
border-bottom: 1px solid #ED6318;
letter-spacing: -1px;
}

#special #weekly p {
font-family: verdana, arial, sans-serif;
font-size: /*11px*/ 90%;
padding: 4px 8px 4px 8px;
letter-spacing: -1px;
line-height:1.25em;
}

#special #weekly span {
color: #FDF2AA;
font-weight: bold;
}

/* Two promo images */

#promo1 {
width: 242px;
height: 85px;
float: left;
background: #666;
margin: 9px 0 8px 0;
}

#promo2 {
width: 242px;
height: 85px;
float: right;
background: #666;
margin: 9px 0 8px 0;
}

#promo3 {
width: 242px;
height: 85px;
float: left;
background: #666;
margin: 0 0 8px 0;
}

#promo4 {
width: 242px;
height: 85px;
float: right;
background: #666;
margin: 0 0 8px 0;
}

#promo1 img, #promo2 img, #promo3 img, #promo4 img {
border: none;
}

/* Blurb about the Main Squeeze difference */

#homeblurb {
clear: both;
height: /*126px*/;
background: #eaeac6;
border: 1px solid #d2d27b;
padding:6px;
}

#homeblurb h2 {
font-size: 18px;
font-family: georgia, trebuchet ms, verdana, arial, sans-serif;
color: #C54F0F;
padding: 10px 10px 4px 10px;
}

#homeblurb ul {
margin: 0 0 0 25px;
padding: 0 10px 10px 0;
font-size: 12px;
color: #959531;
list-style-image: url(images/bullet.gif); 
}

#homeblurb li {
line-height: 120%;
}

#homeblurb p {
padding: 0 10px 10px 10px;
color: #C54F0F;
}

/* Home page right column */

#homepage #secondaryContent {
width: 220px;
float: right;
}

/* Squeeze Box area */

#squeezebox {
margin: 0 0 8px 0;
/* height: 221px; */
background: #e1e1a6;
text-align: center;
}

#squeezebox p {
font-size: 11px;
color: #7E7E29;
padding: 8px;
font-family: verdana, arial, sans-serif;
line-height: 110%;
}

#squeezeheader {
background: #959531;
}

#squeezeheader h2 {
font: 21px normal;
font-family: georgia, trebuchet ms, verdana, arial, sans-serif;
color: #FDF2AA;
padding: 4px 0 0 0;
letter-spacing: 0;
}

#squeezeheader p {
font-size: 11px;
padding: 0 0 6px 0;
color: #fff;
}

#squeezebox ul {
margin: 8px 10px 10px 24px;
text-align: left;
font-size: 11px;
font-family: verdana, arial, sans-serif;
list-style-image: url(images/bullet.gif); 
}

#squeezebox ul li {
padding: 2px 0;
}

.smaller {
font-size: 85%;
font-style: italic;
}

#creditfooter img {
margin-bottom: 15px;
}

/* E-newsletter signup */

#signupbox {
background: #cf9847;
height: 124px;
margin: 0 0 8px 0;
}

#signupbox h3 {
padding: 8px 8px 2px 8px;
font-size: 15px;
color: #FDF2AA;
letter-spacing: -1px;
}

#signupbox p {
padding: 0 8px;
line-height: 100%;
}

#signupbox form {
font-size: 75%;
font-family: verdana, arial, sans-serif;
}

#signupbox .email {
font-size: 11px;
border: 1px solid #D2D27B;
background: #F4F4E1;
margin: 6px 4px 2px 8px;
}

#signupbox .submit {
font-size: 11px;
font-family: georgia, verdana, arial, sans-serif;
color: #704F1D;
border: 1px solid #704F1D;
background: #EAEAC6;
margin-bottom: 1px;
}

/*#signupbox label {
color: #FDF2AA;
font-size: 85%;
}*/

#signupbox span {
color: #704F1D;
font-size: 11px;
font-family: georgia;
}

#decoration {
background: url(images/decoration_hp.jpg) no-repeat top left;
height: 120px;
color: #704F1D;
}

#colors {
text-align: center;
}

#colors img {
padding: 12px 0 5px;
border: none;
}

.new {
font-family: verdana, arial, sans-serif;
font-size: 10px;
font-weight: bold;
color: #ff4500;
}


/*	About Us & Links page styles
-----------------------------------------------------------------------------*/

#contactbox {
width: 202px;
float: right;
margin: 0 15px 10px 20px;
background: #eaeac6;
border: 4px solid #fff;
background: #eaeac6 url(images/bg_contactbox.jpg) no-repeat top left;
}

#contactbox h3, #links #primaryContent h3, #calendar #primaryContent h3 {
color: #959531;
font-weight: 500;
letter-spacing: -1px;
font-size: 190%;
}

#contactbox h3 {
padding: 140px 0 10px 18px;
}

#links #primaryContent h3 {
padding: 10px 0 10px 20px;
}

#contactbox p {
margin: 0;
padding: 0 15px 15px 15px;
}

#about #primaryContent h2, #links #primaryContent h2, #calendar #primaryContent h2, #generic #primaryContent h2 {
padding: 10px 0 10px 20px;
font-size: 30px;
font-weight: 500;
color: #C54F0F;
letter-spacing: -1px;
}

#about #primaryContent p, #links #primaryContent p, #calendar #primaryContent h3, #generic #primaryContent p {
padding: 0 15px 15px 20px;
}

#about #primaryContent ul, #links #primaryContent ul, #generic #primaryContent ul {
margin: 0 15px 15px 50px;
}

.leftimg {
margin: 2px 15px 15px 20px;
float: left;
}

#linkbox {
margin-right: 20px;
padding-right: 248px;
background: url(images/bg_linksbox.jpg) no-repeat top right;
}

#calendarbox {
text-align: center;
}


/*	Footer
-----------------------------------------------------------------------------*/

#footer {
clear: both;
padding: 10px 10px 0 5px;
font: 10px verdana;
color: #666;
}

#bottom {
width: 720px;
height: 40px;
position: relative;
left: 50%;
margin-left: -380px;
padding: 0 20px 0 20px;
background: #F4F4E1 url(images/bg_footer.gif) no-repeat bottom left;
}