/* CSS Document */

.MsoNormal {
	margin:0;
	padding:0;
	}

img	{
	border:none;
	}

a	{
	text-decoration:underline;
	color:#f7a221;
	}

a:hover	{
	color:#ccc;
	}

a:hover img {
	filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;	
	}


strong, b, B {
	font-weight:bold;
	}


h1	{
	padding:0;
	margin:0;
	font-size:20px;
	color:#f7a221;
	font-weight:lighter;
	}

h2	{
	padding:0;
	margin:0;
	font-size:17px;
	color:#f7a221;
	font-weight:bold;
	}

html,body {
	margin:0;
	padding:24px 0 0 0;
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:lighter;
	color:#333333;
	line-height:20px;
	}

.clear	{
	height:0;
	width:0;
	margin:0;
	padding:0;
	clear:both;
	line-height:0;
	}

.wrapper {
	margin:0;
	padding:0;
	}
	
.container {
	position:relative; 
	margin:0 auto;
	width:823px;
	padding:0;
	}

.header {
	height:81px;
	padding:0;
	margin:0;
	background:url(../images/logo.gif) no-repeat;
	}
	.header img {
		float:left;
		}
 
.csr_roofing_link {
	position:absolute;
	left:670px;
	float:right;
	width:156px;
	height:42px;
}
 
.header_nav	{
	padding:0;
	margin:52px 10px 0 0;
	_margin:52px 5px 0 0;
	float:right;
	letter-spacing:1px;
	font-family:Tahoma;
	font-size:11px;
	text-align:right;
	}
	.header_nav ul	{
		margin:0;
		padding:0;
		}
		.header_nav li	{
			display:inline;
			list-style:none;
			padding:0;
			margin:0 0 0 23px;
			}
		.header_nav li a	{
			padding:2px;
			margin:0;
			color:#000;
			text-decoration:none;
			}
			.header_nav li a:hover {
				border-bottom:3px solid #f7a221;
				}
			.header_nav li a:active {
				border-bottom:3px solid #f7a221;
				}
			.header_nav li a.cur {
				border-bottom:3px solid #f7a221;
				}

.main	{
	overflow:hidden;
	padding:0;
	margin-top:15px;
	}
	
#banner {
	position:relative;
	width:823px;
	height:390px!important;
	margin-bottom:20px;
	overflow:hidden;
}
	#banner-corner{
	background:url(../images/banner-corner.png) no-repeat;
	width:823px;
	height:390px;
	position:absolute;
	z-index:9;
	top:0px;
	}
	#banner-img{
	width:823px;
	height:390px!important;
	overflow:hidden;
	}
	#banner-img img{
	position:absolute;
	margin:0;
	}
.tile_profiler {
	margin:0 0 10px 0;
	padding:0;
	height:283px;
	}
.sidebar	{
	float:left;
	width:249px;
	padding:0 19px 0 22px;
	margin:0;
	}
	.sidebar_nav ul {
		margin:0;
		padding:0;
		}
		.sidebar_nav li {
			list-style:none;
			margin:0;
			padding:0;
			}

.content {
	padding:0px; 
	margin:0;
	}

.content_shop {
	float:right;
	padding:0px; 
	margin:0;
	width:100%;
	}

/**
 *Homepage
 */
	
	.content_fp {
	
	}
	
	.content_fp_intro table {
		margin:10px 0 0 0;
		padding:0;
		}
	.content_fp_intro table img {
		border:1px solid #ccc;
		padding:1px;
		margin:4px 0 6px 0;
		_margin:0 0 6px 0;
		}

/**
 *Footer
 */

.footer {
	height:38px;
	width:823px;
	padding:0;
	margin:0 auto;
	}
	.foot_links	{
		padding:27px 0 0 0;
		float:left;
		color:#333;
		font-size:12px;
		}
		.foot_links a {
			color:#333;
			text-decoration:none;
			}
		.foot_links a:hover {
			color:#ccc;
			}
	.titan	{
		float:right;
		margin:20px 0 0 0;
		}

/**
 *Content
 */

.cat_desc table td h1 {
	margin:0;
	padding:0;
	}

.cat_desc img {
	margin:5px;
	padding:1px;
	border:1px solid #ccc;
	}

.content_block {
	padding:0;
	margin:0;
	overflow:hidden;
	}
		.content_intro img {
			margin:5px;
			padding:1px;
			border:1px solid #b8b8b8;
			}

.content_block_text img {
	margin:5px;
	padding:1px;
	border:1px solid #ccc;
	}
	
/**
 *Contact Styles 
 */

.contact_info 	{
	float:left;
	width:150px;
	}
	.contact_info strong {
		font-weight:bold;
		}
.goog_map	{
	padding:1px;
	margin:40px 0 0 0;
	_margin:44px 0 0 0;
	}	
		.goog_map iframe	{
			border:1px solid #ccc;
		}
.goog-txt {
	margin:0;
	padding:0;		
	text-decoration:underline;
	}

.contact_form {
	margin:45px 0 0 60px;
	padding:0;
	float:right;
	}
	.contact_form div label {
		float: left;
		width: 90px;
		margin:0;
		}
	.contact_form input.txt, .contact_form .sel {
		border: 1px solid #ccc;
		width: 300px;
		margin:0 0 5px 0;
		}
	.contact_form .txt_area, .txt_area  {
		border: 1px solid #ccc;
		width: 300px;
		height: 200px;
		margin:0 0 5px 0;
		}
	.contact_form input.btn {
		width:92px;
		height:32px;
		border:1px solid #ccc;
		background:url(../images/submit_bg.png) bottom #fff repeat-x;
		margin:0 0 0 90px;
		_margin:0 0 0 92px;
		padding:0;
		color:#888;
		clear:both;
		}

/**
 *Gallery  
 */

.photo_thumb {
	border:1px solid #b8b8b8;
	margin:10px 5px 0 0;
	padding:2px 2px 0 2px;
	float:left;
	}
	.photo_thumb:hover {
		border:1px solid #ccc;
		}
.gallery_block {
	width:450px;
	margin:0 10px 15px 0;
	padding:0;
	float:left;
	}
	.gallery_thumb {
		margin:0;
		padding:0;
		float:left;
		}	
		.gallery_thumb img {
			border:1px solid #b8b8b8;
			padding:1px;
			margin:0;
			}
		.gallery_thumb a:hover img {
			border:1px solid #b8b8b8;
			padding:1px;
			}
		.gallery_txt {
			margin:10px 0 0 5px;
			padding:0;
			float:left;
			}
		.gallery_description_main {
			margin:10px 0 0 0;
			padding:0;	
			clear:both;
			}
.gallery_name a {
	margin:0 0 0 5px;
	padding:0;
	}
.gallery_description {
	width:320px;
	float:left;
	padding:0;
	margin:0 0 0 5px;
	}

.maingallery_description {
	margin-top:15px;
	}

.gallery_back {
	margin:10px 0 0 0;
	padding:0;
	}

/**
  Shop
*/

.cat_desc {
	margin:0
	}
.prod_cat_title h1	{
	padding-bottom:15px;
	}

.prod_cat {
	clear:both;
	margin:10px 0 10px 0;
	padding:0;
	}
	.prod_cat_desc {
		float:left;
		width:500px;
		}
	.prod_cat_img img{
		width:250px;
		margin:0 10px 0 0;
		padding:1px;
		border:1px solid #ccc;
		}

.product {
	width:120px;
	margin:10px 40px 10px 0;
	padding:0;
	float:left;
	}
.metal_roof_product {
	width:220px;
	margin:10px 40px 10px 0;
	padding:0;
	float:left;
	}

	.product_title a:hover h2 {
		color:#ccc;
		}
	.product_image {
		margin:2px 0 0 0;
		}
		.product_image a img {
			margin:0;
			padding:1px;
			border:1px solid #ccc;
			}
	.product_details {
		width:140px;
		float:left;
		}

.product_main_name {
	margin:0 0 15px 0;
	}
.product_main_img {
	margin:0 15px 0 0;
	padding:1px;
	float:left;
	border:1px solid #ccc;
	}
.product_main_desc {
	width:400px;
	float:right;
	margin-right:30px;
	}
.product_main_price {
	width:200px;
	float:right;
	margin:10px 0 0 0;
	}

.gallery_nav {
	margin:0;
	padding:0;
	clear:both;
	color:#ccc;
	}