#wrap   { background-image: url("/images/bgtile.gif"); background-repeat: repeat-y; width: 730px; float: left }
#banner { background-image: url("/images/banner.gif"); background-repeat: no-repeat; width: 730px; height: 325px }
#foot  { font-size: 90%; background-color: #ccc; background-repeat: no-repeat; margin-left: 100px; padding-top: 8px; width: 730px; height: 35px; clear: both }
body   { color: gray; font-size: 80%; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 150%; background-color: #ccc; margin: 0 0 0 25px }
.hide { display: none }
#left    { margin-left: 100px; width: 300px; float: left }
#right  { width: 300px; float: left }

div#menu{width:585px;margin: 0 0 0 100px;  float: left; background-color: #fff; text-align:left}
div#blurb{width:585px;margin: 0 0 0 100px;  float: left; background-color: #fff; text-align:left}
div#nav{width:585px;margin: 20px 0 0 100px;  float: left; background-color: #fff; text-align:left}
div#soc{width:530px;margin: 10px 0 5px 100px;  float: left; background-color: #fff; text-align:left}

dl{width: 100%;overflow: auto;margin: 5px 0 5px 10px;background: url(/images/dots.gif) repeat-x 0 .9em}
dt,dd.price{background: #FFF;font-weight: bold}
dt{float: left;padding-right: 3px;color: #4e5993}
dd{margin:0;background-color: #fff;}
dd.price{float: right;padding-left: 3px;}
dd.ingredients{float: left;width:80%;padding: 0;font-style: italic;}

a { color: #4e5993; text-decoration: none }
a:hover { text-decoration: underline }

#button-fb a,#button-tw a {width: 110px; height: 30px; background: url(../images/lib_soc_sprite_a.png) no-repeat 0 0; margin: 0px!important; padding: 0px!important; display: block; text-indent: -999em; overflow: hidden; font-size: 10px; float: left;}

/*--- Default State---*/

#button-fb a { background-position: -110px 0; }

#button-tw a { background-position: 0 0px; }


/*--- On Hover ---*/

#button-fb a:hover { background-position: -110px -30px; }

#button-tw a:hover { background-position: 0 -30px;}

#gfi {margin: 0px 0px 0px 630px}

#menu h5 {
float:right; clear:right;
margin:0;
padding:0;
font-size:12px;
padding:16px 0 5px 0
}


#menu h3 {
float:left;
width:390px;
padding:16px 0 5px 0;
margin:0;

}


#menu p {
float:left;
padding:0 0 5px 20px;
margin:0;
line-height:120%;
}
.gfipic {
float: right;
margin: 18px 0 0 20px;
}


#nav ul {
list-style:none;
display:inline;
margin:0;
padding:0;


}

#nav li {
display:inline;
margin: 0;

}


#nav li a {
color:#fff;
background-color:#000054;
padding:3px 10px;
text-decoration: none;

border: 1px solid #000054;
padding-top:3px;
}

#nav li a.on {
background-color:#ffffff;
color:#000054;
border-bottom: 1px solid #fff;

}

#nav li a:hover {
background-color:#ffffff;
color:#000054;
border-bottom: 1px solid #fff;

}

#soc h2 {
font-size:16px;
margin: 8px 0 0 0;
display: block;
padding: 0;
font-weight: normal;

}


.boxy {
border: dotted 1px #4e5993;;
padding: 8px 20px 8px 8px;
width: 230px;
}

