@charset "utf-8";

/* CSS Document */

/* Author: Aaron M. Souza 2011 */



*

{

margin: 0;

padding: 0;

}



body

{

margin: 0;

padding: 0;

font-family: times, serif;

font-size: 95%;

color: #222222;

background: #fefbdf;

}



/* Common Elements */



br.all_clear

	{

	clear: both;

	}



ul

	{

	list-style: none;

	}



a

	{

	outline: none;

	}



/* End Common Elements */



#header

	{

	width: 948px;

	height: 120px;

	margin: 10px auto 0 auto;

	border: 1px solid #333333;

	padding: 0;

	text-align: center;

	background: url('images/header_bg.jpg') no-repeat white;

	cursor: pointer;

	}



/* Top Navigation */



#top_nav_hold

	{

	width: 948px;

	margin: 0 auto;

	border-left: 1px solid #333333;

	border-right: 1px solid #333333;

	border-bottom: 1px solid #333333;

	padding: 0;

	text-align: center;

	background: url('images/tn_a_bg_inact.jpg') repeat-x #e7e7e7 top;

	}



ul#top_nav

		{

		float: right;

		margin: 0;

		font-family: georgia, times, serif;

		text-transform: uppercase;

		font-size: 14px;

		}



ul#top_nav li

			{

			float: left;

			margin: 0;

			padding: 0 2px 0 0;

			background: url('images/tn_li_bg.jpg') right;

			}



ul#top_nav li#rightmost

			{

			padding-right: 0;

			background: none;

			}



a.tn:link, a.tn:visited, a.tn:active

				{

				display: block;

				padding: 6px 10px 5px 10px;

				color: #333333;

				text-decoration: none;

				background: url('images/tn_a_bg_inact.jpg') repeat-x #e7e7e7 top;

				}



a.tn:hover, a.tn:focus

				{

				color: #222222;

				text-decoration: none;

				background: url('images/tn_a_bg_act.jpg') repeat-x #cecece top;

				}



a.tn_blank:link, a.tn_blank:visited, a.tn_blank:active, a.tn_blank:hover, a.tn_blank:focus

				{

				display: block;

				cursor: default;

				padding: 6px 0 5px 0;

				color: #333333;

				text-decoration: none;

				background: url('images/tn_a_bg_inact.jpg') repeat-x #e7e7e7 top;

				}



a.tn_act:link, a.tn_act:visited, a.tn_act:active, a.tn_act:hover, a.tn_act:focus

				{

				display: block;

				padding: 6px 10px 5px 10px;

				color: #222222;

				text-decoration: none;

				background: url('images/tn_a_bg_act.jpg') repeat-x #cecece top;

				}



/* End Top Navigation */



#subwrap

	{

	width: 960px;

	margin: 0 auto;

	padding: 20px 0 0 0;

	text-align: center;

	}



#subwrap_main

	{

	width: 950px;

	margin: 0 auto;

	padding: 20px 5px 0 5px;

	text-align: center;

	}



/* Home Slider */



#slider_hold

		{

		width: 409px;

		height: 309px;

		float: left;

		margin: 4px 0 0 0;

		padding: 9px 0 0 9px;

		background: url('images/home_frame.jpg') no-repeat top left;

		}



#slider

			{

    		width: 400px;

    		height: 300px;

			margin: 0;

			padding: 0;

    		position: relative;

			overflow: hidden;

			background: url('images/slider_bg.jpg') no-repeat top left;

			}



ul#sliderContent

				{

    			width: 400px;

    			position: absolute;

				top: 0;

				margin: 0;

				padding: 0;

				}



li.sliderImage

					{

    				float: left;

    				position: relative;

					display: none;

					}



img.slide_img

						{

						border: 0;

						}



li.sliderImage span

						{

    					width: 384px;

    					position: absolute;

						border-top: 1px solid #6c5648;

    					padding: 8px 8px 10px 8px;

						text-align: left;

						font-size: 14px;

						font-style: italic;

						font-family: georgia, times, serif;

						font-weight: bold;

						text-transform: uppercase;

    					color: #2a221d;

						background: url('images/caption_bg.jpg');

    					display: none;

						}



span.bottom

						{

						bottom: 0;

    					left: 0;

						}



.clear

				{

				clear: both;

				}



/* End Home Slider */



#home_intro

		{

		width: 480px;

		float: left;

		margin: 6px 0 0 30px;

		text-align: left;

		}



.ie_hr

		{

		width: 950px;

		height: 1px;

		margin: 20px auto 2px auto;

		border-bottom: 1px dotted #666666;

		text-align: center;

		}



h1

		{

		margin: 0 0 10px 0;

		border-bottom: 1px solid #999999;

		padding: 0 0 4px 0;

		font-size: 150%;

		color: #222222;

		text-align: left;

		}



h1.special

		{

		margin: 0 auto;

		border-bottom: 1px solid #999999;

		padding: 2px 2px 12px 2px;

		font-size: 160%;

		color: #ff3333;

		text-align: center;

		}

		

/* Right Column */



#right_col

		{

		width: 242px;

		float: right;

		margin: 4px 0 20px 25px;

		}



img.normal_img

			{

			margin: 0 0 2px 0;

			}



p.hs_caption

			{

			margin: 0 0 16px 0;

			border-bottom: 1px dotted #666666;

			padding: 0 0 12px 0;

			text-align: right;

			font-style: italic;

			font-size: 90%;

			line-height: 140%;

			}



p.hs_caption_bottom

			{

			margin: 0 0 10px 0;

			text-align: right;

			font-style: italic;

			font-size: 90%;

			line-height: 140%;

			}



/* End Right Column */



h2

		{

		margin: 10px 0 6px 0;

		font-size: 130%;

		text-align: left;

		color: #333333;

		}



h3

		{

		margin: 10px 0 6px 0;

		font-size: 130%;

		text-align: left;

		color: #cc3333;

		}

		

		

p

		{

		clear: left;

		margin: 0 0 8px 0;

		text-align: justify;

		font-size: 110%;

		}



a.normal_link:link, a.normal_link:visited, a.normal_link:active

			{

			color: #222222;

			text-decoration: underline;

			}



a.normal_link:hover, a.normal_link:focus

			{

			color: #222222;

			text-decoration: none;

			}


a.bold_link:link, a.bold_link:visited, a.bold_link:active

			{
			color: #0000cc;
			text-decoration: underline;
			font-weight: bold;
			font-size: 110%;
			}



a.bold_link:hover, a.bold_link:focus

			{
			color: #0000cc;
			text-decoration: none;
			font-weight: bold;
			font-size: 110%;
			}
			

ul.normal_list

		{

		margin: 0 0 10px 30px;

		text-align: left;

		font-size: 110%;

		}



ul.normal_list li

			{

			margin: 0 0 5px 0;

			}



/* Home Boxes */



.home_cat_01_inact

		{

		width: 450px;

		height: 250px;

		float: left;

		margin: 0 30px 16px 15px;

		padding: 0;

		background: url('images/home_cat_bg_01.jpg') no-repeat left;

		cursor: pointer;

		}



.home_cat_01_act

		{

		width: 450px;

		height: 250px;

		float: left;

		margin: 0 30px 16px 15px;

		padding: 0;

		background: url('images/home_cat_bg_01.jpg') no-repeat right;

		cursor: pointer;

		}



.home_cat_02_inact

		{

		width: 450px;

		height: 250px;

		float: left;

		margin: 0 0 16px 0;

		padding: 0;

		background: url('images/home_cat_bg_02.jpg') no-repeat left;

		cursor: pointer;

		}



.home_cat_02_act

		{

		width: 450px;

		height: 250px;

		float: left;

		margin: 0 0 16px 0;

		padding: 0;

		background: url('images/home_cat_bg_02.jpg') no-repeat right;

		cursor: pointer;

		}



.home_cat_03_inact

		{

		width: 450px;

		height: 250px;

		float: left;

		margin: 0 30px 16px 15px;

		padding: 0;

		background: url('images/home_cat_bg_03.jpg') no-repeat left;

		cursor: pointer;

		}



.home_cat_03_act

		{

		width: 450px;

		height: 250px;

		float: left;

		margin: 0 30px 16px 15px;

		padding: 0;

		background: url('images/home_cat_bg_03.jpg') no-repeat right;

		cursor: pointer;

		}



.home_cat_04_inact

		{

		width: 450px;

		height: 250px;

		float: left;

		margin: 0 0 16px 0;

		padding: 0;

		background: url('images/home_cat_bg_04.jpg') no-repeat left;

		cursor: pointer;

		}



.home_cat_04_act

		{

		width: 450px;

		height: 250px;

		float: left;

		margin: 0 0 16px 0;

		padding: 0;

		background: url('images/home_cat_bg_04.jpg') no-repeat right;

		cursor: pointer;

		}



h2.home_cat_head

			{

			margin: 34px 32px 10px 128px;

			padding: 0;

			font-size: 20px;

			}



p.home_cat_info

			{

			margin: 0 32px 10px 128px;

			color: #222222;

			text-align: justify;

			font-size: 14px;

			}



/* End Home Boxes */



p.testimonial

		{

		margin: 20px 5px 10px 5px;

		font-size: 24px;

		font-style: italic;

		color: #444444;

		}



span.customer

			{

			font-size: 14px;

			color: black;

			}



/* Shingle Colors */



img.normal_img_nb

		{

		float: right;

		margin: 60px 0 0 0;

		border: 0;

		}



.shingle_color

		{

		width: 227px;

		float: left;

		margin: 12px 0 4px 8px;

		}



img.shingle

			{

			border: 1px solid #444444;

			}



p.color_name

			{

			text-align: center;

			font-weight: bold;

			font-style: italic;

			color: #222222;

			}



/* End Shingle Colors */



/* Pricing & Options */



#table_hold

		{

		width: 660px;

		margin: 20px auto;

		border: 2px dotted #777777;

		padding: 12px 20px;

		text-align: center;

		font-size: 16px;

		background: url('images/table_bg.jpg') white;

		}



table.info_table

			{

			width: 100%;

			margin: 0 auto;

			text-align: center;

			}



table.info_table td

				{

				margin: 0;

				padding: 10px;

				}



table.info_table td.text_left_top

				{

				margin: 0;

				padding: 14px 10px 10px 10px;

				text-align: left;

				}



table.info_table td.text_left

				{

				margin: 0;

				padding: 0 10px 10px 10px;

				text-align: left;

				}



table.info_table td.just_text_left

				{

				text-align: left;

				}



table.info_table td.just_text_right

				{

				text-align: right;

				}



.pdf_link_inact

					{

					width: 40px;

					height: 40px;

					float: left;

					margin: 0 10px 0 0;

					cursor: pointer;

					background: url('images/pdf_logo.png') no-repeat left;

					}



.pdf_link_act

					{

					width: 40px;

					height: 40px;

					float: left;

					margin: 0 10px 0 0;

					cursor: pointer;

					background: url('images/pdf_logo.png') no-repeat right;

					}



img.pdf_nb

						{

						border: 0;

						}



/* End Pricing & Options */



/* Dealers */



table.dealers_list

		{

		margin: 16px 0 0 30px;

		font-size: 110%;

		text-align: left;

		}



table.dealers_list td

			{

			width: 250px;

			padding: 0 10px 10px 0;

			vertical-align: top;

			}



table.dealers_list td.town_name

			{

			width: 130px;

			font-weight: bold;

			color: #022161;

			}



/* End Dealers */



/* Photo Gallery */



p.gallery_crumbs

		{

		margin: 0 24px 4px 0;

		padding: 0;

		font-size: 18px;

		font-style: italic;

		font-weight: bold;

		color: #555555;

		text-align: right;

		}



img.gallery_img

		{

		float: left;

		margin: 13px 0 0 13px;

		}



/* End Photo Gallery */



/* Top Link */



p.top_home

		{

		clear: right;

		margin-right: 5px;

		margin-bottom: 0;

		text-align: right;

		}



p.top

		{

		clear: right;

		margin-bottom: 0;

		text-align: right;

		}



a.tl:link, a.tl:visited, a.tl:active

			{

			color: #626262;

			text-decoration: none;

			text-transform: uppercase;

			font-size: 85%;

			}



a.tl:hover, a.tl:focus

			{

			color: black;

			}



/* End Top Link */



/* Footer */



#ie_hr_foot

	{

	width: 950px;

	height: 1px;

	margin: 0 auto 4px auto;

	border-bottom: 1px dotted #666666;

	}



#footer

	{

	width: 100%;

	margin: 0 auto 20px auto;

	font-size: 12px;

	text-align: center;

	line-height: 140%;

	color: #222222;

	}



a.foot:link, a.foot:visited, a.foot:active

		{

		color: #022161;

		text-decoration: none;

		}



a.foot:hover, a.foot:focus

		{

		color: #022161;

		text-decoration: underline;

		}



/* End Footer */

.number-holder
{
float: left;
}

.number-holder p
{
margin: 0 0 5px 0;
padding: 5px 0 0 0;
font-size: 12px;
font-weight: bold;
text-align: center;
}