/* CSS Document */

body {
	font: 11px/150% Arial, "Lucida Grande", Verdana, sans-serif;
	text-align:center;
	margin:35px;
	padding:0;
	color:black;
	background: #7f838b;
	background-image: url(images/wave4.gif)
	}
	

h1  {text-shadow: 2px 2px 2px #fff589; color: #cf9110; font: 20px/140% Arial, Helvetica, sans-serif;}
h2  {color: #91650b; font-size: 13px; font-family: Arial, Helvetica, sans-serif;}
h3  {color: #e4ad12; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
h4  {color: black; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
h5  {
	color: #fff589; 
	font-size: 10px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	margin-top: 0px; 
	margin-bottom: 0px;
	}
	
a   {color: #996600; text-decoration: underline;  }
a:hover   { color: white;   text-decoration: none; background-color: black;  }

em { font-weight: bold; font-stretch: normal; font-style: italic;}

table p {font: 12px/140% Arial, "Lucida Grande", Verdana, sans-serif; color: white;}	
table {clear: left; border: 1px solid black;}

table a {font: 13px/140% Arial, "Lucida Grande", Verdana, sans-serif; color: #fffaa4;}		

#container{
	position:relative;
	text-align:left;
	width:100%;
	border: 3px solid #fff589;
	}
	



#masthead  {
	height: 105px; 
	background: black url(images/header.jpg) repeat-x top left; 
	position: relative; left:0px; top:0px;
	border-bottom: 3px solid #fff589
	}
#masthead ul	{ margin: 0px; padding: 0px 5px; list-style-type: none; }
#masthead li	{ display: inline; padding: 0px 8px;}
#nav  { position: absolute;	top: 88px; left: 210px; text-align: right; 	text-transform: uppercase;}
#nav a {color: #efcf44; text-decoration: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold;  }
#nav a:hover  {color: white; text-decoration: none;  }



#content {
	background-color: white;
	background-image: url(images/homeback2.jpg);
	background-repeat: repeat-y;
	background-position: top right;
	}
#content2 {
	background-color: white;
	}
		
	
#contentProducts {
	background-color: white;
	background-image: url(images/homebackR.jpg);
	background-repeat: repeat-y;
	background-position: top left;
	}
		
#maincol {
	position: relative;
	}
#leftcol { 
	position:relative;
	float:left;
	width:340px;
	z-index: 10;
	margin:0;
	}
	
#leftcol2 { 
	position:relative;
	float:left;
	width:20px;
	z-index: 10;
	margin:0;
	}
	
#leftcolProducts { 
	position:relative;
	float:left;
	width:160px;
	margin:0;
	z-index: 10;
	margin: 0;
	}
#leftcolProducts ul	{ margin: 0px; padding: 0px 0px; list-style-type: none; }
#leftcolProducts li	{ display: block; padding: 3px 15px; border-top: 1px solid #fff589;}
#leftcolProducts a {
	color: #efcf44; 
	text-decoration: none; 
	font: 11px/140%  Arial, Helvetica, sans-serif;  
	}
#leftcolProducts a:hover  {
	color: white; 
	}
#leftcolProducts h2  {
	color: white; 
	padding: 10px 15px 0px 15px;
	}

#rightcol, #rightcolProducts{
	position:relative;
	top:0px;
	right:0px;
	float:right;
	width:210px;
	margin:0;
	padding:5px;
	z-index: 10;
	}
	
#rightcolProducts {background-color: #333333; padding: 10px; }
#rightcolProducts p {color: #efcf44;; font: 10px/140% Verdana, Arial, Helvetica;}
#rightcolProducts h3 {color: #efcf44;; font: 14px/140% Helvetica, Arial; margin-bottom: 0px; font-weight: bold;}
#rightcolProducts h1  {color: #ffe153; text-shadow: none; font-size: 15px; font-family: Arial, Helvetica, sans-serif;}
#rightcolProducts a  {color: #ffe153; text-shadow: none; font-size: 15px; font-family: Arial, Helvetica, sans-serif;}

.series {
	border: 1px solid yellow;
	height: 90px;
	clear: both;
	padding: 5px;
	}
	
.images {
	clear: both;
	}
	
#centercol {
	position:relative;
	padding:0px 275px 0px 340px;
	}
	
#centercolFull {
	position:relative;
	padding:20px 255px 10px 20px;
	}	
	
#centercolFull h3  {color: black; font-size: 13px; font-family: Arial, Helvetica, sans-serif;}
#centercolFull a  {color: black; font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
.date {color: #996600; font-size: 9px; font-weight: lighter; margin-top: 0px;}
	
#centercol2 {
	margin: 0px auto;
	}	
	
#centercolProducts {
	position:relative;
	padding:0px 250px 0px 180px;
	margin: 0px;
	}
#centercolProducts h1 {margin-top: 0px; padding-top: 25px;}
#centercolProducts p {padding: 0px; margin-top: 2px;}
#centercolProducts li {margin-left: 20px;}

#bottomcol{
	clear: both;
	color: white;            
	position:relative;
	top:0px;
	background:#333333;
	margin:0px;
	padding:10px;
	text-align:left;
	height: 100px;
	border-top: 3px solid #fff589;
	border-bottom: 3px solid #fff589;
	}
	
#footer {
	position:relative;
	top: 0px;
	clear: both;
	margin: -20px 0px 0px;
	padding:5px 20px 10px 0px;
	text-align:right;
	color: white;
	background-color:black;
	min-height: 10px;
	border-top: 3px solid #fff589;
	z-index: 10;
	}
#footer a { font-weight: bold; color: #efcf44; text-decoration: none;}
#footer a:hover {color: white;}	
	
img {padding:0; margin: 0; border:0;}
.icon-left {float: left;  margin: 10px; }
.img-left {float: left;  margin: 0px;}
.img-leftBottom {float: left;  margin: 0px;}
.icon-right {float: left; clear: left; }


.right {float: right; margin-right: 3px;}
.right2 {float: right; margin-right: 3px; clear: left;}
.right2B {float: right; margin: 3px; clear: left; border: solid 1px black;}

.spacer  {clear: both;}


.thumbnail { margin: 10px; border: white 1px solid;}
.thumbnailL { float: left; margin: 0px 10px 10px 0px; }
.thumbnailL2 { float: left; margin: 5px 10px 10px 5px; border: black 1px solid;}
.thumbnailR { float: right; margin: 0px 0px 0px 10px; }
.thumbnailR2 { float: right; margin: 0px 0px 0px 10px; border: black 1px solid;}
.thumbnailR3 { float: right; margin: 20px 10px 20px 20px; border: black 2px solid;}
.product { float: left; margin: 0px 30px 10px 0px;}
.product2 { float: left; margin: 0px 20px 10px 0px; border: black 1px solid;}


.lbox { float: right; margin: 0px 3px 5px 0px; }
.lboxr { float: right; margin: 0px 3px 0px 0px; clear: both;}
.icon {border: 1px solid black;}
.imgborder {margin: 5px;}


.email, a.email:link {
	padding: 0 18px 0 4px;
	border-bottom: 1px dotted #644320;
	color: #644320;
	background: #f4ece1 url(images/icon-email.gif) 100% 50% no-repeat;
	}