/* COMMON */

body { background-color:#ffffff; background-image:url(images/background.jpg); background-repeat:repeat-x; font-family:verdana; }
img { border:0px; }
div#layout { width:1000px; }
div#menu { width:171px; height:429px; background:url(images/bg_menu.gif) no-repeat; float:left; }
div#menu .padding { margin-left:-25px; _margin:0px; padding-top:120px; }
div#fairbody { margin-top:-3px;  margin-left:-3px; _margin:0px; float:left; height:424px; width:800px; background:#cdcdcd; }
.shadow { float:left; margin:3px; height:424px; _margin:0px; width:800px; background:#ababab; }
div#fairbody .content { float:left; margin-top:20px; width:100%; }
div#fairbody .content  .text { float:left; text-align:right; font-size:70%; border:2px solid #989898; background:#C4C4C4; width:98%; height:300px; margin-top:10px; }
.left { float:left; }
.right { float:right; }
.clearboth { clear:both }
a { color:#000000; }
.topnav { float:left; text-align:right; width:600px; }
.header { float:left; clear:both; text-align:right; width:700px; background:#ffffff; padding-top:10px; padding-right:5px; height:25px; }
.header h3 { display:inline; }
.secondheader { background:url(images/bg_header.gif) repeat-y; width:384px; font-size:110%; margin-bottom:10px; padding:5px 0px 5px 0px; text-align:left; float:right; }
.textwidth {
	width:400px;
	float:right;
	clear:both;
	_width:385px;
	margin-right:10px;
}

/* INDEX PAGE */

div#fairbody .mainimage { position:absolute; background:url(images/image_main.gif) no-repeat; width:375px; height:424px; float:left; }

/* GROWER PAGE */

div#fairbody .growerimage { position:absolute; background:url(images/image_grower.gif) no-repeat; width:375px; height:424px; float:left; }
.growertextwidth { width:400px; float:right; clear:both; text-align:left; margin-right:5px; }
/* ul.representants { width:330px; border-top:1px solid #989898; font-size:80%; margin-left:10px; *padding-left:30px; list-style-type:none; } */
/* ul.representants li { float:left; text-align:center; width:150px; } */
ul.representants { width:390px; font-size:80%; margin-left:5px; *padding-left:30px; list-style-type:none; }
ul.representants li { float:left; text-align:center; width:180px; }


/* RETAILER PAGE */

div#fairbody .retailerimage { position:absolute; background:url(images/image_retailer.gif) no-repeat; width:375px; height:424px; float:left; }

/* ROASTER PAGE */

.roastertopnav { float:right; text-align:left; width:600px; }
.roasterheader { float:right; clear:both; text-align:left; width:700px; background:#ffffff; padding-top:10px; padding-left:5px; height:25px; }
.roasterheader h3 { display:inline; }
div#fairbody .roasterimage { position:absolute; background:url(images/image_roaster.gif) no-repeat; width:375px; height:424px; float:right; }
div#fairbody .roastercontent { float:left; margin-top:20px; width:100%; }
div#fairbody .roastercontent  .text { float:right; text-align:left; font-size:70%; border:2px solid #989898; background:#C4C4C4; width:98%; height:300px; margin-top:10px; }
.roastertextwidth { width:400px; float:left; clear:both; margin-left:5px; }
.roasterimageright { float:right; margin-right:375px; _margin-right:187px; }

/* WHY PAGE */

.whytopnav { float:left; text-align:left; margin-left:110px; _margin-left:55px; margin-top:10px; }
.whyheader { float:left; clear:both; text-align:left; width:779px; background:#ffffff; padding-top:10px; padding-left:5px; height:25px; }
.whyheader h3 { display:inline; }
div#fairbody .whyimage { background:url(images/image_why.gif) no-repeat; width:290px; height:295px; float:left; }
div#fairbody .whycontent { float:left; margin-top:20px; width:100%; }
div#fairbody .whycontent  .text { float:left; text-align:left; font-size:70%; border:2px solid #989898; background:#C1C1C1; width:98%; height:370px; }
.whytextwidth { width:450px; float:right; border-top:1px solid #989898; margin-top:40px; }

/* CONTACT PAGE */

div#fairbody .whycontent { float:left; margin-top:20px; width:100%; }
div#fairbody .whycontent  .text { float:left; text-align:left; font-size:70%; border:2px solid #989898; background:#C1C1C1; width:98%; height:370px; }
.contacttextwidth { width:100%; float:left; text-align:center; margin-top:10px; }
.textwidthmain { width:50%; margin-left:25%; _margin-left:12%; float:left; text-align:center; }
.textwidthheader { width:60%; float:right; text-align:right; border-bottom:1px solid #989898; padding-right:10px; margin-bottom:10px; }
.textwidthfooter { width:100%; float:left; }
.textwidthfooter .left { text-align:left; width:45%; float:left; }
.textwidthfooter .right { width:45%; text-align:right; float:right; }