/* 
   by Carl Shaw <admin@puzzlepixies.com>
   (c)2007 PuzzlePixies.com
*/
body{
margin:0;
padding:0;
text-align: center;
font-family: verdana, arial, sans-serif;
}

/* Layout */

#pagewidth{
width: 780px;
text-align:left;
margin-left:auto;
margin-right:auto;
margin-bottom: 20px;
margin-top:10px;
background: #f6efb6 ; 
overflow: hidden;
}

#leftcol{
 /* position:absolute; 
 top: 140px;
 left: 2px; */
 width: 150px;
 margin-top: 20px;
 margin-left: 2px;
 background: transparent;
 float: left;
 position: relative;
 margin-right: 5px;
 font-size: 16pt;
} 

#maincol{ 
 margin-left: 155px;
 margin-right: 20px;
 margin-top: 40px;
 background-color: #f6efb6;
} 

#footer{
 width: 790px;
 height: 36px;
 float: left;
 padding-left: 6px;
 background: url(../images/footer.png) no-repeat;
}

#copyright{
font-size: 12px;
color: #808080;
padding-bottom: 20px;
}

#logo {
 width: 790px;
 height: 110px;
 float: left;
 padding-left: 6px;
 padding-top: 6px;
 background: url(../images/nglogo.png) no-repeat;
}

#ngpicture {
 float: right;
 width:250px;
 height:189px;
}

#clr {
 clear:both;
}

#content {
padding: 0px 0px 0px 0px;
margin-left:10px;
font-size: 14px;
line-height: 22px;
}

/* Menu */

#leftcol div.module {
width: 155px;
background: transparent url(../images/module_middle.jpg) left repeat-y;
margin-bottom: 10px;
}

#leftcol div.module div {
width: 155px;
background: transparent url(../images/module_top.jpg) top left no-repeat;
}

#leftcol div.module div div {
width: 155px;
background: transparent url(../images/module_bottom.jpg)  bottom left no-repeat;
}

#leftcol div.module div div div {
width: 137px;
padding-left: 5px;
padding-right: 10px;
padding-top: 10px;
background: transparent;
padding-bottom: 16px;
}

#leftcol div.module div div div div{
padding: 0px;
margin: 0px;
}

#maincol h2 {
 margin-left: 10px;
 text-decoration: none;
}

div.module h3 {
font-size: 14px;
width: 130px;
font-weight: bold;
margin: 0px;
padding: 0px;
margin-bottom: 5px;
margin-left: 10px;
margin-right: 10px;
color: #005E31;
border-bottom: 1px solid #31005E;
}

#maincol div.moduletable {
width: 100%;
margin-bottom: 10px;
border: 1px solid #EFEFEF;
background: transparent;
font-size: 14px;
}

#maincol div.moduletable h3 {
font-size: 12px;
font-weight: bold;
margin: 0px;
padding: 0px;
height: 20px;
line-height: 20px;
color: #FFF;
width: 100%;
border-bottom: 1px solid #EFEFEF;
text-align: left;
text-indent: 5px;
}

/* Main Menu(s) */

a.mainlevel {
font-size: 14px;
padding-left: 4px;
width: 143px;
display: block;
line-height: 26px;
margin-bottom: 2px;
text-decoration: none;
font-weight: normal;
border-right: 4px solid #00CA00;
voice-family:"\"}\""; /* Box Model fix */
voice-family:inherit;
width: 135px;
color: #000;
}

html>body a.mainlevel {width:135px;} /* Opera5-Fix-fix ;-) */

a.mainlevel:hover, a.mainlevel#active_menu {
background: #00F100;
text-decoration: none;
border-right: 5px solid #008030;
}

/* Main Page Logo */

#windmilllogo {
 margin-top: 10px;
 margin-bottom: 40px;
 margin-right: 40px;
 width: 500px;
 height: 482px;
 background: url(../surround.gif) no-repeat;
 float:right;
}

#windmill {
 position:relative;
 left: 180px;
 top: 160px; 
 background: url(../windmill.gif) no-repeat;
 width: 144px;
 height: 150px;
}

/* CSS required for windmill menu */
.grocery {
position:relative;
top: -108px;
left: 0px;
float:left;
margin: 0; 
padding: 0;
width: 169px;
height: 148px;
overflow:hidden;/* for ie to hide extra height*/	
background: transparent;
}
.grocery a {
overflow:hidden;/* for ie to hide extra height*/
}
.grocery:hover {
background: transparent url(../images/grocery_hi.gif) no-repeat;
}

.organic {
position:relative;
top: -150px;
left: 0px;
float:left;
margin: 0;
padding: 0;
width: 169px;
height: 148px;
overflow:hidden;/* for ie to hide extra height*/
background: transparent;
}
.organic a {
overflow:hidden;/* for ie to hide extra height*/
}
.organic:hover {
background: transparent url(../images/organic_hi.gif) no-repeat;
}

.supplements {
position:relative;
top: -255px;
left: -4px;
float:right;
margin: 0;
padding: 0;
width: 169px;
height: 148px;
overflow:hidden;/* for ie to hide extra height*/
background: transparent;
}
.supplements a {
overflow:hidden;/* for ie to hide extra height*/
}
.supplements:hover {
background: transparent url(../images/supplements_hi.gif) no-repeat;
}

.glutenfree {
position:relative;
top: -10px;
left: 0px;
float:left;
margin: 0;
padding: 0;
width: 169px;
height: 148px;
overflow:hidden;/* for ie to hide extra height*/
background: transparent;
}
.glutenfree a {
overflow:hidden;/* for ie to hide extra height*/
}
.glutenfree:hover {
background: transparent url(../images/nogluten_hi.gif) no-repeat;
}

.contact {
position:relative;
top: -110px;
left: 173px;
float:left;
margin: 0; 
padding: 0;
width: 169px;
height: 148px;
overflow:hidden;/* for ie to hide extra height*/	
background: transparent;
}
.contact a {
overflow:hidden;/* for ie to hide extra height*/
}
.contact:hover {
background: transparent url(../images/contact_hi.gif) no-repeat;
}

.ecoproducts {
position:relative;
top: -160px;
left: 0px;
float:right;
margin: 0;
padding: 0;
width: 169px;
height: 148px;
overflow:hidden;/* for ie to hide extra height*/
background: transparent;
}
.ecoproducts a {
overflow:hidden;/* for ie to hide extra height*/
}
.ecoproducts:hover {
background: transparent url(../images/ecological_hi.gif) no-repeat;
}