/* CSS Document */


/* Font Init
------------------------------------------------------------------------------------------*/

html{
	font-family:Helvetica, Verdana, Arial, sans-serif;
}

body{
	margin: 0px;
	color: #000;
	background-color:#1f1f1f;
}


/* Tags
------------------------------------------------------------------------------------------*/
a, a:visited{
	color: #6b6f2a;
	text-decoration:none;
}

a:hover, label:hover{
	color: #000;
	cursor: pointer;
}

/* Typography */
p, h1, h2, h3, h4, h5{
	color: #000;
}

p{
	font-family: Helvetica, Verdana,  Arial, sans-serif;
	font-size: 1.1em;
	text-align: justify;
}

h1, h2, h3, h4, h5{

}

h1{
	font-size: 2.4em;
}

h2{
	font-size: 1.2em;
	text-transform:uppercase;
	color: #241d1b;
	display: inline;
}

h3{
	font-size: 1.1em;
	color: #241d1b;
	font-weight: bold;
}

/* Classes
------------------------------------------------------------------------------------------*/
div.colborder{
	border: none;
}

.phark a, p.phark{
	text-indent: -5000px;
	display: block;
	font-size: 0;
	overflow: hidden;
}

p.testimonial{
	font-style: italic;
	font-size: 0.9em;
	margin-bottom: 5px;
}

cite{
	display: inline;
}

.ie6 cite{
	display: inline;
}

ul{
	margin-left: 15px;
}

ul.adr{
	list-style: none;
	width: 43%;
	float: left;
}

.ie6 .last-text{
	margin-bottom: -30px;
}

span.title{
	font-style: italic;
}

span.type, span.name, li.type{
	font-weight: bold;
}

h2 + p.tagline{ display: inline; }
h2 + p.tagline + p {margin-bottom: .75em; }

.right{
	float: right;
}

.absolute{
	position: absolute;
}

/* Content Divs
------------------------------------------------------------------------------------------*/
.container{

}

#wrapper{
	padding: 0 8px;
}

#content-supp{
	position: relative;
	height: 115px;
	background: url(../images/design/top-bg.jpg);
	padding: 15px 8px 0 38px;
	width: 920px;
}		

	#content-supp #branding{
		height: 104px;
		width: 342px;
	}
	
	#content-supp #whats-happening{
		position:absolute;
		width: 454px;
		height: 89px;
		right: 38px;
		bottom: -96px;
		background-image:url(../images/whats-happening.png);
		z-index:0;
		padding: 35px 15px 0 15px;
	}
	
	#whats-happening p{
		font-size: .9em;
		line-height: 1.3em;
		margin-bottom: 1.1em;
	}

#content-main{
	background: url(../images/design/content-bg.jpg) no-repeat 0 0;
	height:305px;
	padding: 15px 8px 0px;
	position:relative;
	z-index:10;
	width: 950px;
}

			
	#content-text{
	padding: 25px 40px 35px;
	background-color: #FFFFFF;
	height: 235px;
	filter:alpha(opacity=70); /*IE*/
	opacity:.8;/*FF*/
	}	
	
	.ie6 #content-text{
		padding: 0px 40px;
		max-height: 235px;
	}
	
	#full-photos, #mixed-photos{
		height: 265px;
		padding: 15px 15px 15px 15px;
		width: 680px;
		background-color: #FFFFFF;
		filter:alpha(opacity=70); /*IE*/
		opacity:.8;/*FF*/
	}
	
	.webkit 	#full-photos, .webkit  #mixed-photos{
		padding-top: 25px;
		height: 255px;
	}

	.webkit #full-photos h2, .webkit #mixed-photos h2{
			position: absolute;
			top: 20px;

	}
	.webkit #mixed-photos p.tagline, .webkit #full-photos p.tagline {
		display: none;
	}
	
	#mixed-photos{
		padding: 15px 10px 15px 15px;
		width: 685px;
	}
	

	
	.ie6 #full-photos, .ie6 #mixed-photos{
		width: 633px;
	}
	
	.ie6 .not-ie6{
		display: none;
		}
	
  #full-photos .frame{
	height: 120px;
	width: 105px;
	margin: -15px 10px 0px -3px;
	}
	
	#mixed-photos .frame{
	height: 115px;
	width: 105px;
	margin: -15px 13px -5px -5px;
	}
	

	
	.frame img{
		filter:alpha(opacity=100); /*IE*/
		opacity: 1;
	}
	
	.ie6 #full-photos .frame, .ie6 #full-photos.mixed .frame{
		margin-right: 0px;
	}
	
  #full-photos.mixed .frame{
		height: 115px;
		width: 105px;
		margin: -12px 13px -3px -3px;
	}
	
	.ie6 #content-text{
			padding: 30px 20px;
	}
	
#footer{
	height: 329px;
	background: url(../images/design/red-bg.jpg) no-repeat 0 0;
	padding: 9px 8px 0 8px;
	width: 950px;
}

	#footer #photo-row{
		width: 110%;
	}
	
	#footer #photo-row img{
	margin-right: 24px;
	}

/* Navigation */
#navigation{
	height: 295px; /*same as #content-text*/
	background-color: #FFFFFF;
	filter:alpha(opacity=70); /*IE*/
	opacity:.8;/*FF*/
}	

ul#nav-main{
	list-style: none;
	margin: 0 auto;
	position:relative;
	margin: 30px 0 0 15px;
	padding-right: 15px;
	text-align: left;
}

	ul#nav-main a{
		background-repeat: no-repeat;
		display: block;
		height: 13px;
		color: #000;
	}
	
	.ie6 ul#nav-main li ul.sub-nav li a{
		display: inline;
	}
	
	ul#nav-main a:hover{
		font-weight: bold;
	}
	
	ul#nav-main li{
		background-repeat: no-repeat;
		display: block;
		/*overflow: hidden;*/
		height:13px;
		text-indent: -9999px;
		margin-top: 45px;
	}
	
	.ie7 ul#nav-main li{
		margin-top: 40px;
	}
	
	.ie6 ul#nav-main li{
		overflow: hidden;
		margin-top: 40px;

	}
	
	ul#nav-main li:first-child{
		margin-top: 0px;
	}
	
	ul#nav-main li ul#sub1 li, ul#nav-main li ul#sub2 li, ul#nav-main li ul#sub3 li, ul#nav-main li ul#sub4 li{
		overflow: visible;
		text-indent: 0px; 
		float: left;
		height: 13px;
		margin-right: 5px;
		font-size:.9em;
		margin-top: 0px;
				display: inline;
	}


	ul#sub2 li.break{
		margin-right: 30px;
	}
		
	ul.sub-nav{
	  margin-top: 5px;
		margin-left: -1px;
		width: 110%;
	}

/* FORMS
------------------------------------------------------------------------------------------*/


/* PHARK
------------------------------------------------------------------------------------------*/
h1#logo a{
	background-image:url(../images/design/colorado-building-company-breckenridge-colorado.png);
	width: 342px;
	height: 104px;
	background-repeat: no-repeat;
	margin:0px;
}

h1#trilogy-logo a{
	background-image: url(../images/design/trilogy-partners-logo.png);
	width: 147px;
	height: 54px;
	background-repeat: no-repeat;
	margin:15px 35px 0 0;
	float: right;
}

h1#cbc-commercial-logo a{
	background-image: url(../images/cbc-commerical.jpg);
	width: 147px;
	height: 68px;
	background-repeat: no-repeat;
	margin:75px -150px 0 0;
	float: right;
}

h1#solsource-logo a{
	background-image: url(../images/solsource.jpg);
	width: 123px;
	height: 68px;
	background-repeat: no-repeat;
	margin:108px 13px 0 0;
	float: right;
}

h1#WH-logo a{
	background-image: url(../images/design/WH-logo-150-for-web.gif);
	width: 150px;
	height: 66px;
	background-repeat: no-repeat;
	margin:15px 35px 0 0;
	float: left;
}

p#footer-text{
	background-image:url(../images/design/contact-text.png);
	width: 398px;
	height: 12px;
	float: left;
	margin: 135px 0 0 25px;
}

ul#nav-main li#approach a{ background-image:url(../images/nav/nav-approach-off.png); width: 75px; }
ul#nav-main li#approach a:hover, ul#nav-main li#approach{ background-image:url(../images/nav/nav-approach-on.png);  } 
ul#nav-main li#approach ul li a, ul#nav-main li#approach ul li a:hover{background-image: none; width: 100%;}

ul#nav-main li#distinctive-properties a{ background-image:url(../images/nav/nav-distinctive-properties-off.png); width: 170px; }
ul#nav-main li#distinctive-properties a:hover, ul#nav-main li#distinctive-properties{ background-image:url(../images/nav/nav-distinctive-properties-on.png);  } 
ul#nav-main li#distinctive-properties ul li a, ul#nav-main li#distinctive-properties ul li a:hover{background-image: none; width: 100%;}

ul#nav-main li#news a{ background-image:url(../images/nav/nav-news-off.png); width: 170px; }
ul#nav-main li#news a:hover, ul#nav-main li#news{ background-image:url(../images/nav/nav-news-on.png);  } 
ul#nav-main li#news ul li a, ul#nav-main li#news ul li a:hover{background-image: none; width: 100%;}

ul#nav-main li#contact a{ background-image:url(../images/nav/nav-contact-off.png); width: 170px; }
ul#nav-main li#contact a:hover, ul#nav-main li#contact{ background-image:url(../images/nav/nav-contact-on.png);  } 
ul#nav-main li#contact ul li a, ul#nav-main li#contact ul li a:hover{background-image: none; width: 100%;}

ul#nav-main li#news a{ background-image:url(../images/nav/nav-news-off.png); width: 40px; }
ul#nav-main li#news a:hover, ul#nav-main li#news{ background-image:url(../images/nav/nav-news-on.png);  } 

ul#nav-main li#contact {margin-top: 30px; }
.ie7 ul#nav-main li#contact {margin-top: 20px; }


ul#nav-main li#contact a{ background-image:url(../images/nav/nav-contact-off.png); width: 70px; }
ul#nav-main li#contact a:hover, ul#nav-main li#contact{ background-image:url(../images/nav/nav-contact-on.png);  }


ul#nav-main li#commercial a{ background-image:url(../images/nav/nav-commercial-off.png); width: 98px; }
ul#nav-main li#commercial a:hover, ul#nav-main li#commercial{ background-image:url(../images/nav/nav-commercial-on.png);  }

ul#nav-main li#alternative-energy a{ background-image:url(../images/nav/nav-alternative-energy-off.png); width: 157px; height: 14px; }
ul#nav-main li#alternative-energy a:hover, ul#nav-main li#alternative-energy{ background-image:url(../images/nav/nav-alternative-energy-on.png); height: 14px;  }