/*** MAIN LAYOUT ***/
/*=-=-=-=-=-=-=-=-=*/

body {
background-color:	#FFF;
}



#m {
background:			transparent url(../img/clouds.jpg) repeat-x;
min-height:			793px;
}



#cA {
background:			#FFF url(../img/cAg.jpg) top left repeat-x;
width:				855px;
margin:				0 auto;
min-height:			735px;
padding:			43px 50px 15px 15px;
}



/*** TOPPER ***/
/*-=-=-=-=-=-=*/

#t {
background:			#FFF;
height:				140px;
}



#tI {
height:				140px;
width:				920px;
margin:				0 auto;
position:			relative;
}



#jnL {
background:			transparent url(../img/activeBG.gif) repeat-x;
border:				none;
height:				22px;
width:				50px;
vertical-align:		top;
padding-bottom:		3px;
color:				#FFF;
outline:			0;
cursor:				pointer;
}



/*** NAV ***/
/*=-=-=-=-=*/

#nav.sf-navbar li,
#nav.sf-navbar li ul,
#nav.sf-navbar {
list-style-type:	none;
margin:				0;
text-transform:		uppercase;
}
#nav.sf-navbar a {
color:				#666;;
}
#nav.sf-navbar a:hover,
#nav.sf-navbar li:hover a,
#nav.sf-navbar li.sfHover li a {
color:				#FFF;
}
#nav.sf-navbar li li a,
#nav.sf-navbar li:hover li a,
#nav.sf-navbar li.sfHover li a {
color:				#4EAB16;
background-image:	none;
}
#nav.sf-navbar li li a:hover {
color:				#666;
}
#nav.sf-navbar li li a {
border-right:		1px solid #4EAB16;
padding-bottom:		1px;
padding-top:		2px;
line-height:		1em;
}

li.active {
background:			transparent url(../img/activeBG.gif);
}
#nav li.active a {
color:				#FFF;
}



/*** CONTENT AREA ***/
/*-=-=-=-=-=-=-=-=-=*/

#sB {
width:				140px;
}
#sB ul,
#sB li {
list-style-type:	none;
list-style-image:	none;
margin:				0;
padding:			0;
}
#sB li {
border-bottom:		1px solid #E1E1E1;
line-height:		2.5em;
}

#mC {
width:				665px;
}

#hpLs h2 {
color:				#666;
}



/*** CONTACT PAGE ***/
/*-=-=-=-=-=-=-=-=-=*/

#cL {
width:				375px;
}
#cR {
padding-left:		50px;
border-left:		1px solid #E1E1E1;
}



/*** PARTNER PAGE ***/
/*-=-=-=-=-=-=-=-=-=*/

div.partner {
width:				150px;
padding:			20px;
}
div.partner img {
width:				150px;
}



/*** FOOTER ***/
/*-=-=-=-=-=-=*/

#f {
background:			#F4F4F4;
height:				140px;
width:				auto;
}
#fI {
width:				855px;
margin:				0 auto;
padding:			15px 50px 15px 15px;
}
#fI a {
color:				#666;
text-decoration:	none;
}
#fI a:hover {
text-decoration:	underline;
}



/*** MISC ***/
/*-=-=-=-=-=*/

#mC #jnL {
font-size:			1.25em;
width:				auto;
height:				30px;
}
#contact #mC #jnL {
margin-right:		18px;
}



/*** FOLIO ***/
/*-=-=-=-=-=-*/
#folio_left {
	width:				450px;
}

#folio_right {
	width:				200px;
}

.folio_images {
	height:				311px;
	overflow:			hidden;
	position:			relative;
	width:				450px;
}

.folio_image {
	position:			absolute;
}

.folio_thumbs {
	overflow:			hidden;
}

.folio_thumbs a {
	border:				1px solid #4EAB16;
	display:			block;
	float:				left;
	font-weight:	bold;
	height:				19px;
	line-height:	19px;
	margin-right:	10px;
	text-align:		center;
	width:				19px;
}

.folio_thumbs a.hover,
.folio_thumbs a:hover {
	background:		#4EAB16;
	border:				1px solid #4EAB16;
	color:				#FFF;
	display:			block;
	float:				left;
	font-weight:	bold;
	height:				19px;
	line-height:	19px;
	margin-right:	10px;
	text-align:		center;
	width:				19px;
}


/*** PDX ECO ROOF ***/
/*-=-=-=-=-=-=-=-=-=*/
#ecoroof_signup input {
	border:				1px solid #E1E1E1;
	color:				#838383;
	padding:			4px;
}

#ecoroof_signup form {
	font-family:	"Lucida Grande", Arial, sans-serif;
}

#ecoroof_signup #jnL {
	color:				#FFFFFF;
}

#ecoroof_signup h2 {
	width:				170px;
}