@charset "UTF-8";
/* CSS Document */

/* GLOBAL SETTINGS */
body { margin:0px; padding:0px; background-image:url(../images/bg_fade.gif); background-repeat:repeat-x; background-color:#470f00; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; color:#4c3226; }

#content { width:960px; }

#content-body { background-image:url(../images/bg_body.png); background-repeat:repeat-y; background-position:top left; width:960px; height:300px; padding-top:20px; padding-bottom:20px; position:static; }

#footer { background-image:url(../images/footer.png); background-repeat:no-repeat; background-position:top left; width:960px; height:80px; position:static; }

a:link { color:#470F00; text-decoration:none; }
a:visited { color:#470F00; text-decoration:none; }
a:active { color:#470F00; text-decoration:underline; font-weight:bold; }
a:hover { color:#470F00; text-decoration:underline; }

/* TYPE TREATMENT */
p { padding:0px; margin-bottom:10px; }

.title { font-size:16px; font-weight:bold; margin:0px; padding:0px; line-height:20px; }


/* HEADER */
#header { background-image:url(../images/header_banner.png); background-position:top center; background-repeat:no-repeat; width:960px; height:390px; z-index:150; }

#logo { background-image:url(../images/logo_505southwestern.png); background-position:top center; background-repeat:no-repeat; width:230px; height:180px; z-index:200; position:relative; float:left; left:60px; top:100px; }


/* NAVIGATION */
#nav { width:960px; height:60px; vertical-align:middle; position:relative; top:278px; left:45px;}

ul#mainNav { list-style:none; margin:0px; padding:0px; float:left; }

#mainNav li { padding:0px; margin:0px 15px 0 0; float:left; }

#mainNav a { border-bottom:none; display:block; height:40px; }

#mainNav .home a, visited, active { background-image:url(../images/mainNav/home_off.png); background-repeat:no-repeat; background-position:top center; width:60px; display:block; }
#mainNav .home a:hover, active { background-image:url(../images/mainNav/home_on.png); background-repeat:no-repeat; display:block; }

#mainNav .about_us a, visited, active { background-image:url(../images/mainNav/about_off.png); background-repeat:no-repeat; background-position:top center; width:90px; display:block; }
#mainNav .about_us a:hover, active { background-image:url(../images/mainNav/about_on.png); background-repeat:no-repeat; display:block; }

#mainNav .products a, visited, active { background-image:url(../images/mainNav/products_off.png); background-repeat:no-repeat; background-position:top center; width:130px; display:block; }
#mainNav .products a:hover, active { background-image:url(../images/mainNav/products_on.png); background-repeat:no-repeat; display:block; }

#mainNav .shop a, visited, active { background-image:url(../images/mainNav/shop_off.png); background-repeat:no-repeat; background-position:top center; width:70px; display:block; }
#mainNav .shop a:hover, active { background-image:url(../images/mainNav/shop_on.png); background-repeat:no-repeat; display:block; }

#mainNav .recipes a, visited, active { background-image:url(../images/mainNav/recipes_off.png); background-repeat:no-repeat; background-position:top center; width:100px; display:block; }
#mainNav .recipes a:hover, active { background-image:url(../images/mainNav/recipes_on.png); background-repeat:no-repeat; display:block; }

#mainNav .faq a, visited, active { background-image:url(../images/mainNav/faq_off.png); background-repeat:no-repeat; background-position:top center; width:70px; display:block; }
#mainNav .faq a:hover, active { background-image:url(../images/mainNav/faq_on.png); background-repeat:no-repeat; display:block; }

#mainNav .contact a, visited, active { background-image:url(../images/mainNav/contact_off.png); background-repeat:no-repeat; background-position:top center; width:140px; display:block; }
#mainNav .contact a:hover, active { background-image:url(../images/mainNav/contact_on.png); background-repeat:no-repeat; display:block; }


/* DINGBATS */
#find505 a { background-image:url(../images/find505.png); background-repeat:no-repeat; background-position:top center; width:200px; height:60px; position:relative; float:right; display:block; top:5px; right:40px; z-index:200; }