/*********************************************************************
   Style Sheet for Clear Strength USA, LLC
   Code by Michael Williams (mwilliams@behrdesign.com)
   Behr Design Corporation (937-492-5704)
*********************************************************************/

@import url("menu.css");

* {
	margin:0;
	padding:0;
	}
	
body {
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999;
	line-height:160%;
	background:#000 url(../images/bg.gif) repeat;
	text-align:center;
	}
	
img {
	border:none;
	}
	
.clear {
	clear:both;
	}
	
/* Main Container
-------------------------------------------------------------------- */
#main {
	text-align:left;
	margin:auto;
	width:780px;
	background:#000;
	}
	
/* Top
-------------------------------------------------------------------- */		
#top {
	height:150px;
	background:#000 url(../images/bigcane.gif) no-repeat top right;
	}
	
#top .logo {
	float:left;
	margin:20px;
	}
	
#top .lang {
	float:right;
	font-size:11px;
	padding:20px;
	color:#ccc;
	}
	
#top .lang a, #top .lang a:link, #top .lang a:visited {
	color:#999;
	text-decoration:none;
	border-bottom:1px dotted #999;
	}
	
#top .lang a:hover, #top .lang a:active {
	color:#fff;
	text-decoration:none;
	border-bottom:none;
	}
	
/* Content
-------------------------------------------------------------------- */
#content {
	padding:20px;
	background-color:#000;
	}
	
#content h1, #products h1 {
	font-size:20px;
	line-height:120%;
	color:#fff;
	margin-bottom:15px;
	padding-left:30px;
	}
	
#content h1 {
	background:url(../images/caneblack.gif) no-repeat center left;
	}

#products h1 {	
	background:url(../images/canegray.gif) no-repeat center left;
	}
	
#content h2, #products h2 {
	font-size:16px;
	color:#f26522;
	margin-bottom:8px;
	}
	
#content p, #products h1 {
	margin-bottom:10px;
	}
	
#content a, #foot a, #content a:link, #foot a:link, #content a:visited, #foot a:visited {
	text-decoration:none;
	color:#008aff;	
	border-bottom:1px dotted #008aff;
	}
	
#content a:hover, #foot a:hover, #content a:active,#foot a:active {
	text-decoration:none;
	color:#6c0;
	border-bottom:1px dotted #6c0;		
	}
	
#content .prodbox {
	margin:20px 10px;
	padding:10px 20px;
	background-color:#444;
	border:1px dotted #666;
	}
	
#content ul {
	margin-left:20px;
	}
	
#content ul li {
	padding:3px 0px;
	}
	
/* Left & Right
-------------------------------------------------------------------- */
.left {
	float:left;
	width:360px;
	}
	
.right {
	float:right;
	width:360px;
	}
	
/* Products
-------------------------------------------------------------------- */
#products {
	padding:20px;
	background-color:#4b4b4b;
	}
	
.productsleft {
	float:left;
	width:200px;
	}
	
.productsright {
	float:right;
	}
	
/* Gallery
-------------------------------------------------------------------- */
#content .gallery a {
	border-bottom:none;
	}

#content .gallery a:hover {
	border-bottom:none;
	}

.gallery img {
	margin:5px;
	border-bottom:none;
	border:3px solid #fff;
	}
	
.gallery img:hover {
	border:3px solid #008aff;
	}
	
/* Footer
-------------------------------------------------------------------- */
#foot {
	height:45px;
	padding:20px;
	font-size:11px;
	line-height:130%;	
	background:#333 url(../images/shadow.jpg) repeat-x top left;
	}
	
.footleft {
	float:left;
	width:300px;
	}
	
.footright {
	float:right;
	}