/* 
	supremeindustries.com
*/

body{
	margin:0; padding:0;
	width:100%; 

}
.error{
	padding:5px;
	font-weight:bold;
	background-color:#CC0000;
	color:#FFF;
}
.wrap{
	width:100%;
	background:url('../images/bg/tile.jpg') top center;
	border-bottom:1px solid #666;
}

#splash{
	width:1163px;
	height:528px;
	position:relative;
	background:url('../images/splash_bg.jpg') no-repeat;
}

#splash #slideshow{
	position:relative;
	width:480px; height:113px; 
	margin:10px auto;
	padding:10px 0;
	border:1px solid #FFF;
	border-width:1px 0;
	overflow:hidden;
}

#slideshow #slider{
	width:8000px;
	position:absolute; height:90px;
	left:0; margin:0 5px;
	
}

#slideshow img{
	position:absolute;	
	top:0; left:0;
}

#introLogoI{
	position:absolute;
	top:170px; left:173px;
}

#introLogoF{
	position:absolute;
	top:170px; left:663px;
}

#page, #pagetop, #pagebottom{
	position:relative; 
	margin:0 auto 0 auto;  
	padding:0; 
	width:855px;
	z-index:2;
}
#page{
	padding:0 0 40px 0;
	overflow:visible; 
	background:url('../images/bg/page_repeat.png') top left repeat-y;
	
}
#pagetop{
	height:14px; overflow:hidden;
	background:url('../images/bg/page_top.png') top left no-repeat;
}
#pagebottom{
	height:15px;
	background:url('../images/bg/page_bottom.png') top left no-repeat;
}

.header{
	position:relative;
	width:826px; height:173px;
	margin:0 0 0 14px; padding:0;	
	z-index:60;
}

.header a{
	display:block; position:absolute;
	top:6px; left:6px;
	margin:0; padding:0;
	width:448px;
	height:113px;	
}
.header a.forest{
	background:url('../images/logo_forest.gif') top left no-repeat;
}
.header a.industry{
	background:url('../images/logo.gif') top left no-repeat;
}
.header li a{
	background:transparent;
	position:relative;
}
.header a h1{
	display:none;
}
.header address, .header .phone{
	position:absolute;
	top:15px;
	left:250px;
	margin:0;
	padding:0;
}
.header .phone{
	top:60px;
	left:250px;
}
.header #flashheader{
	position:absolute;
	top:0;
	right:0;
}

#content{
	width:825px; 
	margin:0 auto 0; padding:15px 0 0 0;
	z-index:6;
	overflow:hidden;
}
.corners{
 	position:absolute;
	margin:0; padding:0;
	width:100%; height:300px;
	z-index:1;
}
.corners p{
	margin:0; padding:0;
	position:absolute; top:0; right:0;	
	width:400px; height:300px; 
}
#topCorners{
	top:0; left:0;
	background:url('../images/bg/corner_tl.gif') top left no-repeat;
}

#topCorners p{
	background:url('../images/bg/corner_tr.gif') top right no-repeat;
}
#bottomCorners{
	position:relative;
	left:0; bottom:0; margin:-275px 0 0 0;
	background:url('../images/bg/corner_bl.gif') bottom left no-repeat;
}
#bottomCorners p{
	background:url('../images/bg/corner_br.gif') bottom right no-repeat;
}
.main{
	position:relative;
	width:579px; float:left;
}

.contents{
	position:relative;
	width:240px; float:right;
	background-color:#EEEEEE;
	padding:5px 0;
}

.contents h4{
	margin:0; padding:10px; 
}

/* articles layouts */
.breadcrumbs{
	margin:0 0 10px 10px;
}
.article{
	margin:10px;
}
.article img{
	border:0;
}
.article .body{
	margin:10px 0;
}


/* blog post layouts */
.blogtitle{
	width:auto; height:20px;
	margin:5px 0;
}
.post{
	display:block;
	margin:3px 0 25px 0;
}
.post .date{
	display:block;
	margin:15px 0 2px 0;
}
.post .headline, .article h1{
	display:block;
	margin:3px 0 15px 0;
}
.post .readpost{
	display:block;
	margin:2px 0;
}
.one .headline a{
	display:block;
	float:none;
	margin:2px 0 10px 0;
}
.two .headline a{
	clear:both;
	display:block;
}
.summaryblock{
	position:relative;
	width:45%;
	margin:1%;
	float:left;	

}
#right .headline{
	display:inline;
}
.post .categories{
	margin:0;
}
.photo{
	position:relative;
	margin:10px;
	background-color:#EEE;
}
.alignleft{
	margin:10px 10px 10px 0;
}
.alignright{
	margin:10px 0 10px 10px;
}
.photo img{
	display:block;
}

td p{
	font-size:11px;
	text-align:center;
}

/* forms */
form{
	padding:15px 0 15px 15px;
}

.fieldwrap{
	clear:both;
}

.textareawrap{
	clear:both;
}

input, textarea{
	float:left; margin:2px 6px 10px 0;
	padding:2px; font-size:15px; 	font-family:"Trebuchet MS",Verdana, Sans-serif;
	border-top:1px solid #222;
	border-left:1px solid #222;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	width:300px;
}
textarea{
	width:300px;
}
.submit { clear:both; margin:0 0 0 100px; }
.submit input{ 
	width:auto;
	border-bottom:1px solid #222;
	border-right:1px solid #222;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC; 
}
label{
	display:block;
	width:160px;
	float:left;
	font-size:14px;
	color:#333333;
	
	padding:0 5px 0 0;
}
.signup{
	height:100px;
}

.signup input{
	width:170px;
}

input.submit{
	float:left; width:auto; clear:none;
	font-size:13px;
	border-bottom:1px solid #222;
	border-right:1px solid #222;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	margin:0;
}
.disabled{
	color:#888;
}

/* editable regions */
.footer{
	position:relative; 
	margin:0 auto; padding:0;
	width:100%;
	text-align:center;
	overflow:hidden;	
}
.footer p{ 
	margin:15px 0;	
	
}
.footer p img{	
	margin:1px 5px 0 0;
}
.footer p a{
	
}
.footer address{
	display:block;
	margin:15px 8px;
	float:right;
}

.checkboxwrap input{
	width:14px;
}

.radiowrap input{
	width:15px;
}


/* the clearer */
.clear{
	clear:both; 
	margin:0; padding:0;
	width:0; height:0;
}

#legitify{
	width: 100px;
	margin:0 auto;
	padding-bottom: 10px;
}