html {
	min-height: 100%;
	height: auto;
	overflow: hidden;
}

BODY {
	margin: 0;
	padding: 0;
background-color: #D7E4E5;
}

p {font-size: 11pt; font-family: Verdana, sans-serif; letter-spacing: .75pt; color: #333333}
h1, h2, h3, h4, h5, h6 {font-family: Helvetica, Verdana, sans-serif; color: #666}
ul{ text-align: left; list-style-type: none; margin: 10px; padding: 0; font: 10px Verdana, sans-serif; color: #666 }
.category_articles ul li {padding: 0;margin: 0;}
.li_cat {font-weight: bold;}
li { line-height: 100%; }
.zemText, .zemTextarea, .zemSelect, .zemSubmit, .zemContactForm {
font-size: 8pt;
font-family: Verdana;
letter-spacing: .75pt;
color: #333333;
}
.zemContactTextArea {
padding-right: -5px;
}
.zemContactForm {
align: right;
text-align: right;
padding: 0;
margin: 5px 20px 0 -20px;
}

.prod-columns {
margin-top: -10px;
column-count: 3;
column-gap: 20px;
}
.prod-columns li {
font-size: 10px;
line-height: 10px;
}

#top h2 {
position: absolute;
bottom: 0;
margin: 0;
padding: 0;
margin-left: 150px;
font-size: 20px;
font-style: normal;
width: 200px;
text-align: left;
line-height: 90%;
vertical-align: bottom;
}

.headertext {
margin: -38px 0 -9px 0;
padding:0;
text-indent: -5000px; 
height: 47px;
}
#top p {
	color: #666;
	font-size: 12px;
font-weight: normal;
font-style: italic;
font-family: times, serif;
	text-align: right;
	letter-spacing: 125%;
	vertical-align: center;
	position: absolute;
top: 0px;
right: 0px;
background: url(../images/corvina-corner.gif) no-repeat bottom right;
padding: 10px 40px 0 0;
margin: 0 50px 0 0;
height: 30px;
}

.corvina-quote {
color: #666;
font-size: 12px;
font-weight: normal;
font-style: italic;
font-family: times, serif;
letter-spacing: 125%;
}
.corvina-reg {
color: #666;
font-size: 12px;
font-weight: normal;
font-style: normal;
font-family: Verdana;
letter-spacing: 125%;
}

.corvina-small {
color: #666;
font-size: 10px;
font-weight: normal;
font-style: normal;
font-family: Verdana;
letter-spacing: 125%;
}
.corvina-smsm {
color: #666;
font-size: 8px;
font-weight: normal;
font-style: normal;
font-family: Verdana;
letter-spacing: 125%;
}
.corvina-mid {
color: #666;
font-size: 9px;
font-weight: normal;
font-style: normal;
font-family: Verdana;
letter-spacing: 125%;
}
.corvina-bold {
color: #666;
font-size: 14px;
font-weight: bold;
font-style: normal;
font-family: Verdana;
letter-spacing: 125%;
}


A:link {color: #666;text-decoration: none}
A:visited {color: #666;text-decoration: none}
A:hover {color: #cc0000;text-decoration: none}
A:active {color: #666;text-decoration: none}

#container {
	background-color: white;
	position: relative;
	top: 60px;
	margin: 0 auto;
	width: 680px;
	height: 380px;
	border: solid #CC0000 1px;
text-align: center;
}

#top {
	position: relative;
	top: 0;
	left: 0;
	width: 660px;
	height: 40px;
	margin: 0 10px;
	border-bottom: dotted #CCC 2px;
overflow: visible;
}

.topsalmon {
	width: 250px;
	height: 40px;
	margin-left: -10px;
	background: url(../images/salmonhead.gif) no-repeat;
	background-position: -150px -12px;
}

.topegg {
	background: url(../images/egg.jpg) no-repeat;
	background-position: -15px -15px;
}

.green {
	background: url(../images/108.gif) no-repeat;
	background-position: -25px -5px;
}

.notgreen {
	background: url(../images/eggs-in-nest.gif) no-repeat;
	background-position: -10px -15px;
}

.topgrapes {
	width: 250px;
	height: 40px;
	margin-left: -10px;
        _margin-left: -300px;
	background: url(../images/106.gif) no-repeat;
	background-position: -15px -80px;
}

.topmaple {
	width: 250px;
	height: 40px;
	margin-left: -10px;
	background: url(../images/200.gif) no-repeat;
	background-position: -15px -20px;
}

.topeggnest {
	background: url(../images/eggs-in-nest.gif) no-repeat;
	background-position: -10px -15px;
}

.topnest {
	background: url(../images/nest.gif) no-repeat;
	background-position: -10px -35px;
}

.topfeather {
	background: url(../images/feather.gif) no-repeat;
	background-position: 0px -5px;
}
#left {
	position: absolute;
	top: 40px;
	left: 0;
	width: 160px;
	height: 270px;
	margin: 20px 0;
padding-top: 0px;
	border-right: dotted #CCC 2px;
background: url(../images/382.gif) no-repeat bottom;
}

#main {
	position: absolute;
	top: 40px;
	left: 160px;
	width: 500px;
	height: 275px;
	padding: 20px 10px 10px 10px;
}
#main-columns {
	position: absolute;
	top: 40px;
	left: 160px;
	width: 500px;
	height: 285px;
	overflow: auto;
	padding: 20px 10px 0px 0px;
        background: url(../images/379.jpg) no-repeat;
        background-position: 90% 90%;
}

#main-nocolumns {
	position: absolute;
	top: 40px;
	left: 160px;
	width: 500px;
	height: 285px;
	overflow: auto;
	padding: 20px 10px 0px 0px;
        background: url(../images/379.jpg) no-repeat;
        background-position: 90% 90%;
}
#main-nocolumns li{line-height: 15px;
        margin-left: 20px;}
#main-nocolumns h1{line-height: 20px;



        margin-left: 20px;}

#contact {
	position: absolute;
	top: 40px;
	left: 0;
	width: 660px;
	height: 285px;
	overflow: auto;
	padding: 10px;
}

#full {
padding: 4px 10px 0 10px;
	width: auto;
height: auto;
	overflow: auto;
text-align: center;
}

#bottom {
	position: absolute;
	top: 345px;
	left: 0;
	width: 660px;
	height: 40px;
	margin: 0 10px;
	border-top: dotted #CCC 2px;
}

#bottom-nodots {
	position: absolute;
	top: 345px;
	left: 0;
	width: 660px;
	height: 40px;
	margin: 0 10px;
}

.nodots { border-top: none; }

#navbar {
	position: relative;
	top: 10px;
	left: 0;
	margin: 0 auto;
	list-style: none;
	padding: 3px 0;
	font: 12px Verdana, sans-serif;
	list-style-type: none;
	text-align: center;
}

#navbar a:hover, #current {
	color: #CC0000;
}

#navbar a {
	font-size: 11px;
	padding: 5px 5px 7px 5px;
	margin: 0;
}

.nw .nw-link a { color: #CC0000; }
.products-nw .products-link a { color: #CC0000; }
.shows .shows-link a { color: #CC0000; }
.about-nw .about-link a { color: #CC0000; }
.contact-nw .contact-link a { color: #CC0000; }
.canv .canv-link a { color: #CC0000; }
.products-canv .products-link a { color: #CC0000; }
.about-canv .about-link a { color: #CC0000; }
.contact-canv .contact-link a { color: #CC0000; }
.canada .canada-link a { color: #CC0000; }
.products-canada .products-link a { color: #CC0000; }
.about-canada .about-link a { color: #CC0000; }
.contact-canada .contact-link a { color: #CC0000; }

#navbar li {
	display: inline;
}

#left ul {
	text-align: right;
	list-style-type: none;
margin: 0;
	padding: 0 20px 0 0;
	font: 10px Verdana, sans-serif;
}
#left li {
        line-height: 12px;
}
.prod_img {
float: left;
clear: left;
margin-right: 20px;
width: 300px;
height: 275px; 
}
.product {
margin-top: -15px;
align: right;
text-align: right;
}

.product p {
padding-top: 5px;
margin-top: 0;
text-align: left;
font-size: 7.5pt;
font-family: Verdana;
color: #666;
}

.product h3 {
color: #666;
font-family: Verdana;
}

.landingtext {
align: center; 
text-align: center;
margin: 0 130px;
border-bottom: dotted #CCC 2px;
}

.landingtext p {
text-align: center;
font-style: italic;
font-size: 11pt;
font-family: times,serif;
color: #666;
margin: 75px 20px 0 20px;
padding-bottom: 75px;
background: url(../images/153.gif) no-repeat bottom left;
}

/*.landingtext p {
padding:10px;
margin-left:5px;
vertical-align: bottom;
text-align: left;
font-size: 7.5pt;
font-family: Verdana;
color: #666;
background: url(../images/salmonbak.gif) no-repeat;
background-position: 325px 100px;
}*/

.landingcanv {
align: center; 
text-align: center;
}

.landingcanv p {
padding:10px;
margin-left:5px;
vertical-align: bottom;
text-align: left;
font-size: 7.5pt;
font-family: Verdana;
color: #666;
/*background: url(../images/107.gif) no-repeat;
background-position: 300px 0px;*/
}

.productlanding p {
padding:110px 10px 0 10px;
margin-bottom: 0;
margin-left:5px;
vertical-align: bottom;
text-align: left;
color: #666;
font-size: 12px;
font-weight: normal;
font-style: italic;
font-family: times, serif;
letter-spacing: 125%;
/*background: url(../images/152.gif) no-repeat;
background-position: 275px 100px;*/
}
.prodlandingmain {
background: url(../images/corvina-corner.gif) no-repeat;
background-position: 90% 100%;
}

#footer {
margin: 0 auto;
padding-top: 5px;
width:100%;
position: absolute;
top: 450px;
letter-spacing: 200%;
line-height: 110%;
text-align: center;
}
}
#footer p {
text-align: center;
margin: 0;
padding: 0;
letter-spacing: 200%;
color: #666;
}
#footer h5 {
font-weight: bold;
font-size: 9pt;
letter-spacing: 2px;
margin: 0;
}
#footer h6 {
width: 600px;
margin: 0 auto;
font-wight: bold;
font-size: 7pt;
border-bottom: 2px dotted #666;
letter-spacing: 2px;
word-spacing: 5px;
padding-top: 5px;
}
#footer p {
font-size: 7pt;
}
.showme { border: 2px dashed red; }
.person {
float: left;
width: 225px;
padding: 2px 5px;
margin: 0 5px 5px 0; }
.person p { padding: 0; margin: 0; text-align: right; }
.cright { clear: right; }
.cleft { clear: left; }

.divisionsplit {
font-family: Verdana;
font-size: 10pt;
text-align: center;
height: 100%;
}

.divisionsplit h4{
font-family: Verdana;
font-size: 10pt;

text-align: center;
padding: 0;
margin: 0;
}
.divisionsplit h5, .divisionsplit h6 {
padding: 0;
margin: 0;
font-weight: normal;
}

.divisionsplit p {
font-size: 9pt;
}

#container table {padding: 0 20px;}
.divisionsplit img { margin: 10px 0 15px 0; }
.aright { text-align:right; align:right; }
.aleft { text-align:left; align:left; }

input, select, textarea {
background-color: #EEE;
margin: 2px;
padding: 1px 0px 1px 4px;
border: 1px solid #999;
}

.nodots { border: none; }
.contactside {
padding: 0 0 0 10px;
margin: 0 -10px 0 0;
}
.contactside img {
padding: 0;
margin: 0;
}
.contactside p {
font-size: 7pt;
line-height: 12px;
}
.fleft {
float: left;
}
.fright {
float: right;
}
.left {
text-align: left;
padding-left: 10px;
}
.scroll {
overflow: auto;
}

/**
Stylesheet: Slideshow.css
	CSS for Slideshow.

License:
	MIT-style license.

Copyright:
	Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
	
HTML:
	<div class="slideshow">
		<div class="images" />
		<div class="captions" />
		<div class="controller" />
		<div class="thumbnails" />
	</div>
	
Notes:
	These next four rules are set by the Slideshow script.
	You can override any of them with the !important keyword but the slideshow probably will not work as intended.
*/

.slideshow {
	display: block;
	position: relative;
	z-index: 0;
}
.slideshow-images {
	display: block;
	overflow: hidden;
	position: relative;
}		
.slideshow-images img {
	display: block;
	position: absolute;
	z-index: 1;
}		
.slideshow-thumbnails {
	overflow: hidden;
}

/**
HTML:
	<div class="slideshow-images">
		<img />
		<img />
	</div>
	
Notes:
	The images div is where the slides are shown.
	Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/

.slideshow-images {
	height: 275px;
	width: 300px;
}		
.slideshow-images-visible { 
	opacity: 1;
}	
.slideshow-images-prev { 
	opacity: 0; 
}
.slideshow-images-next { 
	opacity: 0; 
}
.slideshow-images img {
	float: left;
	left: 0;
	top: 0;
}	

#bottom-quote p{
float: right;
margin-top: 0;
padding-right: 100px;
text-align: center;
font-style: italic;
font-size: 12pt;
font-family: times,serif;
color: #666;
}