/* CSS Document */
*{margin:0px; padding:0px;}
html{height:100%;}
body{ background:#f5f5f5 url(../images/bg-page.jpg) repeat-x; height:100%;}
p{font-family:Verdana, "Arial", Helvetica, sans-serif; font-size:12px; line-height:22px; color:#000000;}
h1{font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#40622E; letter-spacing:1px; text-transform:uppercase;}
h2{font-family:"Georgia", Times New Roman, Times, serif; font-size:18px; color:#8CA182; font-weight:normal; border-bottom:1px solid #EEE; margin-bottom:20px;}
h3{font-family:"Georgia", Times New Roman, Times, serif; font-size:16px; color:#40622E; font-weight:normal;}
hr{color:#EEEEEE; height:1px;}
img{border:none;}
.line{float:left; width:600px; background-color:#EEEEEE; height:1px; margin:10px 0 10px 0;}
a{color:#8CA182; text-decoration:none;}
a:hover{color:#40622E;}
.clear{clear:both;}
table{font-size:11px; color:#333; font-family:Arial, Helvetica, sans-serif;}
th{ text-align:left; background:#EEE; padding:5px;}
td{padding:5px;}

/* Splash */

#splash_body{width:720px; margin:auto; padding-top:7%;}
#splash_logo{width:200px; float:left;}
#splash_content{width:500px; padding:10px; float:left;}
#splash_content p{padding-left:3px;}
#splash_footer{width:100%; height:289px; background:#FFF url(../images/btm_bg.jpg) bottom repeat-x; z-index:999; clear:both;}

/* homepage */


#logolink{ display:block; width:200px; height:200px; position:absolute; z-index:1000; margin:50px 0 0 52px;}
#wrapper{position:absolute; top:0px; left:50%; margin-left:-492px; width:942px; background:url(../images/home_bg.gif) repeat-y; height:180%; }
#pagebody{position:absolute; top:0px; background:url(../images/bg-header.jpg) no-repeat; height:100%; }
#leftcol{width:221px; float:left; padding:0 40px 0 52px; margin-top:290px; height:60%;}
#rightcol{width:629px; float:left;}


/* Top Navigation */

#navigation{width:629px; height:33px; float:left; margin-top:53px;}
#navbar{width:612px; float:left; list-style:none;}
#navbar li{width:153px; height:33px; display:inline; float:left;}
#navbar li a{display:block; width:153px; height:33px;}
#navbar li a.about{background:url(../images/menu-about.jpg) no-repeat;}
#navbar li a.about:hover{background:url(../images/menu-about-hover.jpg) no-repeat;}
#navbar li a.products{background:url(../images/menu-products.jpg) no-repeat;}
#navbar li a.products:hover{background:url(../images/menu-products-hover.jpg) no-repeat;}
#navbar li a.sample{background:url(../images/menu-sample.jpg) no-repeat;}
#navbar li a.sample:hover{background:url(../images/menu-sample-hover.jpg) no-repeat;}
#navbar li a.contact{background:url(../images/menu-contact.jpg) no-repeat;}
#navbar li a.contact:hover{background:url(../images/menu-contact-hover.jpg) no-repeat;}

#contentarea{width:600px; float:left; margin-top:35px; }
/*#contentarea{width:600px; float:left; margin-top:15px; padding-top:180px; background:url(../images/bg-test2.jpg) top no-repeat; }*/
#contentarea p{margin:10px 0 10px 0;}
#contentarea p a{border-bottom:1px dotted #8CA182;}
#contentarea ul li a{border-bottom:1px dotted #8CA182;}
#contentarea ul{margin-left:0px; list-style:none; line-height:14px;}
#contentarea ul li{font-family:Verdana, "Arial", Helvetica, sans-serif; font-size:12px; line-height:14px; color:#000000; margin:10px 0 10px 0;}
.productsbox{width:600px; float:left; margin:10px 0 10px 0; padding:20px 0 0 0; border-top:1px solid #EEE;}
.productsboxpic{ display:block; width:247px; float:left;}

#footer{float:left; width:942px; height:138px; background:#f5f5f5 url(../images/bg-footer.jpg) no-repeat;}
#footer img{padding:70px 0 0 52px;}
#copyright{float:left; width:942px; height:100px; background:#f5f5f5;}
#lefttext{float:left; width:419px; text-align:left; padding-left:60px;}
#righttext{float:left; width:443px; text-align:right; padding-right:15px;}
#lefttext p{ color:#8CA182; font-size:10px; line-height:12px;}
#righttext p{ color:#8CA182; font-size:10px; line-height:12px;}


.product{
	border:2px solid #CCC;
	float:left;
	margin:2px;
}