@charset "utf-8";
/* CSS Document */

.page_container{
	width:100%;
	height:100%;
	padding:0px;
	margin:0px;
	font:100% Verdana, Geneva, sans-serif;
	color:#333;
}
.page_container .main_frame{
	width:1000px;
	height:auto;
	padding:10px;
	margin:0 auto;
	background-color:#fff;
	border-left:#d1d1d1 solid 1px;
	border-right:#d1d1d1 solid 1px;
	position:relative
}
.borderme{
	border:#CCC 1px solid;
}
body, html{
	padding:0px;
	margin:0px;
	height:auto;
	font-size:101%;
	min-width:1024px;
}
.top_panel{
	width:100%;
	height:30px;
	margin:0px;
	position:relative;
	font:bold 85% Verdana, Geneva, sans-serif;
	color:#929292;
	vertical-align:middle;
	min-width:1024px;
}
.imageborder{
	border:#CCC 1px solid;
	background:transparent;
}
.top_panel .text{
	padding-top:5px;	
}
.top_panel .get_phonenumber_form{
	position:absolute;
	right:0px;
	top:0px;
	height:30px;
	width:45%;
	background-color:#202020;
	color:#fff;
	font:80% Verdana, Geneva, sans-serif;
	padding-left:10px;
	vertical-align:middle;
	line-height:30px;
}
.page_banner{
	width:100%;
	height:126px;
	border-top:#979797 1px solid;
	border-bottom:#979797 1px solid;
	position:relative;
}
.page_banner .logo{
	
	position:absolute;
	left:60px;
	top:0px;
	height:126px;
	width:450px;
		
}
.page_banner .banner_image{
	position:absolute;
	bottom:0px;
	right:0px;
	height:124px;
	width:503px;
	background-image:url(../images/banner_image.png)
}
.floating_form{
	position:absolute;
	top:0px;
	left:0px;
	width:23px;
	height:126px;
	background-image:url(../images/free_estimate_side.png);
}
.floating_form:hover{
	background-image:url(../images/free_estimate_side_hover.png);
	cursor:pointer;
}
.menu{
	position:absolute;
	padding:0px;
	margin:0 auto;
	width:1000px;
	top:0px;
}
.menu .menulist{
	list-style:none;
	display:table;
	margin:0px;
	padding:0px;
	position:absolute;
	top:0px;
}
.menu .menulist li{
	display:block;
	float:left;	
	padding-left:2px;
	position:relative;
}
.menu .menulist li .submenu{
	position:absolute;
	top:20px;
}
.twitter{
	width:30px;
	height:30px;
	background-image:url(../images/twitter_logo.png);
	background-repeat:no-repeat;
	position:absolute;
	right:200px;
	top:40px;
	
}
.menu .menulist li .menuitem{
	height:41px;
	width:136px;
	background-image:url(../images/button_background.png);
	background-repeat:no-repeat;
	text-align:center;
	vertical-align:middle;
	padding-top:10px;
	text-transform:uppercase;
	font:95% Verdana, Geneva, sans-serif;	
}
.menu .menulist li .menuitem_hover{
	height:41px;
	width:136px;
	background-image:url(../images/button_background_hover.png);
	background-repeat:no-repeat;
	text-align:center;
	vertical-align:middle;
	padding-top:10px;
	text-transform:uppercase;
	font:95% Verdana, Geneva, sans-serif;	
}
.menu .menulist li .menuitem:hover{
	background-image:url(../images/button_background_hover.png);
}
.menu .menulist li a:link,
.menu .menulist li a:active,
.menu .menulist li a:visited{
	font:100% Verdana, Geneva, sans-serif;
	text-decoration:none;
	color:#e1e1e1;
}
.menu .menulist .menuitem a:hover{
	color:#fff;	
}
.menu .help{
	position:absolute;
	width:58px;
	height:27px;
	background-image:url(../images/question_background.png);
	background-repeat:no-repeat;
	color:#fff;
	text-align:center;
	right:0px;
	top:0px;
}

.orange{color:#fe6305;}
.red{color:#b90c0c;}

.footer{
	width:100%;
	height:88px;
	background-image:url(../images/footer_background.png);
	background-repeat:repeat-x;
	vertical-align:middle;
	padding:0px;
	position:relative;

}
.imageborder{
	border:#CCC 1px solid;
	background:white;
	padding:5px;
}
.footer .content{
	font:65% Verdana, Geneva, sans-serif;
	color:#fff;
	width:1000px;
	margin:0 auto;
	position:relative;
	font-weight:bold;
	padding-top:10px;
	
}.footer .content table tr td{
	vertical-align:top;	
}
.footer .content .cards{
	position:absolute;
	width:195px;
	height:48px;
	background-image:url(../images/cards.png);
	background-repeat:no-repeat;
	top:-15px;
	right:5px;
}
.content_preview{
	position:relative;
	background-color:#fcf9f9;
}
.content_preview .icon{
	position:absolute;
	top:-20px;
	left:5px;

}
.content_preview .subtitle{
	position:absolute;
	top:2px;
	left:50px;
	font:italic 90% Verdana, Geneva, sans-serif;
	
}
.subtitle{
	font:italic 90% Verdana, Geneva, sans-serif;
}
.content_preview .subtitle a:active,.content_preview .subtitle a:link,.content_preview .subtitle a:visited{
	color:#333;
	text-decoration:none;
	font:italic 80% Verdana, Geneva, sans-serif;
}
.content_preview .subtitle a:hover{
	color:#090;	
}
.content_preview .project_icon{
	
	width:39px;
	height:30px;
	background-image:url(../images/project_icon.png);
	background-repeat:no-repeat;
}
.content_preview .title{
	position:absolute;
	right:5px;
	top:-18px;
	text-transform:uppercase;
	font:95% Verdana, Geneva, sans-serif;
	color:#888888;
}

.content_preview .content{
	margin-top:10px;
	height:auto;
	font:70% Verdana, Geneva, sans-serif;
	padding:5px;
	
}
.gallery_icon{
	width:41px;
	height:34px;
	background-image:url(../images/gallery_icon.png);
	background-repeat:no-repeat;
}
.product_icon{
	height:41px;
	width:45px;
	background-image:url(../images/product_icon.png);
	background-repeat:no-repeat;
}
.news_icon{
	width:40px;
	height:32px;
	background-image:url(../images/news_icon.png);
}
.separator{
	height:20px;	
}
.content_preview .image_slide{
	width:280px;
	height:200px;
	background-color:#666;
	padding:5px;
}
.content_preview .image_slide .image_frame{
	width:280px;
	height:200px;
	background-image:url(../images/image_notavailable.jpg);
}
.content_preview .image_slide .image_frame img{
	width:280px;
	height:200px;
}
.project_details{
	padding:2px;
	font:90% Verdana, Geneva, sans-serif;
	color:#121212;
}
.leftframe, .rightframe{
	font:80% Verdana, Geneva, sans-serif;
	color:#202020;
}
.leftframe{
	padding:5px 15px 5px 5px;
	position:relative;
	font:80% Verdana, Geneva, sans-serif;
	
}
.rightframe{
	position:relative;
	text-align:right;
	
}
.sehzbul{
	width:280px;
	margin:0px 0px 10px 0px;
	text-align:center;
}
.rightframe table tr td{
	vertical-align:top;	
}
.padding5{
	padding:5px;	
}
.padding10{
	padding:10px;	
}
.leftframe .logodisplay img{	
	border:1px solid #999;
	padding:3px;
	margin:5px;
	background-color:white;
}
.leftframe .logodisplay{
	padding:10px;
}
.leftframe .logodisplay img a:active,
.leftframe .logodisplay img a:visited,
.leftframe .logodisplay img a:link{
	border:1px solid #999;
}
.leftframe .logodisplay img a:hover{
	border:1px solid #666;	
}
.leftframe a:active,.leftframe a:link,.leftframe a:visited, .rightframe a:active,.rightframe a:link,.rightframe a:visited{
	text-decoration:none;
	color:#1b4402;
}
.rightframe a:hover,.leftframe a:hover{
	color:#090;	
}

.contact tr td{
	vertical-align:top;
	text-align:left;}

.emailform{
	background-color:#f8f8f8;
	border:#e2e2e2 1px solid;
}
.emailform h3{
	margin:0px;
	padding:0px;
	text-align:center;
	width:100%;
}
.rightframe .item{
	background-color:#f1f1f1;
	border:#e5e5e5 1px solid;
}
.imageList{
position:relative;
overflow:auto;
width:680px;
height:200px;
background-color:#333;
margin:0;padding:0px;

}
.padding10{
	padding:10px;}
.imageList table{height:125px;}
.imageList table tr td img{
margin:3px;
border:#666 1px solid;
}.imageList table tr td{border:#fff 1px solid;}

.imageList img{
margin:3px;
border:#666 1px solid;
border-collapse:collapse;
}
.imageList img:hover{
border:#fff 1px solid;
cursor:pointer;
border-collapse:collapse;
}
.footer a:link, .footer a:active,.footer a:visited{
	color:#fff;
	text-decoration:none;
}
.footer a:hover{
	color:#090;	
}
input[type="text"], input[type="password"], select, input[type="button"],input[type="submit"],input[type="reset"],textarea,input[type="file"]{
	background-color:#eee;
	border:#666 0.01em solid;
	font:100% Verdana, Geneva, sans-serif;
	color:#333;
}
a:link, a:visited,a:active{
	text-decoration:none;
	color:#333;
}
a:hover{
	color:#CCC;
}
.feedbackform{
	position:absolute;
	top:30px;
	background-color:#f1f1f1;
	padding:10px;
	width:280px;
	left:0px;
}
.ajaxLoaderIcon{
	position:absolute;
	width:25px;
	height:25px;
	background:url(../images/ajax-loader-circle.gif) no-repeat;
	border:1px #900 solid;
	top:20px;
	left:20px;
}
.ajaxLoaderBar{
	position:absolute;
	width:43px;
	height:11px;
	background:url(../images/ajax-loader-bar.gif) no-repeat;
	border:1px #900 solid;
	top:20px;
	left:20px;
}
.list li a:link,
.list li a:active,
.list li a:visited{
	text-decoration:none;
	color:#060;
}
.list li a:link  div img,
.list li a:active div img,
.list li a:visited div img{
	border:0px;
	width:40px;
	height:40px;
	float:left;
}
.list li a div{
	width:100%;	
}
.list li a div table tr td{
	vertical-align:top;	
	padding:5px;
}.services_content{
	width:100%;
	position:relative;
}
.services_content * h1{
	margin-bottom:3px;	
}
.services_content .article_header{
	position:relative;
	border-bottom:#d3d3d3 1px solid;
	color:#666;
}
.long_story_title{
	position:relative;
	color:#890407;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;	
	width:600px;
	height:61px;
	padding-top:10px;
	
}
.long_story_subtitle{
	position:absolute;
	top:40px;
	color:#890407;
	font-size:11px;
	font-style:italic;
	font-family:Arial, Helvetica, sans-serif;
}
.long_story_content{
	font:110% Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	padding:5px;
	font: 110% Arial, Helvetica, sans-serif;
}
.long_story_content * img{
	float:left;	
	margin-top:5px;
	margin-right:5px;
	margin-bottom:5px;
	border:#CCC 1px solid;
	background:white;
	padding:3px;
}
.long_story_content * img.right{
	float:right;
	margin-top:5px;
	margin-left:5px;
	margin-bottom:5px;
	border:#CCC 1px solid;
	background:white;
	padding:3px;
}

.long_story_picture{
	float:right;	
}.tag{
	background-color:#a7a7a7;
	color:#fff;
}
.commentarea{
	position:relative;
}
.commentarea_header{
	position:relative;
	height:60px;
	background-image:url(../images/bar_background.png);
	background-position:top;
	background-repeat:repeat-x;
	vertical-align:top;
	border-bottom:#d9d9d9 1px solid;
	border-collapse:collapse;
}
.commentarea_header h3.header{
	position:absolute;
	top:0px;
	left:10px;
	margin:0px;
	color:#06F;
	font:Bold Italic 170% Arial, Helvetica, sans-serif;
}
.commentarea_header .postcount{
	position:absolute;
	right:10px;
	bottom:5px;
	font:Italic 110% Arial, Helvetica, sans-serif;
}
a:link ,a:visited, a:active, em a:link, em a:visited, em a:active{
	color:#030;
	text-decoration:none;
}
em a:hover{
	color:#000;
	text-decoration:underline;
}

em.description{
	font: italic 90% Georgia, "Times New Roman", Times, serif;
}
.pinnacle_list{
	list-style:none;
	padding:0px;
	margin:0px;
	width:100%;
}
.pinnacle_list li{
	width:100%;
}
.pinnacle_list li * div{
	padding:5px;	
}
.pinnacle_list li a:active,
.pinnacle_list li a:link,
.pinnacle_list li a:visited{
	text-decoration:none;
}
.pinnacle_list li a:active * img,
.pinnacle_list li a:link * img,
.pinnacle_list li a:visited * img{
	border:0px;	
}
.floatright{
	float:right;
}
.floatleft{
	float:left;	
}

.footer_tag{
	height:30px;
	width:237px;
	color:#333;
	font:10px Verdana, Geneva, sans-serif;
	position:absolute;
	top:-40px;
	left:0px;
}
.dropDownMenu{
	position:relative;
	border:1px solid #fff;
}
.dropDownMenu .subMenu{
	display:none;
	position:absolute;
	background-color:#f1f1f1;
	color:#333;
}
.dropDownMenu:hover .subMenu{
	display:block;
	cursor:pointer;
	z-index:12;
}
.dropDownMenu:hover{
	cursor:pointer;
	border:1px solid #ddd;
}

/*for the photo album*/
.albumThumbnail{
		position:relative;	
	}
	.articleImage{
		position:relative;	
	}
	.articleImage #caption{
		display:block;
		position:absolute;
		bottom:25px;
		left:10px;
		color:#eee;
		padding:2px;
		text-transform:capitalize;
		font:italic 90% Verdana, Geneva, sans-serif;
		margin:1px;
	}
	.articleImage:hover>#caption{
		background-color:#333;
		margin:1px;
	}
	.albumThumbnail a #caption{
		display:block;
		position:absolute;
		bottom:20px;
		left:10px;
		background-color:#333;
		border:1px solid #333;
		color:#CCC;
		padding:2px;
		cursor:pointer;
		text-transform:capitalize;
	}
	.albumThumbnail:hover>a #caption{
		background-color:#fff;
		color:#333;
		border:1px solid #fff;
	}
	.highlighted{
	   color:green;
	   font-weight:bold;
	   font:italic 100%;
	}
	
	a.vbl1{
			display: block;
			position: relative;
			width: 60px; 
			height: 98px; 
			text-align: center;
			font-size: 9px; 
			color: #005A78;
			text-decoration: none;
			overflow: hidden;
			padding:0px;
			margin:0px;
			background:url(http://alaskaoregonwesternwashington.app.bbb.org/logo/pinnacle-roofing-professionals-22514513.png) no-repeat 0 0;
	} 

	a.vbl1:hover{
		background-position:-60px 0px;	
	}