/* the main stuff */
body {margin: 0; font-family: Verdana, Helvetica, Arial, sans-serif; background-color: #003918;}

h1,h2,h3,h4 {font-family: Georgia, "Times New Roman", Times, serif; line-height: 130%;} h2,h3,h4 {color: #005a28;}

h1 {margin-left: 0; margin-bottom: 60px; margin-right: 0; margin-top: 0px; font-size: 35px; color: #444;}
h2 {font-size: 20px; margin: 0 0 15px 0;} h3 {font-size: 18px; margin: 15px 0 0 0;} 
h4 {font-size: 17px; margin: 0 0 15px 0;} h5 {font-size: 12px; margin: 0 0 15px 0; color: #444;}

ul {margin: 0; padding: 0 0 0 15px;} li {line-height: 150%;}

a {color: #af0000; font-size: 13px; line-height: 140%; text-decoration: none;} a:hover {color: #af0000; text-decoration: underline;} 
p {font-size: 12px; line-height: 150%; margin: 10px 0 10px 0;}

address {font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; line-height: 150%; margin: 0 0 30px 0;}

/* header */
#header-wrap {background-repeat: repeat-x; height: 265px; background-image: url(images/Epicures-Larder-Header-Repeat.jpg);}
#header-wrap-main {background-repeat: repeat-x; height: 265px; background-image: url(images/Epicures-Larder-Header-Repeat.jpg);}
#header {margin: auto; width: 1009px;}
#logo {float: left;}

/* telephone */
#telephone {float: right; font-family: Georgia, "Times New Roman", Times, serif; font-size: 40px; color: white; padding: 0 25px 0 0; width: 400px; height: 66px; text-align: right;}
.small {font-size: 20px;}

/* navigation */
ul.nav {float: right; clear: both; width: 580px; text-align: left; list-style: none; margin: 0; padding: 0 22px 0 0;}
ul.nav li {float: right; margin: 0 0 0 5px;}
ul.nav li a {display: block; text-decoration: none; padding: 4px 10px;  background-repeat: repeat-x; height: 265px; background-image: url(images/nav-bg.jpg); color: #000; height: 20px; font-size: 11px; border-top: 1px solid #888;}

body#home .epicureshome, body#dairy .epicuresdairy, body#meat .epicuresmeat, body#breeds .epicuresbreeds, body#environment .epicuresenvironment, body#awards .epicuresawards, body#events .epicuresevents, body#stockists .epicuresstockists, body#about .epicuresabout, body#story .epicuresstory, body#contact .epicurescontact  {background-repeat: repeat-x; background-image: url(images/nav-active-bg.jpg); color: #fff; border-top: 1px solid #444;}

ul.nav li a:hover {background-repeat: repeat-x; background-image: url(images/nav-hover-bg.jpg);}


/* side navigation */
.sidelinks {background-color: #f9f8d7; width: 120px; border: 1px solid #bbb; padding: 20px 20px 30px 20px; margin: 0 0 20px 0;}
.sidelinks li {list-style-type: square; margin: 0 0 15px 0; line-height: 100%;} .sidelinks a {display: block;}
.sidebox img {float: left; clear: left; margin: 0 0 10px 0; padding: 5px; border: 1px solid #999; background-color: black;}
.sidebox {float: right; margin: 0px 0 0 50px;}


/* banner quote */
#banner-text {width: 380px; float: left; margin: 25px 0 0 25px;}
#banner-text h1 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 25px; color: #fbbf24; line-height: 130%; margin: 0 0 15px 0;}
#banner-text p {font-size: 13px; color: white; line-height: 120%; margin: 0 0 10px 0;}
#banner-text a {color: #fbbf24; text-decoration: none; font-weight: bold;} #banner-text a:hover {color: #fbbf24; text-decoration: underline;}
#banner-text-main {width: 380px; float: left; margin: 35px 0 0 25px;}
#banner-text-main h1 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 30px; color: #fbbf24; line-height: 130%; margin: 0 0 15px 0;}
#banner-text-main p {font-size: 14px; color: white; line-height: 120%; margin: 0 0 10px 0;}
#banner-text-main a {color: #fbbf24; text-decoration: none; font-weight: bold;} #banner-text a:hover {color: #fbbf24; text-decoration: underline;}



/* banner image */
#banner-image {float: right; border: 1px solid #ccc; margin: 15px 20px 0 0; background-color: #005a28;}


/* content */
#content-wrap {padding: 15px 0 25px 0; background-position: 0px top; background-repeat: repeat-x; background-image: url(images/beige-bg.jpg); background-color: #f9f2bf; width: 100%;}
#content {margin: auto; width: 970px; padding: 0; margin: auto; padding: 15px 0 0 0;}
#badge-wrap {width: 100%; height: 565px;}
.info-block {width: 685px;}
.info-block ul {padding: 0 0 30px 30px; font-size: 13px;} .info-block li {line-height: 300%;}
.events-image  {width: 300px; height: 383px; background-image: url(images/events-bg.jpg); background-position: right top; background-repeat: no-repeat; float: right;}

/* main pages */
#main-wrap {margin: 10px; padding: 40px 35px 65px 35px; width: 900px; margin: auto; background-position: 0px top; background-repeat: repeat-x; background-image: url(images/Epicures-Larder-BG2.jpg); border: 1px solid #c2bb6e; background-color: #fcf9c2;}
#main-wrap img {float: left; clear: left; margin: 0 50px 10px 0; padding: 5px; border: 1px solid #999; background-color: white;}


/* banner badges */
.banner-badge {background-position: 0px top; background-repeat: repeat-x; background-image: url(images/Epicures-Larder-Badge-BG.jpg); float: left; width: 468px; height: 153px; margin: 0 0 10px 0; padding: 5px; border: 1px solid #c2bb6e;}
.banner-badge-right {background-position: 0px top; background-repeat: repeat-x; background-image: url(images/Epicures-Larder-Badge-BG.jpg); float: right; width: 468px; height: 153px; margin: 0 0 10px 0; padding: 5px; border: 1px solid #c2bb6e;}
.banner-badge img, .banner-badge-right img {float: left; padding: 5px; margin: 15px 20px 30px 15px; background-color: white; border: 1px solid #c2bb6e;} .banner-badge a, .banner-badge-right a {display: block;}

/* footer */
#footer-wrap {background-image: url(images/Epicures-Larder-Footer-Repeat.jpg); background-position: 0 top; background-repeat: repeat-x; clear: both; background-color: #005a28; height: 175px; border-top: 2px solid black;}
#footer {margin: auto; width: 1009px; height: 115px; color: white; font-size: 14px;}
#footer-credits {padding: 10px 0 0 30px;}
#footer-credits a {color: white; display: inline; font-size: 14px;} #footer-credits a:hover {color: #d6e4fb;}

/* misc */
.clearfix {display: block; clear: both;}
#cheese-badge {float: right; width: 171px; height: 156px; margin: 4px 20px 0 0;}
#cheese-badge img {border: 0;}
#web-credit {font-size: 12px; margin: 10px 0 0 0; color: #aaa;} #web-credit a {font-size: 12px; margin: 5px 0 0 0; color: #aaa;}
.large {font-size: 26px; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; color: #444;}