/* CSS Document */


body { padding:0px; margin:0px;  background-color:Fuchsia; background:url(../images/background-repeat.jpg) repeat-y;}

#nav-background { position:absolute; top:0px; left:0px; z-index:-2; background:url(../images/nav-background.png) repeat-x; height:58px; width:100%;}

#header-strip {position:absolute; top:px; left:0px; z-index:-3; background-color:#344038; height:300px; width:100%;}
#header {position:relative; background:url(../images/header-background.jpg) no-repeat; z-index:-1; margin:0 auto; width:1000px; height:300px;}

#body-strip {position:absolute; top:275px; left:0px; z-index:-1; background:url(../images/background.png); height:80px; width:100%;}
#body-strip-repeat { top:727px; left:0px; z-index:-1; background:url(../images/background-repeater.jpg); width:100%;}

#farm-background {margin-top:-660px; background:url(../images/farm-background.png); height:660px; width:100%;}

#wrapper { position:relative; width:940px; margin:0 auto; top:0;}

#logo {position:relative; float:left; left:15px; z-index:1;}

#bottles {position:absolute; right:0; top:75px; background:url(../images/bottles.png); height:590px; width:388px; z-index:2;}
#supermarkets {position:absolute; top:600px; right:30px; bottom:0; z-index:3;}
#faqbutton {position:absolute; top:690px; right:60px; bottom:0; z-index:3;}

#chef {position:absolute; background:url(../images/chef.png); bottom:0; right:47px; height:109px; width:203px; float:right; margin:0px; padding:0px;}



#content { position:relative; padding-bottom:60px; padding-left:45px; float:left; width:550px; z-index:1;}
#body-devider { float:left; width:45px;}
#body-sidebar { float:left; width:300px; text-align:center;}
#body-sidebar img { padding-bottom:20px; margin:0 auto; }

#content p { font-family:Georgia, "Times New Roman", Times, serif; line-height:30px; color:#333333; margin-bottom:25px;}
.contactfont { font-family:Georgia, "Times New Roman", Times, serif; color:#333333;}

#content ul { font-family:Georgia, "Times New Roman", Times, serif; line-height:30px; color:#333333; margin-bottom:25px;}

/*** Hyperlink **/

a:link {color:#53665B; text-decoration:underline; font-family:Georgia, "Times New Roman", Times, serif;}
a:visited {color:#53665B; text-decoration:underline; font-family:Georgia, "Times New Roman", Times, serif;}
a:hover {color:#53665B; text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif;}
a:active {color:#333333; text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif;}

a img {border:0px;}

/*** Middle info boxes **/
#content-images { margin:0 auto; width:940px; height:285px;}
#health-benefits {background:url(../images/health-benefits-of-olive-oil.png) top left no-repeat; float:left; margin:0px; height:285px; width:425px;}
#cookbook {background:url(../images/cookbook.png) top left no-repeat; float:left; margin:0px; height:263px; width:241px;}
#recipes-image {background:url(../images/recipes.png) top left no-repeat; float:left; margin:0px; height:284px; width:274px;}

.clear{clear:both}
.float-left{float:left; margin-right:15px}
.float-right{float:right; margin-left:15px}
.float-left-border{ border:3px #53665B Solid; float:left; margin-right:15px; margin-top:10px;}
.float-right-border{ border:3px #53665B Solid; float:right; margin-left:15px;}

#footer { width:940px; margin:0 auto; padding:30px 0px; font-size:11px; font-family:Georgia, "Times New Roman", Times, serif;}

/*** H Tags ***/
h1 {color:#a28b2b; font-size:40px; font-variant:small-caps; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; padding:0px; margin:25px 0px 10px 0px; text-shadow:#000000 1px 1px 1px;}
h2 {color:#1c150b; font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; padding:0px 0px 0px 0px; margin:0px;}
h3 {color:#1c150b; font-size:16px; font-weight:normal; text-transform:uppercase; padding:0px; margin:0px 0px; font-family:Georgia, "Times New Roman", Times, serif;}
h4 {color:#1c150b; font-size:16px; font-weight:normal; padding:0px; margin:0px 0px; font-family:Georgia, "Times New Roman", Times, serif;}

/*** Navigation **/
#nav {float: right; list-style: none; margin: 0; padding: 0;}

#nav ul {margin:0px; padding:0px;}
#nav li {list-style-type:none;	margin:0px; float:left;}

.nav-spacer {background:url(../images/nav/nav-spacer.jpg) 0 0 no-repeat; height:50px; width:2px;}

#home a {background:url(../images/nav/nav-buttons.jpg) 0px 0px no-repeat; height:50px; width:60px; display:block;}
#home a:hover {background-position:0 -50px;}
#about a {background:url(../images/nav/nav-buttons.jpg) -62px 0px no-repeat; height:50px; width:124px; display:block;}
#about a:hover {background-position:-62px -50px;}
#products a {background:url(../images/nav/nav-buttons.jpg) -188px 0px no-repeat; height:50px; width:115px; display:block;}
#products a:hover {background-position:-188px -50px;}
#where a {background:url(../images/nav/nav-buttons.jpg) -305px 0px no-repeat; height:50px; width:109px; display:block;}
#where a:hover {background-position:-305px -50px;}
#promotions a {background:url(../images/nav/nav-buttons.jpg) -416px 0px no-repeat; height:50px; width:99px; display:block;}
#promotions a:hover {background-position:-416px -50px;}
#recipes a {background:url(../images/nav/nav-buttons.jpg) -517px -0px no-repeat; height:50px; width:71px; display:block;}
#recipes a:hover {background-position:-517px -50px;}
#contacts a {background:url(../images/nav/nav-buttons.jpg) -592px 0px no-repeat; height:50px; width:80px; display:block;}
#contacts a:hover {background-position:-592px -50px;}

.submenu {background-color:#a5a283; font-size:11px; display:none; z-index:1000; text-transform:uppercase; text-align:left;}
.submenu ul {padding:0px; margin:0px; list-style:none; border:1px #adb7b1 Solid; border-top:0px;}
.submenu ul li {padding:0px; width:150px; margin:0px 0px 1px 0px; border-top:1px #adb7b1 Solid;}
.submenu ul li a{display:block; padding:7px 7px; color:#FFFFFF; font-weight:normal; margin:0px; background-color:#a5a283; text-decoration:none; font-family:Verdana; font-size:12px;}
.submenu ul li a:hover{background-color:#53665B; margin:0px;}