@charset "utf-8";
/* CSS Document */
@import url('grid.css');

.page_container{
	width:100%;
	height:100%;
	padding:0px;
	margin:0px;
	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;
	font-family:Arial, Helvetica, sans-serif;
}
h1, div h1, .mainframe div h1, .leftframe h1{font-size:30px;}
.top_panel{
	width:100%;
	height:30px;
	margin:0px;
	position:relative;
	font-size: 85%;
	color:#929292;
	vertical-align:middle;
	min-width:1024px;
}
.imageborder{
	border:#CCC 1px solid;
	background:transparent;
}
.top_panel .text{
	padding-top:5px;	
}

table tr td{font-family:Arial, Helvetica, sans-serif;}
p{font-family: Arial, Helvetica, sans-serif;}

.top_panel .get_phonenumber_form{
	position:absolute;
	right:0px;
	top:0px;
	height:30px;
	width:45%;
	background-color:#202020;
	color:#fff;
	font-size:12px;
	font-weight:normal;
	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:10px;
	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-size:14px;	
}
.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-size:14px;	
}
.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-size:100%;
	text-decoration:none;
	color:#efefef;
}
.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:#bc0101;}

.footer{
	width:100%;
	background: #00702b; /* Old browsers */
	background: -moz-linear-gradient(top,  #00702b 0%, #00502e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00702b), color-stop(100%,#00502e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #00702b 0%,#00502e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #00702b 0%,#00502e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #00702b 0%,#00502e 100%); /* IE10+ */
	background: linear-gradient(top,  #00702b 0%,#00502e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00702b', endColorstr='#00502e',GradientType=0 ); /* IE6-9 */

	padding:0px;
}
.imageborder{
	border:#CCC 1px solid;
	background:white;
	padding:5px;
}
.footer .content{
	font-size:65%;
	color:#fff;
	width:1000px;
	margin:0 auto;
	position:relative;
	padding-top:10px;
	
}.footer .content table tr td{
	vertical-align:top;	
}

.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-style:italic;
	font-size:90%;
	
}
.subtitle{
	font-style:italic;
	font-size: 90%;
}
.content_preview .subtitle a:active,.content_preview .subtitle a:link,.content_preview .subtitle a:visited{
	color:#bc0101;
	text-decoration:none;
	font-style:italic;
	font-size: 80%;
}
.content_preview .subtitle a:hover{
	color:#950303;	
}
.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-size:95%;
	color:#888888;
}

.content_preview .content{
	margin-top:10px;
	height:auto;
	font-size:70%;
	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-size:90%;
	color:#121212;
}
.leftframe, .rightframe{
	color:#202020;
	font-size:12px;
}
.leftframe{
	padding:5px 15px 5px 5px;
	position:relative;
}
.rightframe{
	position:relative;
	text-align:right;
}
.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 #bc0101;
}
.leftframe .logodisplay img a:hover{
	border:1px solid #950303;	
}
.leftframe a:active,.leftframe a:link,.leftframe a:visited, .rightframe a:active,.rightframe a:link,.rightframe a:visited{
	text-decoration:none;
	color:#bc0101;
}
.rightframe a:hover,.leftframe a:hover{
	color:#950303;	
}

.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:#dfdfdf;	
}
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-size:100%;
	color:#333;
}
a:link, a:visited,a:active{
	text-decoration:none;
	color:#bc0101;
}
a:hover{
	color:#950303;
}
.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:#bc0101;
}
.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;
	width:600px;
	height:61px;
	padding-top:10px;
	
}
.long_story_subtitle{
	position:absolute;
	top:40px;
	color:#890407;
	font-size:11px;
	font-style:italic;
}
.long_story_content{
	font-size:12px;
	color:#333;
	padding:5px;
}
.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-style:italic;
}
.commentarea_header .postcount{
	position:absolute;
	right:10px;
	bottom:5px;
	font-style:italic;
	font-size:110%;
}
a:link ,a:visited, a:active, em a:link, em a:visited, em a:active{
	color:#bc0101;
	text-decoration:none;
}
em a:hover{
	color:#020202;
	text-decoration:underline;
}

em.description{
	font-style:italic;
	font-size: 90%;
}
.grid_title{
	height:34px;
	width:990px;
	-moz-border-radius:0px 5px 0px 5px;
	-webkit-border-radius:0px 5px 0px 5px;
	border-radius:0px 5px 0px 5px;
	background:#dfdfdf url(../images/pinnacle_list_title_background.png) repeat-x;
	margin-bottom:1px;
	border:1px solid #ddd;
	border-width:1px 0px 1px 0px;
}
.title_image{
	position:absolute;
	left:-20px;
	top:-20px;	
	z-index:9999;
}
.grid_title_item, .grid_title_item a{
	height:34px;
	line-height:34px !important;
	text-transform:uppercase;
	font-size:18px;
	position:relative;
	text-align:center;
	z-index:1;
}
#float_link_bottom_right{position:absolute;bottom:-30px;right:-17px;}
.pinnacle_list{
	list-style:none;
	padding:0px;
	margin: 10px 0px 0px 0px;
}
.pinnacle_list li{
	height:82px;
	overflow:hidden;
	padding:0px;
	margin:0px 0px 10px 0px;
	/*background:#e4e2e2 url(../images/pinnacle_list_background.png) repeat-x;
	border:1px solid #cccccc;
	border-width:0px 0px 1px 0px;*/
}
.pinnacle_list li a div.imageframe_white{width:98px;height:72px;border:3px solid #fff;overflow:hidden;background:#fff;text-align:center;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.pinnacle_list li a div.imageframe_white img{vertical-align:middle;}
.pinnacle_list li a div h4,.pinnacle_list li div h4 a{text-transform:capitalize;color:#bc0101;font-size:11px;text-transform:uppercase;margin:0px 0px 10px 0px;}
.pinnacle_list li a div em,.pinnacle_list li div em{font-size:10px;font-style:italic;color:#333;}
.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-size:10px;
	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;	
	margin-right:5px;
	display:inline;
}
a img{border:0px;}
	.articleImage{
		position:relative;	
	}
	.articleImage #caption{
		display:block;
		position:absolute;
		bottom:25px;
		left:10px;
		color:#eee;
		padding:2px;
		text-transform:capitalize;
		font-style:italic;
		font-size:90%;
		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-style:italic;
	   font-size: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;	
	}
/*footer navigation*/
#footer_nav_list{list-style:none;padding:0px;margin:0px;display:inline;display:inline-block;vertical-align:top;}
#footer_nav_list.firstcol{margin-right:20px;}
#footer_nav_list li{padding:0px 0px 5px 0px;font-size:11px;}	
#footer_nav_list li a{}
	
#new_award{background-color:#006595;color:#fff;font-size:12px;text-transform:uppercase;margin-bottom:10px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;position:relative;}
#new_award div#award_text{display:inline-block;line-height:30px;vertical-align:top;padding:10px 0px 0px 0px;}
#new_award * img, #new_award img{height:81px;}
/*recognition area*/
#recognition{padding:5px;width:100%;background:#dfe0e4 url(../images/recognition_area_background.png) repeat-x;border:1px solid #dfdfdf;margin-top:-30px;margin-left:-10px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
#emblem{width:131px;height:131px;background:url(../images/emblem.png) no-repeat;position:absolute;top:-35px;right:-8px;}
.text-shadow{
	text-shadow: 1px 0px 1px #fff;
}
.round_bottom{
	-moz-border-radius:0px 0px 5px 5px;
	-webkit-border-radius:0px 0px 5px 5px;
	border-radius:0px 0px 5px 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dfdfdf));
    background: -moz-linear-gradient(top,  #ffffff,  #dfdfdf);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dfdfdf');}
.box-shadow {
	-moz-box-shadow: 2px 2px 10px #000;
	-webkit-box-shadow: 2px 2px 10px #000;
	box-shadow: 2px 2px 10px #000;
}

.projects_preview{
	padding:10px 0px 10px 0px;
	height:260px;
}

/*for slider here*/
.projects_preview #project_slider{position:relative;margin-top:10px;}

#project_slider #project_slider_navigation{position:absolute;top:80px;left:-10px;height:32px;}
#project_slider #project_slider_navigation #next{width:32px;height:32px;position:absolute;right:15px;}
#project_slider #project_slider_navigation #previous{width:32px;height:32px;position:absolute;left:-24px;}
#project_slider #project_slider_navigation #previous:hover,
#project_slider #project_slider_navigation #next:hover{cursor:pointer;}
.projects_preview #project_slider ul.projects{list-style:none;padding:0px;margin:0px;}
.projects_preview #project_slider ul.projects li{padding: 5px 0px 0px 5px;margin-bottom:10px;display:none;}
.projects_preview #project_slider ul.projects li.selected{display:block;}
.projects_preview #project_slider ul.projects li p{position:relative;padding:0px 0px 5px 5px;margin:0px;font:italic 10px Arial, Helvetica, sans-serif;}
.projects_preview #project_slider ul.projects li h4{line-height:29px;margin:5px 0px 0px 0px;}
.projects_preview #project_slider ul.projects li h4 img{vertical-align:middle;}
.projects_preview #project_slider ul.projects li .image_wrapper{background:#fff;border:3px solid #fff;width:280px;height:170px;overflow:hidden;margin-left:5px;}

/*end of slider*/
.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}


/*--for tweets*/
.tweets{
	padding:0px;
	margin:0px;
	list-style:none;	
}
.tweet_element{
	margin-bottom:10px;
	padding:0px;
}
.tweet_element a img{float:left !important;margin-right:5px;}

.tweet_element a span#message{float:right;}
.lightred{color:red !important;}

.cols{float:left;width:311px;padding:0px;margin:0px;vertical-align:top;margin-left:30px;}
.cols.first{margin-left:0px;}
.cols.last{float:right;}
.pre-footer-link-header{width:311px;height:113px;}
.image-replace{display:block;overflow:hidden;}
.image-replace span{display:block;margin-top:-999999px;}
		
		
		
#current-projects{background:url(../images/front-page-col-bg.jpg) no-repeat;}
#latest-updates{background:url(../images/front-page-col-bg.jpg) -350px 0px no-repeat;}
#featured-products{background:url(../images/front-page-col-bg.jpg) -2px -113px no-repeat;}
#feature-products-image{width:312px;height:192px;background:url(../images/front-page-col-bg.jpg) -339px -115px no-repeat;}