﻿body 
{
	background-color:#000;
}
#siteContainer
{
	width:954px;
	height:100%;
	min-height:100%;
	margin:0 auto;
}
#siteTop
{
	width:954px;
	height:170px;
	position:relative;
	margin-top:20px;	
}

#logo
{
	width:200px;
	height:124px;
	float:left;	
}
#topContact
{
	width:500px;
	height:120px;
	float:right;
	/*
	background:url(../images/top_slogan.gif) no-repeat top left;
	margin-bottom:8px;
*/
}
#localPhone
{
	font-family: Arial, Helvetica, sans-serif;	
	color:#fff;
	text-align:right;
	font-size:24pt;
	font-weight:bold;
	letter-spacing:1.5pt;
	position:relative;
	top:64px;
}
#tollFreePhone
{
	
	width:500px;
	height:28px;
	font-family: Arial, Helvetica, sans-serif;	
	color:#fff;
	text-align:right;
	font-size:14pt;	
	/*background:url(../images/contactPhone.png) no-repeat 266px 0;*/
	position:relative;
	top:54px;
}
#slogan
{
	width:500px;
	height:50px;
	background:url(../images/top_slogan.gif) no-repeat 220px 0;
	position:relative;
	top:-68px;	
}

#tollFree
{
	width:50px;
	height:43px;
	font-family: 'Times New Roman', Times, serif;	
	font-size:16pt;
	float:left;
	padding-top:12px;	
	background-image:url(../images/top_phone.png);
	background-repeat:no-repeat;
}
#topPhoneNumbers
{
	width:555px;
	height:auto;
	font-family: 'Times New Roman', Times, serif;	
	font-size:26pt;
	font-weight:bold;
	margin-top:30px;
}




#topNav
{
	width:954px;
	height:44px;
	background-image:url(../images/nav_bg.png);
	background-repeat:repeat-x;	
	clear:both;
}
#contentContainer
{
	width:894px;
	overflow:auto;
	background:url(../images/contentArea_bg.png) repeat-y;
	padding:20px 30px 20px 30px;	
	font-family:Arial;
	font-size:11pt;
	color:#fff;
}
#content
{
	width:894px;
	background-image:url(../images/content_bg.png);
	background-repeat:repeat-y;
	overflow:auto;	
}
#contentCol1
{
	width:600px;
	padding-right:21px;
	float:left;
	overflow:auto;
}
#contentCol2
{
	width:273px;
	min-height:205;
	float:left;
	overflow:auto;
	background-image:url(../images/contentCol2_bg.png);
	background-repeat:no-repeat;
	background-position:left top;
}
.contentCol2_row
{
	margin-top:10px;
	margin-bottom:10px;
	width:273px;
	height:auto;
	overflow:auto;
}
.contentCol2_row_cap
{
	width:273px;
	height:15px;
	overflow:hidden;	
}
.contentCol2_row_info
{
	width:233px;
	overflow:auto;
	background-image:url(../images/contentCol2_row_bg.png);
	background-repeat:repeat-y;
	padding: 0 20px 5px 20px;
	height:auto;
}
.contentCol2_row_info ul
{
	list-style-type:none;
	padding:0 0 0 10px;
	margin:0;
}
.contentCol2_row_info ul li
{
	color: #fff;
	text-decoration: none;
	font-family: verdana;
	font-size:10pt;
	padding-bottom:5px;		
}
#contentBttm
{
	width:894px;
	height:45px;
	background-image:url(../images/content_bttm.png);
	background-repeat:no-repeat;	
}
#contentTop
{
	width:954px;
	height:12px;
	background-image:url(../images/siteTop.png);
	background-repeat:no-repeat;		
}
#siteBttm
{
	width:954px;
	height:25px;
	background-image:url(../images/siteBttm.png);
	background-repeat:no-repeat;		
}
#footer
{
	width:954px;
	height:150px;
	font-family: verdana;
	font-size:10pt;	
	color:#999;
	
}
#footer ul
{
	margin:10px 0 0 0;
	padding:0;	
	list-style-type:none;
}
#footer ul li
{
	float:left;	
}
#footer ul li ul
{
	margin:0;
	padding:0;
	display:block;	
}
#footer ul li ul li
{
	float:none;
}
#footer ul li a
{
	padding:0 15px 0 15px;
	color: #999;
	text-decoration: none;
	font-family: verdana;
	font-size:10pt;		
}
#footer ul li a:hover
{
	text-decoration: underline;
}
/*
#freeEstimate{}
#newsletter, #neighborhoods
{
	width:273px;
	height:78px;
	background-image:url(../images/newsletter_bg.png);
	background-repeat:no-repeat;
	margin-top:20px;
}
*/

/* home page*/
#homeFeatureHolder
{
	width:954px;
	height:350px;
	color:#fff;	
	background-image:url(../images/homeFeature_bg.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
}
#slideshowHolder
{
	width:495px;
	height:320px;
	float:left;
}
#slideshow
{
	margin:22px 0 0 20px;
	border:solid 1px #fff;
	width:494px;
	height:302px;	
}
#homeWelcome
{
	width:379px;	
	float:left;
	font-family:Arial;
	font-size:11pt;
	padding: 0 20px 0 40px;
}

/*inner pages*/
.pageThumb
{
	margin: 0 15px 15px 0;
	border:solid 2px #282828;	
}

/*roofing*/
#roofTypes
{
	margin:0 auto;
	overflow:auto;
	padding-bottom:14px;	
}
#roofTypes ul
{
	padding:0;
	margin:0;
	list-style-type:none;	
}
#roofTypes ul li
{
	text-align:center;
	display:block;
	float:left;
	padding: 0 10px 0 10px;	
}
#roofingType
{
	width: 600px;
	min-height:248px;
	border-bottom:solid 1px #282828;
	overflow:auto;	
}
#roofingCol1
{
	width:250px;
	float:left;	
}
#roofingCol2
{
	width:350px;
	float:left;	
}
/*windows*/
#windowTypes
{
	margin:0 auto;
	overflow:auto;
	padding-bottom:14px;
	width:600px;	
}
#windowTypes ul
{
	padding:0 0 0 70px;
	margin:0;
	list-style-type:none;	
}
#windowTypes ul li
{
	text-align:center;
	display:block;
	float:left;
	padding: 0 20px 0 20px;	
}
#neighborhoodList
{
	width:600px;
	background:#282828;
	overflow:auto;
	/*
	background-image:url(../images/neighborhoodList_bg.png);
	background-repeat:no-repeat;
	*/	
}
#neighborhoodList ul, #neighborhoodList ul li ul
{
	margin:0;
	padding: 0;
	list-style-type:none;	
}
#neighborhoodList ul li
{
	width:200px;
	float:left;
	margin-top:5px;	
}
#neighborhoodList ul li ul li
{
	padding-bottom:8px;	
	text-align:center;
	letter-spacing:1pt;
}


/*FONT STYLES.......................................................*/
h1
{
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-size:16pt;	
	color:#fff;
	font-style:italic;
}
h1.inner
{
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-size:16pt;	
	color:#fff;
	font-style:italic;
	margin:0 0 20px 0;
	padding: 0 0 5px 0;
	width:600px;
	border-bottom:solid 1px #282828;
}
.contentCol2_row_info h3
{
	margin:0;
	padding: 0 0 10px 0;	
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-size:12pt;
}
h3.galHeader 
{
	margin:0;
	padding:0;
	font-size:9pt;	
	color:#555;
	font-weight:bold;
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
}

/*FORMS STYLES.......................................................*/
div.error { display: none;}

/*newsletter signup*/
#mailList-holder{width:233px; height:auto; margin-bottom:4px;}
form.mailListForm label.error, label.error {color: red; font-size:8pt; font-weight:bold; }
#newsletterInput{width:230px; border: solid 1px #000; color:#777;}
#newsletterSubmit{border: 2px solid #aaa; color:#555; background-image:url(../images/button_bg.png); background-repeat:repeat-x; width:70px;}

/*free est*/
form.freeEstimateForm label.error, label.error {color: red; font-size:8pt; font-weight:bold; }
.freeEstLabel{width:80px; float:left;}
.freeEstForm{width:233px; height:auto;}
.freeEstForm input{width:230px; border: solid 1px #000; color:#777; margin-top:5px;}
#name2, #phone2, #address2, #city2, #zip2{display:none;}
#freeEstSubmit{border: 2px solid #aaa; color:#555; background-image:url(../images/button_bg.png); background-repeat:repeat-x; width:155px;}

/*inpspection page*/
form.freeEstimateForm-main label.error, label.error {color: red; font-size:8pt; font-weight:bold; }
.freeEstimateForm-main-row{width:600px; height:auto; clear:both; overflow:auto;}
.freeEstimateForm-main-label{float:left; width:150px; height:auto; margin-bottom:6px;}
.freeEstimateForm-main-input{float:left; width:450px; height:auto; margin-bottom:6px;}
.freeEstimateForm-main-input input{width:300px; border: solid 1px #000; color:#000; }
#freeEstimateForm-main-submit{border: 2px solid #aaa; color:#555; background-image:url(../images/button_bg.png); background-repeat:repeat-x; width:205px; font-weight:bold; margin-top:30px;}


/*LINK STYLES.......................................................*/
a img
{
	border:none;	
}
a
{
	color:#fff;
	text-decoration:underline;	
}
a:hover
{
	text-decoration:none;	
}
#roofTypes a
{
	color: #fff;
	text-decoration: none;
	font-family: verdana;
	font-size:10pt;	
	text-decoration:underline;
	font-weight:bold;
}
#roofTypes a:hover
{
	text-decoration:none;
}
.contentCol2_row_info ul li a, .contentCol2_row a
{
	color: #fff;
	text-decoration: none;
	font-family: verdana;
	font-size:10pt;	
	text-decoration:underline;	
}
.contentCol2_row_info ul li a:hover, .contentCol2_row a:hover
{
	text-decoration:none;	
}

/* TOP NAV STYLE.....................................................................*/
#navbar 
{
   margin: 0;
   padding: 0;
   z-index:100;
}
#navbar li 
{
   list-style: none;
   float: left; 
   z-index:100;
}
#navbar li.navBreak
{
	width:2px;
	height:44px;
	padding:0;
	background-image:url(../images/nav_break.png);		
} 
#navbar li:hover {} 
#navbar li a 
{
   display: block;
   padding: 10px 15px 10px 15px;
   color: #fff;
   text-decoration: none;
   font-family: verdana;
   font-size:13pt;
   z-index:100;
}
#navbar li ul 
{
   z-index:100;
   display: none; 
   width: 10em; /* Width to help Opera out */
}
#navbar li ul li
{
	background-color:#a3b3a5;
	z-index:100;
}   
#navbar li ul li.navItem-roofing
{ 
	width:115px;
	z-index:100;
}
#navbar li ul li.navItem-sheetmetal
{ 
	width:152px;
	z-index:100;
}
#navbar li ul li.navItem-other
{ 
	width:176px;
	z-index:100;
}
#navbar li:hover ul, #navbar li.hover ul 
{
   display: block;
   position: absolute;
   margin: 0;
   padding: 0;
   z-index:100; 
}
#navbar li:hover li, #navbar li.hover li 
{
	float: none;
	z-index:100; 
}
#navbar li:hover li a, #navbar li.hover li a 
{
	border-bottom: 1px solid #000;
	color: #000; 
	padding:5px 5px;
	text-decoration: none;
	font-family: verdana;
	font-size:11pt;
	z-index:100;
}
#navbar li li a:hover 
{
   background-color: #3d4b3f;
   color: #fff; 
   z-index:100;
}
#navbar li.activePage
{
	background-color: #6f1f12;
	z-index:100;		
}
#neighborhoods a
{
	font-family: verdana;
	font-size:9pt;
	color:#fff;
	text-decoration:underline;	
	z-index:100;
}
#neighborhoods a:hover
{
	text-decoration:none;
	z-index:100;
}
