@import url(fonts/stylesheet.css);

*{
	margin: 0;
	padding: 0;
}


.clear
{
	display: block;
	clear: both;
}

body
{
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	background: #f4f4f4 url('../images/bg.jpg') repeat-x left top;
	text-align: center;/*IE 6 fix */
}

a img
{
	border: 0;
}

/* TEXT STYLES ************************/

h1, h2, h3, h4, h5, h6
{
	color: #757575;
}

h2{	font-size: 2em; /*32px*/ margin-bottom: 10px; display: block; width: 100%; padding-bottom: 13px; border-bottom: 1px solid #757575;}
h3{	font-size: 1.5em; /*24px*/ margin-bottom: 10px;}
h4{	color: #e93a32; font-size: 0.8125em; /*13px*/ margin-bottom: 10px;}
h5{	font-size: 0.8125em; /*13px*/ margin-bottom: 10px;}

h6{ /*substituted for span in CMS therefore needs to be same size as p tag */
	color: #e93a32;
	float: left;
	font-size: 0.8125em; /*13px*/
	font-weight: 400;
	margin-right: 0.3em;
}

p /* STANDARD PARAGRAPH STYLE */
{
	font-size: 0.8125em; /*13px*/
	margin-bottom: 10px;
}

address{
	font-size: 0.8125em;
	font-style: normal;
	margin-bottom: 10px;
}

/* LIST STYLES *************************/

#content ul, #sidebar ul 
{
	list-style-position: outside;
	margin-bottom: 10px;
}

#content ol, #sidebar ol{
	list-style-position: outside;
	margin-bottom: 10px;
	padding-left: 8px;
}

#content li, #sidebar li
{
	font-size: 0.8125em; /*needs to match p font-size*/
	margin-left: 15px;
	margin-bottom: 10px;
	
}



/* LAYOUT DIVS *************************/

#container
{
	background: url('../images/bg_repeat.png') repeat-y left top;
	height: auto;
	margin: 30px auto 20px; /*IE 6 fix */
	text-align: left;
	width: 936px;
}

#header{
	background: url('../images/bg_top.gif') left top no-repeat;
	float: left;
	width: 100%;
}

#header h1 a
{
	background: url('../images/cptimber_logo.gif') left top no-repeat;
	display: block;
	float: left;
	height: 83px;
	text-indent: -9999px;
	width: 232px;
	margin:35px 0 0 30px;
}

#top-logos{
	float: right;
	margin: 23px 32px 0 0;
}

#nav
{
	
	float: left;
	height: auto;
	margin: 10px 0 15px 24px;
	width: 100%;
}

#nav ul{
	list-style: none; /* This removes the bullet points */
}

#nav li /* NAVIGATION STYLE */
{
	display: block; /* this allows things to butt up to each other */
	float: left; /* This makes the li's display next to each other instead of display:inline*/
}

#nav a
{
	background-image: url('../images/navigation.gif');
	background-repeat: no-repeat;
	display: block;
	height: 39px;
	text-indent: -9999px;
}

	#nav-home{
		background-position: 0 0; /*background-position: x y;*/
		width: 173px;
	}
	
	#nav-home:hover, #nav-home.active{
		background-position: 0 -39px;
	}
	
	#nav-about{
		background-position: -178px 0;
		width: 74px;
	}
	
	#nav-about:hover, #nav-about.active{
		background-position: -178px -39px;
	}
	
	#nav-hard{
		background-position: -252px 0;
		width: 96px;
	}
	
	#nav-hard:hover, #nav-hard.active{
		background-position: -252px -39px;
	}
	
	#nav-soft{
		background-position: -350px 0;
		width: 88px;
	}
	
	#nav-soft:hover, #nav-soft.active{
		background-position: -350px -39px;
	}
	
	#nav-semi{
		background-position: -438px 0;
		width: 176px;
	}
	
	#nav-semi:hover, #nav-semi.active{
		background-position: -438px -39px;
	}
	
	#nav-offers{
		background-position: -614px 0;
		width: 64px;
	}
	
	#nav-offers:hover, #nav-offers.active{
		background-position: -614px -39px;
	}
	
	#nav-envir{
		background-position: -678px 0;
		width: 107px;
	}
	
	#nav-envir:hover, #nav-envir.active{
		background-position: -678px -39px;
	}
	
	#nav-disc{
		background-position: -778px 0;
		width: 100px;
	}
	
	#nav-disc:hover, #nav-disc.active{
		background-position: -778px -39px;
	}

#nav a:visited
{
	color: #3300ff;
	text-decoration: none;
}

#nav a:hover, #nav a.active
{
	color: #333;
	text-decoration: none;
}



#banner{
	margin-bottom: 10px;
}

#content
{
	float: left;
	height: auto;
	margin-left: 24px;
	width: 600px;
}
	#content h2,
	#content h3,
	#content h4{
		font-style: italic;
	}

#left-sidebar{
	background: url('../images/left-sidebar.jpg') repeat-y left top;
	float: left;
	font-size: 0.8461em;
	margin: 0 25px 10px 0;
	padding-top: 5px;
	width: 200px; 
}

#sidebar
{
	background: #c2bea5 url('../images/sidebar_bottom.gif') no-repeat left bottom;
	float: right;
	display: inline;
	margin-right: 33px;
	height: auto;
	width: 243px;
}

	#sidebar h3{
		background: #e93a32 url('../images/sidebar_top.gif') no-repeat left top;
		color: white;
		font-family: 'MyriadProBlack';
		margin-bottom: 0;
		padding: 10px 0 9px 0;
		text-transform: uppercase;
		text-align: center;
	}
	
	#sidebar h4{
		margin-bottom: 0;
	}
	
	#latest{
		background: url('../images/sidebar_image.jpg') no-repeat left top;
		color: white;
		display: block;
		font-family: 'MyriadProSemibold';
		font-size: 1.5em;
		height: 49px;
		padding: 95px 0 0 15px;
		width: 228px;
		
	}
	
	.padded{
		color: #fff;
		padding: 0 17px 10px;
	}

#footer
{
	background: url('../images/bg_bottom.gif') left bottom no-repeat;
	font-size: 0.6875em;
	padding: 10px 0 25px;
}

#footer ul{
	display: block;
	overflow: hidden;
	list-style: none;
	padding-left: 143px;
}

#footer li{
	float: left;
	border-right: 1px solid #000;
	margin-right: 5px;
	padding-right: 5px;
}

#footer li.last{
	border-right: 0;
}

#footer #footercontact li, #footer #footerlogos li
{
	border:0 none;
}

#footer #footerlogos li
{
	margin-right:30px;
}


#footer #footerlogos li#pefc
{
	margin-left:15px;
}

/* LINK STYLES *************************/

a
{
	text-decoration: underline;
	color: #3300ff;
}

a:visited
{
	text-decoration: underline;
	color: #3300ff;
}

a:hover
{
	text-decoration: underline;
	color: #3300ff;
}

#content a{
	color: #e93a32;
	text-decoration: none;
}

#content a:visited{
	color: #e93a32;
	text-decoration: none;
}

#content a:hover{
	color: #e93a32;
	text-decoration: underline;
}

#sidebar a{
	color: #e93a32;
	text-decoration: none;
}

#sidebar a:visited{
	color: #e93a32;
	text-decoration: none;
}

#sidebar a:hover{
	color: #e93a32;
	text-decoration: underline;
}

#footer a:link, #footer a:visited{
	color: #000;
	text-decoration: none;
}

#footer a:hover{
	color: #000;
	text-decoration: underline;
}

/* IMAGE ALIGNMENT */

.img-left{
	clear: left;
	float: left;
	margin: 0 10px 10px 0;
}

.img-right{
	clear: right;
	float: right;
	margin: 0 0 10px 10px;
}

.img-center{
	text-align: center;
	margin: 0 10px 10px;
}

/* TABLE STYLING **/

table, th, td {
	border: 0 none;
	border-collapse: collapse;
}

table{
	width: 100%;
	margin-bottom: 10px;
}

table td p
{
	font-size:1em;
}

th{
	font-weight: 700;
}

td, th{
	font-size: 0.8125em;
	padding: 3px;
	vertical-align: top;
}

/* FORM **/

#contact-sidebar{
	float: right;
	background: #b5b5b5 url('../images/form-top.jpg') no-repeat left top;
	overflow: hidden;
}

#contact-sidebar h3{
	background: none;
	text-align: left;
	text-transform: none;
	margin: 0 17px 10px;
	padding: 6px 0 10px 0;
	border-bottom: 1px solid #757575;
}

#contact-sidebar address{
	padding: 0 17px;
}

#contact-sidebar ul{
	list-style: none;
}

#contact-sidebar li{
	padding-left: 2px;
	margin-bottom: 0;
}

fieldset{
	background: url('../images/form-bottom.jpg') no-repeat left bottom;
	border: 0;
	padding: 0 17px 10px;
}

#contact-sidebar p{
	padding: 0 17px;
}

label
{
	display: none;
	font-size: 0.81253em;
	padding: 10px 0 5px 0;
}

input[type=text]
{
	border: 0;
	margin-bottom: 7px;
	padding: 2%;
	width: 96%;
}

textarea
{
	border: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 100px;
	margin-bottom: 10px;
	padding: 2%;
	width: 96%;
}

input[type=submit]{
	color: #525252;
	margin-bottom: 10px;
	padding: 3px 10px;
}

.iefix{
	background: #e8e8e8 ;
	border: 0;
	color: #525252;
	font-size: 0.8125em;
	margin-bottom: 7px;
	padding: 2%;
	width: 96%;	
}

.btn{
	background: #cdcdce;
	border: 1px solid #fff;
	color: #525252;
	float: right;
	padding: 3px 10px;
}

/* SLIDER STYLING **/

#slider, .slide
{
	clear: left;
	overflow: hidden;
	height: 289px;
	width: 879px;
}

#slider{
	margin: 10px 0 10px 24px;
}

#headercontact {
	width: 545px;
	float: right;
	font-size: 80%;
	padding: 8px 0;
	text-align: center;
	margin-right: 25px;
}

#footercontact {
	margin-top: 10px;
}