/* CSS Document */

/* navigation---------------------------------*/



/* IDs---------------------------------*/

html, body {
margin:0px;
height:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
background:url(../graphics/bg.gif) #404040 top fixed repeat-x;
}


/*#fill{
position:absolute; top:0px; bottom:0px; left:0px; right:0px;
}*/

#container {
margin:0px auto;
width:820px;
background:url(../graphics/contentBG.png) top repeat-y;
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
position:relative; /* needed for footer positioning*/
min-height:100%; /* real browsers */ 
top:0px; /*bottom:0px;*/ 
/*left:20%; 
right:20%;*/
}

#head {
margin:0px auto;
width:800px;
height:134px;
background:url(../graphics/headBG.png) repeat-x;
}

#logo {
margin:0px auto;
width:800px;
height:106px;
background:url(../graphics/logo_header.jpg) no-repeat;
}

#navBar {
margin:0px auto;
width:800px;
height:28px;
background:url(../graphics/navBG.gif) repeat;
}

#news {
margin:0px;
width:200px;
height:auto;
overflow:hidden;
float:right;
background-color:#CCCCCC;
}

#newsHolder {
margin:10px;
}

#content {
margin:0px auto;
width:800px;
}

#leadIn {
margin:10px 10px 20px 10px;
width:580px;
/*height:200px;*/
float:left;
}

#foot {
margin-top:0px;
color:#67a71b;
font-size:13px;
width:780px;
height:auto;
text-align:center;


}

/* classes---------------------------------*/

.product {
margin:20px 10px 20px 10px;
width:350px;
float:left;
}

.productr {
margin:20px 10px 20px 10px;
width:350px;
float:right;
}

ul.quick {float:right; margin:0px 0px 0px 0px;}
ul.quick li.top {list-style:none; font-weight:bold; font-size:16px; color: #67a71b;}
ul.quick li {list-style:disc; margin-right:30px; margin-bottom: 4px;}
.thumb {margin:0px; float:left;}

.clearFloats {
clear:both;
}

.hidden {
margin:0px;
visibility:hidden;
}


/* text formatting---------------------------------*/
h1 {
margin:0px 0px 10px 0px;
font-size:21px;
}
h2 {
margin:0px 0px 10px 0px;
font-size:19px;
}
h3 {
margin:0px 0px 10px 0px;
font-size:18px;
}
h4 {
margin:0px 0px 10px 0px;
font-size:16px;
}
h5 {
margin:0px 0px 10px 0px;
font-size:14px;
}


span {
margin:50px 25px 0px 0px;
font-size:9px;
float:right;
}

.req {
font-size:12px;
font-style:italic;
color:#67a71b;
}


a {color:#000000;}




.clearFloats {clear:both;}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}