html,
body {
		margin:0;
		padding:0;
		height:100%;
		background-image: url(images/BKND_logo2.jpg);
 	background-repeat: repeat;
	}
#wrapper {
		width:900px;
		margin:0 auto;
		min-height:100%;
		background-color:#FFF;
		position:relative;
		
	}
#header {
	background-image: url(images/hdrBKND.jpg);
 	background-repeat: repeat-x;
	width:100%;
	height:200px;
	text-align:center;
	margin:0 auto;
	padding-bottom:0;
	border:0px solid #CCC;
	
	}
	
#menu{
	
	margin:0px auto;
	width:100%;
	height:50px;
	text-align:center;
}

ul.nav{
	list-style:none;
	padding:5px;
	padding-left:0;
	margin-left:0;
	margin-top:0px;
	display:inline;

}

ul.nav a:link{
	padding:0 15px 0 15px;
	text-decoration:none;
	font:.9em arial, verdana, sans serif;
	width:135px;
	margin-top:15px;
	color:#FF9;
	height:145px;
	border:1px solid #FFF;	
}

ul.nav a:visited{
	text-decoration:none;
	font:.9em arial, verdana, sans serif;
	width:125px;
	color:#330
} 

ul.nav a:hover{
	
	color:#330;
}


ul.nav li{
	list-style:none;
	padding:0 20px 20px 20px;
	border-bottom:0px solid #660;
	text-align:center;
	width:250px;
	height:30px;
	border:1px solid #FFF;	
	display:inline;
}

ul.nav li:hover{

background-color:#360
}

li:hover ul{
	width:250px;
	height:30px;
	border:1px solid #FFF;
}

#pg_heading{
	background-image:url(images/ca_lic_number.jpg);
	background-repeat:no-repeat;
	background-position:right;
	height:60px;
	margin:8px 15px;
	border:0px solid black;
	padding:0
}


	/*----------------------------------------------------------------------------------------
testimonials
------------------------------------------------------------------------------------------*/


	
	
#testL{
	float:left;
	background-image: url(images/testimonialBKND.jpg);
 	background-repeat: repeat-yes;
	margin-left:-225px;
	margin-top:-188px;
	width:210px;
	height:950px;
	border:1px solid black;
	text-align:right;
	}

#testR{
	background-image: url(images/testimonialBKND.jpg);
 	background-repeat: repeat-yes;
	float:right;
	background-color:#FFF;
	margin-right:-215px;
	margin-left:15px;
	margin-top:-188px;
	width:200px;
	padding-left:-10px;
	border:1px solid black;
	height:950px;
	}
	
p.testimonials{
	font:12px Arial, Verdana, sans-serif;
	line-height:1.60em;
	padding:15px;
	margin-top:-3px;
	}
	
	
	
	/*----------------------------------------------------------------------------------------
end testimonials
------------------------------------------------------------------------------------------*/



#content {
		padding:10px;
		padding-top:0px;
		padding-bottom:200px;	/* Height of the footer */
		border:0px solid yellow;
	}
	
.content { 
	font:14px arial, helvetica, sans serif;
	color:#000;
	margin: 0 0 10px 10px;
	text-align:justify;
	line-height: 1.5em;
	}
	
	
	
/**list**/	
	
	ul{
	
	border:0px solid black;
	text-align:left;
}

li {
	padding: 0px 4px 5px -5px;
	font-family: Arial, Verdanna, Helvetica, sans-serif;
	font-size:12px;
	font-weight:700;
	color:#009;
	margin-bottom: .5em;
	line-height:1.25em;
}

 li.decision{
 	font:.85em Times Roman, Georgia, serif;
	margin-bottom:.5em;
	line-height:1.15em;
 }



#vision {
	float:right;
	border:1px solid #906;
	width:275px;
	height:200px;
	margin:5px 15px  5px 15px;
	color:#903;
	font-size:14px;
	line-height: 1.25em;
	font-family: arial, helvetica, sans-serif;
	text-align:justify;
	padding:5px;
}

#tip {
	
	background-image: url(images/tipBKND.jpg);
 	background-repeat:no-repeat;
 	border:0px solid #906;
	width:800px;
	height:225px;
	margin:5px 5px  5px 35px;
	
	padding-bottom:50px;
	padding-top:45px;
}

p.tip{
	border:0px solid black;
	color:#009;
	font-size:14px;
	line-height: 1.25em;
	font-family: arial, helvetica, sans-serif;
	font-weight:500;
	text-align:justify;
	margin: 10px 15px;
}

p.tip_bottom{
	background-image: url(images/tipBTM.jpg);
 	background-repeat:no-repeat;
 	height:75px;
 	margin-top:-15px;
 	
}

h3.tip{
	font-size:24px;
	line-height:1.25em;
	font-family:arial, helvetica, sans-serif;
	color:#009;
	font-weight:600;
	border:0px solid black;
	padding-left:12px;
	padding-top:12px;
	margin-bottom:2px;

}



h3.visionhdr{
	float:none;
	font-size:18px;
	text-align:center;
	background-color:#CC6;
	width:265px;
	margin:0 auto;
	padding-top:10px;
	padding-bottom:10px;
	height:25px;
	border:1px solid #906;

}

h2.gallery{
	
	font:14px Arial, Verdanna, Helvetica, sans-serif;;
	color:#FFF;
	background-color:#009;
	width:265px;
	margin-left:160px;
	padding-left:10px;
	padding-top:7px;
	height:25px;
}


#warranty{
	float:clear;
	border:3px solid #C00;
	width:320px;
	margin:-145px 0  5px 15px;
	text-align:left;
	line-height:1.25em;
	font: 14px Arial, Helvetica, sans-serif;
	color:#009;
	padding:10px;
}
#decision {
	float:clear;
	border:3px solid #C00;
	width:345px;
	height:330px;
	color:#009;
	
	margin:-345px 15px  10px 500px;
	text-align:center;
	font-size: 18px;
	line-height: 1.45em;
	font-family: arial, helvetica, sans-serif;
	padding:3px;
}

#promo {
	float:clear;
	border:0px solid black;
	width:215px;
	margin:0px 0  5px 325px;
	text-align:center;
}

div.services {
	width:850px;
	height:100%;
	margin-left:25px;
	padding-bottom:5px;
	border-top:2px solid #00C;
	margin-top:0;
	margin-bottom:10px;
}

.servicesPics {
	width:850px;
	padding-left:5px;
	margin-left:25px;
	padding-bottom:5px;
	
	margin-top:-10px;
	margin-bottom:0px;
}
	
	h3.services {
	font-family: verdanna, helvetica, sans-serif;
	color:#00C;
	font-size: 18px;
	text-align:left;
	margin-left:10px;
	
	}
	
	img.servicesT{
	padding:0px;
	width:65px;
	height:55px;
	
	}
	
	p.services_sub {
	font-family: verdanna, helvetica, sans-serif;
	color:#00C;
	font-size: 14px;
	text-align:left;
	margin-left:25px;
	
	}
	
div.faq p {
	width:850px;
	margin-left:25px;
	font:14px Arial, Verdanna, Helvetica, sans-serif;
	color:#000;
	text-align:justify;
	line-height:1.45em;
	margin-top:-10px;
	border:0px solid black
	
}
	
	p.faq {
	
	font-family: 800 Verdanna, Helvetica, Sans-serif;
	background-color:#CCC;
	font-weight:600;
	color:#006;
	padding-top:8px;
	padding-bottom:10px;
	padding-left:25px;
	font-size: 20px;
	text-align:left;
	margin-left:10px;
	
	
	}
	
	
	//*p.faq_text{
	font:14px Arial, Verdanna, Helvetica, sans-serif;
	color:#000;
	text-align:justify;
	line-height:1.45em;
	padding:2px;*//
	
	}
	
.gallery{
	font:10px Arial, Verdana, sans-serif;
	}
	
	
p.services_text{
	font:14px Arial, Verdanna, Helvetica, sans-serif;
	background-color:#CCC;
	color:#000;
	text-align:justify;
	line-height:1.45em;
	padding:15px;
	
	}
	
	img.servicesT{
		width:60px;
		border:1px solid#009;
	}
	
#products{
	float:clear;
	text-align:left;
	padding:10px;
	line-height:.5em;
	
	border:1px solid #999;
	background-color:#CCC;
	margin:10px 15px;
	width:160px;
	height:100%;
	
}

#contact{
	
	width:500px;
	height:200px;
	margin-left:80px;
	margin-bottom:10px;
	padding-bottom:225px
	
}

#contact_info{
	border:px solid #999;
	width:375px;
	height:238px;
	float-left;
	text-align:center;
	margin-bottom:5px;
	padding:10px
	
}

img.contact {
	border:0px solid #999;
	padding-bottom:10px;
	float:left;
}	

h3.products{
	font-family: verdanna, helvetica, sans-serif;
	color:#009;
	font-size: 16px;
	margin-bottom:10px;
	padding-left:5px;
	
	
	
	}
	
a.misc{
	font:14px verdanna, helvetica, sans serif; 
	color:#009;
	text-decoration: none;
	display:block;
	width:160px;
	padding-top:10px;
	}
	
	
 a.products{
	font:14px verdanna, helvetica, sans serif; 
	color:#C03;
	text-decoration: none;
	display:block;
	width:160px;
	padding-left:10px;
	
	}
	
 
.products a:link{
		margin:10px auto;
		width:100px;
		color:#C03;
	}

 a.products:hover{

	background-color:#999;
	width:150px;
	


}


 p.products{
	font:12px verdanna, helvetica, sans serif; 
	color:#333;
	text-decoration: none;
	
	line-height:1.5em;
	padding-left:10px;
}
	
	
.products_logo{

	margin:0 220px;
	border:0px solid#000;

}

/*----------------------------------------------------------------------------------------
gallery
------------------------------------------------------------------------------------------*/
#gallerymain{
	width:850px;
	height:100%;
	height:400px;
	margin:0 auto;
	padding:3px;
	border:0px solid black;
	padding-bottom:0px;
}

.gallery{
	float:left;
	width:250px;
	padding:6px;
	padding-bottom:100px;
	border:0px solid black;
	padding:0;
	margin-right:10px;
	margin-left:15px;
	margin-bottom:25px;
	
}


img.gallery{

	border:1px solid #000;
	width:100px;
	text-align:right;
}

h3.galleryT{
	font:16px arial, helvetica, sans-serif;
	font-weight:800;
	color:#003;
	margin-top:0;
	}

div#gallery {
	float:clear;
	width: 555px;
	height:338px;
	margin: 0 auto;
	padding:3px;
	border:3px solid #00C;
	padding-bottom:5px;
}
img.gallerythumb {
	float:left;
	border:1px solid #FFF;
	width:65px;
	text-align:left;
}	



	
div#mainimage{
	float:right;
	border:2px solid #999;
	width:375px;
	
	
}

img.gallerymain {
	float:right;
	border-left:0px solid #999;
	width:375px;
	padding:0px;
	
	}
	

 p.gallery {
	
	font: .75em/normal Verdana, Arial, Helvetica, sans serif;
	color:#333;
	width: 200px;
	height: 130px;
	margin-top:10px;
	margin-bottom:10px;
	border:1px solid #00C;
}

#main-gallery{
	margin:50px auto;
	width:670px;
	
	
	text-align:center;
	}
	
#main-pic img{
	
	width:600px;
	height:300;
	border:1px solid #009;
	padding-bottom:0;
	
}



#thumbs img{
	display:inline;
	width:75px;
	border:1px solid #999;
	text-align:center;
	margin-left:5px;
	margin-top:5px;
	
}



/*----------------------------------------------------------------------------------------
slide show
------------------------------------------------------------------------------------------*/




	
	
	}
	#dhtmlgoodies_slideshow{
		margin:10px 10px;
		
		width:550px;/* Total width of slideshow */
		border:0px solid #ccc;
		padding-bottom:10px;
		
		

	}
	
	#previewPane{
		border:1px solid #ccc;
		margin-top:0px;
		margin-left:10px;
		margin-right:10px;
		width:550px;
		text-align:center;
		vertical-align:middle;
		padding-top:10px;
		padding-bottom:10px;

		position:relative;
		
		/* CSS HACK */
		height: 432px;	/* IE 5.x */
		height/* */:/**/420px;	/* Other browsers */
		height: /**/420px;
				
	}
	#previewPane img{
		line-height:450px;
	}
	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
		font-style:italic;
		text-align:center;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
		font-size:0.9em;
	}
	#galleryContainer{
		margin-left:10px;
		margin-right:10px;
		height:100px;	/* Height of the images + 2 */
		width:548px;
		border:1px solid #CCC;
		position:relative;
		overflow:hidden;
		padding:1px;
		
		/* CSS HACK */
		height: 104px;	/* IE 5.x - Added 2 pixels for border left and right */
		height/* */:/**/100px;	/* Other browsers */
		height: /**/100px;
				
	}
	#arrow_left{
		position:absolute;
		left:0px;
		z-index:10;
		background-color: #FFF;
		padding:1px;
	}
	#arrow_right{
		position:absolute;
		right:0px;
		z-index:10;
		background-color: #FFF;
		padding:1px;		
	}
	#theImages{
		position:absolute;
		height:100px;
		left:40px;
		width:100000px;
		
	}
	#theImages #slideEnd{
		float:left;
	}
	#theImages img{
		float:left;
		padding:1px;
		filter: alpha(opacity=50);
		opacity: 0.5;
		cursor:hand;
		border:0px;
	}

	#waitMessage{
		display:none;
		position:absolute;
		left:200px;
		top:150px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;	
	}
	
	#theImages .imageCaption{
		display:none;
	}
	
			
	/*----------------------------------------------------------------------------------------
shingles
------------------------------------------------------------------------------------------*/


	
	#shingle-styles {
				list-style: none;
				margin: 0 auto;
				width:600px;
				padding: 0;
				border:1px solid #000;
				
			}

			#shingle-styles li {
				padding: 1em 0 1.5em 0.75em;
				background: url("/around/roofing/images/shingles/comp_item_bg.gif") bottom left repeat-x;
				overflow: hidden;
				zoom: 1;
			}

			* html #shingle-styles li { height: 1%; }

			.large-swatch {
				background: #dcd8d3;
				float: left;
				margin-right: 10px;
				
			}

			.large-swatch input { vertical-align: middle;  }
			.large-swatch img { vertical-align: middle; }

			#shingle-styles h3 { margin: 0 0 0.35em 0; padding: 0; }
			#shingle-styles h3 a {
				color: #000;
				font-size: 1.1em;
			}

			.shingle-warranty-image, .shingle-warranty-link { float: left; }
			.shingle-warranty-image { margin-right: 15px; }
			.shingle-warranty-link { width: 130px; margin-right: 10px; }
			.shingle-warranty-link h4, .shingle-warranty-link p {
				margin: 0;
				padding: 0;
				font-size: 0.9em;
			}

			.shingle-warranty-link a { font-size: 0.9em; }

			#shingle-styles .shingle-specs {
				float: left;
				width: 200px;
				margin: 0;
				padding: 0;
			}

			#shingle-styles .shingle-specs li {
				font-size: .95em;
				background: none;
				padding: 0;
				margin: 0;
			}

			#shingle-styles .shingle-specs li a { font-size: 1em; }

			.color-options-toggle {
				clear: both;
				padding: 0.25em 0 0 0;
				margin: 0;
				border-bottom:2px solid #00C
				
			}

			.toggle, .toggle-open {
				padding-left: 12px;
				background: url(http://owenscorning.com/around/roofing/images/shingles/arrow_up.gif) 0 50% no-repeat;
				color: #000;
				font-size: 0.85em;
				font-weight: bold;
			}
			
			.toggle-open { 
				background-image: url(http://owenscorning.com/around/roofing/images/shingles/arrow_down.gif);
				padding-left: 14px;
			}

			#shingle-styles .shingleline-colors {
				margin: 0.35em 0 0 0;
				padding: 0;
				overflow: hidden;
				zoom: 1;
				
				
				
			}
			#shingle-space{
				height:10px;
				background-color:#FFF;
				border-top:5px;
			}

			#shingle-styles .shingleline-colors li {
				background: none;
				display: block;
				float: left;
				padding: 1px;
				margin-right: 2px;
				border: 2px solid #fff;
			}

			#shingle-styles .shingleline-colors li.colorFamilySelected {
				border: 2px solid #df318c;
			}

			#shingle-styles .shingleline-colors li img { 
			display: block; 
			
			}
		
	/*----------------------------------------------------------------------------------------
scroller
------------------------------------------------------------------------------------------*/

#scroller{


border:1px solid black;
width:100px;
height:100px;
}
#indexpics {
	float:clear;
	border:0px solid black;
	height:300px;
	text-align:center;
	
	margin:0 auto;
	padding:10px 10px;
	
	
}
#footer {
		position:absolute;
		text-align:center;
		bottom:0;
		width:100%;
		height:200px;       		/* Height of the footer */
		border-top:1px solid black;
		padding-top:3px;
		background-color:#FFF;
		
	}
	
	a.footer  {
		
		font-size:10px;
		font-family:Arial, Helvetiva, Verdanna, sans-serif;
		color:#000099;
		font-weight:500;
		text-decoration:none;
		
	}

a.footer:link{
	font-family:arial, helvetica, sans serif;
	color: #000099;
	
	text-decoration: none;
}


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

a.footer:active{
	color: #000099;
	
	text-decoration: none;

}

 a.footer:visited{
	color: #900;
	text-decoration: none;
}



	
p.copy{
	font: 10px arial, verdana, sans serif;
	text-align:left;
	float:left;
	padding:20px 0 0px 5px;
	width:300px;
	border:0px solid black;

	
}
	
p.jse{
float:right;
	font: 10px arial, verdana, sans serif;
	border:0px solid black;
	width:100px;
	height:75pxcss">
	#container {
		height:100%;
	}
	</style>
	<![endif]-->