/*
-----------------------------------------------
Style Sheets
Name: ChoiceBuilder screen stylesheet
Designer: Frank Mariano
URL: www.choicebuilders.net
Modifed: Mar 27, 2008
-----------------------------------------------
Color Palette:
Dark Orange: #a14c00;
Orange: #FF9900;
Bright Orange: #ffe461;
Dark Gray: #333333;
Light Light Gray: #d0d0d0;
*/

body {
margin: 0;
padding: 0;
font-family: "Arial", Helvetica, san-serif;
font-size: small;
color: #333333;
background: #efefef url(../img/bg-body.gif) repeat-x top left;
}

.clear {
    clear: both;
}

/* DOM-related
----------------------------------------------- */
.show {
visibility: visible;
}

.hide {
display: none;
visibility: hidden;
}

/* Header
----------------------------------------------- */
h1 {
font: normal normal normal 2em/1.5em Times, "Times New Roman", san-serif;
margin: 0;
padding: 0;
}

h2 {
}

h3 {
}

h4 {
}

h5 {
}

h6 {
}
    
/* Link Styles
----------------------------------------------- */
a:link {
color:#FF9900;
text-decoration:none;
}
a:visited {
color:#FF9900;
text-decoration:none;
}
a:hover {
color:#333333;
text-decoration:underline;
}
a img {
border-width:0;
}
  
/*
Paragraph Styles
----------------------------------------------- */
p {
margin: 0;
padding: 0;
line-height: 1em;
}

em {
font-style: italic;
}

strong {
font-weight: bold;
}


/*
List Styles
----------------------------------------------- */
ul {
margin: 0;
padding: 0;
}

ul li {
margin: 0;
padding: 0;
line-height: 1em;
}

ol {
margin: 0;
padding: 0;
}

ol li {
margin: 0;
padding: 0;
line-height: 1em;
}

dl {
margin: 0;
padding: 0;
}

dt {
margin: 0;
padding: 0;
line-height: 1em;
}

dd {
margin: 0;
padding: 0;
line-height: 1em;
}

/* Table Styles
----------------------------------------------- */
table {
margin: 0;
padding: 0;
}

caption {
margin: 0;
padding: 0;
text-align: left;
}

th {
text-align: left;
vertical-align: top;
}

tr {
}

td {
padding: 0;
text-align: left;
line-height: 1em;
}

/* div Styles
----------------------------------------------- */
div {
margin: 0;
padding: 0;
display: block;
}


/* Container Styles
----------------------------------------------- */
#wrap {
width: 750px;
margin: 0 auto 10px auto;
padding: 0;
border: 1px solid #666666;
background: #fff;
}

#header {
width: inherit;
height: 117px;
background: #ff9900 url(../img/bg-header.gif) repeat-x bottom right;
}

	a:link#logo,
	a:visited#logo {
	float: left;
	display: block;
	width: 250px;
	height: 117px;
	background: #ff9900 url(../img/bg-header-logo.gif) repeat-x bottom left;
	}
	
	a:hover#logo {
	width: 249px;
	border-right: 1px solid #b65d00;
	background: #ff9900 url(../img/bg-header-logo.gif) repeat-x top left;
	}
	
	#banner {
	float: left;
	width: 500px;
	height: 117px;
	margin: 0;
	padding: 0;
	}
	
	*html #banner {
	margin: 0 0 0 -3px;
	}

#footer .contact-info{
width: 750px;
margin: 0 auto;
text-align: center;
}

	#footer .contact-info a:link,
	#footer .contact-info a:visited{
	color: #333;
	text-decoration: none;
	}
	
	#footer .contact-info a:hover{
	color: #333;
	text-decoration: underline;
	}

ul#nav {
min-height: 31px;
font-size: 14px;
border-top: 2px solid #fff;
background: #999 url(../img/bg-nav.gif) repeat-x top left;
}

	*html ul#nav {
	height: 31px;
	}

	ul#nav li {
	float: left;
	list-style: none;
	background: #999 url(../img/bg-nav.gif) repeat-x top left;;
	}
	
	ul#nav li a:link,
	ul#nav li a:visited {
	display: block;
	line-height: 14px;
	padding: 7px 10px 10px 10px;
	color: #fff;
	letter-spacing: 1px;
	text-decoration: none;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #666666;
	}
	
	*html ul#nav li a:link,
	*html ul#nav li a:visited {
	font-weight: bold;
	}
	
	ul#nav li a:hover {
	padding: 7px 10px 10px 10px;
	background: #333;
	}
	
table#nav {
display: block;
font-size: 14px;
border-top: 2px solid #fff;
background: #999 url(../img/bg-nav.gif) repeat-x top left;
}

	table#nav td {
	height: 31px;
	background: #999 url(../img/bg-nav.gif) repeat-x top left;;
	}
	
	table#nav td a:link,
	table#nav td a:visited {
	display: block;
	padding: 7px 0 10px 0;
	color: #fff;
	text-align: center;
	letter-spacing: 1px;
	text-decoration: none;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #666666;
	}
	
	*html table#nav td a:link,
	*html table#nav td a:visited {
	font-weight: bold;
	}
	
	table#nav td a:hover {
	padding: 7px 0 10px 0;
	background: #333;
	}


#main-content {
margin: 1px 0 0 0;
padding: 10px 15px;
min-height: 500px;
border-top: 1px solid #ff9900;
background: #fff url(../img/bg-maincontent.gif) repeat-x top left;
}

*html #main-content {
height: 500px;
}

#home-content {
margin: 0;
padding: 0;
min-height: 500px;
border-top: 1px solid #ff9900;
background: #fff url(../img/bg-maincontent.gif) repeat-x top left;
}

*html #home-content {
height: 500px;
}

/*
#builderhelper {
margin: 0;
padding: 0;
font-weight: bold;
border-bottom: 1px solid #ff9900;
background: #ff9900;
}

	#builderhelper ul{
	height: 22px;
	margin: 0;
	padding: 0;
	font-size: 12px;
	background: transparent;
	}
	
	#builderhelper li {
	float: left;
	width: 150px;
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
	#builderhelper #tab-contractor {
	display: block;
	padding: 5px 10px;
	color: #fff;
	text-align: center;
	background: #ffcc4e;
	}
	
	#builderhelper #tab-trade {
	display: block;
	padding: 5px 10px;
	color: #fff;
	text-align: center;
	background: #ffad33;
	}
	
	#builderhelper #tab-customer {
	display: block;
	padding: 5px 10px;
	color: #fff;
	text-align: center;
	background: #ff9900;
	}
	
	#builderhelper #tab-agent {
	display: block;
	padding: 5px 10px;
	color: #ff9900;
	text-align: center;
	background: #ffebcc;
	}
	
	#builderhelper #tab-hideall {
	display: block;
	padding: 5px 10px;
	color: #ff9900;
	text-align: center;
	background: #ffebcc;
	}
		
	#builderhelper #contractor-login {
	height: 35px;
	padding: 5px 0 0 10px;
	color: #fff;
	background: #ffcc4e;
	}
	
	*html #builderhelper #contractor-login {
	padding: 10px 0 0 10px;
	}
	
	#builderhelper #trade-login {
	height: 35px;
	padding: 5px 0 0 10px;
	color: #fff;
	background: #ffad33;
	}
	
	*html #builderhelper #trade-login {
	padding: 10px 0 0 10px;
	}
	
	#builderhelper #customer-login {
	height: 35px;
	padding: 5px 0 0 10px;
	color: #fff;
	background: #ff9900;
	}
	
	*html #builderhelper #customer-login {
	padding: 10px 0 0 10px;
	} */
	
#builderhelper {
float: left;
margin: 0;
padding: 0;
font-weight: bold;
background: #ff9900;
}

	#builderhelper ul{
	float: left;
	width: 500px;
	height: 22px;
	margin: 0;
	padding: 0;
	font-size: 12px;
	background: transparent;
	}
	
	#builderhelper li {
	float: left;
	width: 125px;
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
		#builderhelper #contractor-login div.fields,
		#builderhelper #trade-login div.fields,	
		#builderhelper #customer-login div.fields {
		float: left;
		margin: 0;
		padding: 10px 10px 0 0;
		}
		
		*html #builderhelper #contractor-login div.fields,
		*html #builderhelper #trade-login div.fields,	
		*html #builderhelper #customer-login div.fields {
		padding: 0 10px 0 0;
		}
		
			#builderhelper #contractor-login p,
			#builderhelper #trade-login p,
			#builderhelper #customer-login p {
			float: left;
			width: 120px;
			text-align: right;
			}
		
			#builderhelper #contractor-login input.textbox,
			#builderhelper #trade-login input.textbox,	
			#builderhelper #customer-login input.textbox {
			float: left;
			width: 200px;
			margin: 0 0 3px 0;
			}
				
		#builderhelper #contractor-login input.submit,
		#builderhelper #trade-login input.submit,	
		#builderhelper #customer-login input.submit {
		float: left;
		padding: 10px 0 0 0;
		}
		
		*html #builderhelper #contractor-login input.submit,
		*html #builderhelper #trade-login input.submit,	
		*html #builderhelper #customer-login input.submit {
		padding: 0 0 0 0;
		}
	
	#builderhelper #tab-contractor,
	#builderhelper #tab-trade,
	#builderhelper #tab-customer,
	#builderhelper #tab-agent{
	display: block;
	padding: 5px 10px;
	color: #fff;
	text-align: center;
	background: #ffcc4e;
	}
	
	#builderhelper #tab-trade {
	background: #ffad33;
	}
	
	#builderhelper #tab-customer {
	background: #ff9900;
	}
	
	#builderhelper #tab-agent {
	color: #ff9900;
	background: #ffebcc;
	}
		
	#builderhelper #contractor-login {
	height: 90px;
	padding: 5px 0 0 10px;
	color: #fff;
	background: #ffcc4e url(../img/bg-contractor-login.gif) no-repeat bottom right;
	}
	
		*html #builderhelper #contractor-login {
		height: 85px;
		padding: 10px 0 0 10px;
		}
	
	#builderhelper #trade-login {
	height: 90px;
	padding: 5px 0 0 10px;
	color: #fff;
	background: #ffad33 url(../img/bg-trade-login.gif) no-repeat bottom right;
	}
	
		*html #builderhelper #trade-login {
		height: 85px;
		padding: 10px 0 0 10px;
		}
	
	#builderhelper #customer-login {
	height: 90px;
	padding: 5px 0 0 10px;
	color: #fff;
	background: #ff9900 url(../img/bg-customer-login.gif) no-repeat bottom right;
	}
	
		*html #builderhelper #customer-login {
		height: 85px;
		padding: 10px 0 0 10px;
		}
	
/* Columns
------------------------------------ */
.col-quarter {
float: left;
width: 180px;
min-height: 400px;
margin: 0;
padding: 0;
background: #999;
}

	*html .col-quarter {
	height: 400px;
	}

.col-third {
float: left;
width: 240px;
min-height: 400px;
}

	*html .col-third {
	height: 400px;
	}

.col-half {
float: left;
width: 360px;
min-height: 150px;
}

	*html .col-half {
	height: 150px;
	}

.col-threefourths {
float: left;
width: 540px;
min-height: 400px;
color: #fff;
}

	*html .col-threefourths {
	height: 400px;
	}

.col-twothirds {
float: left;
width: 480px;
min-height: 400px;
}

	.col-twothirds {
	height: 400px;
	}

/* Home Improvements
------------------------------------ */

#home-improvements-copy p {
padding: 1em;
line-height: 1.25em;
}

#home-improvements-copy ul {
margin: 0;
padding: 0;
}

#home-improvements-copy li {
margin: 0 1em 0 0;
padding: 0;
list-style: none;
background: transparent url(../img/dotted-border.gif) repeat-x left top;
}

a:link.improvements-link,
a:visited.improvements-link {
display: block;
width: auto;
padding: 1em 1em 1em 2.5em;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
letter-spacing: 2px;
background: transparent url(../img/bullet.gif) no-repeat 1em 50%;
}

a:hover.improvements-link {
text-decoration: none;
background: #efefef;
}

a.improvements-link h2{
margin: 0;
padding; 0;
font-size: 1em;
line-height: 1em;
font-weight: normal;
}

#improvements-roofing,
#improvements-windows,
#improvements-siding,
#improvements-home {
padding: 10px 0 0 0;
border: 1px solid #999;
background: #efefef;
}

#improvements-roofing h2,
#improvements-windows h2,
#improvements-siding h2,
#improvements-home h2{
margin: 0;
padding: 0 10px;
font: normal normal normal 1.5em/1.5em "Times New Roman", Times, Georgia, serif;
}

#improvements-roofing p,
#improvements-windows p,
#improvements-siding p,
#improvements-home p{
padding: 0 10px 10px 10px;
line-height: 1.25em;
}

#improvements-roofing img,
#improvements-windows img,
#improvements-siding img,
#improvements-home img{
display: block;
}


/* Associations
------------------------------------ */
#associations-list {
margin: 0;
padding: 0;
}

	#associations-list li{
	margin: 0;
	padding: 10px;
	min-height: 70px;
	list-style: none;
	}
	
	*html #associations-list li{
	height: 70px;
	}
	
	#associations-list li a:link,
	#associations-list li a:visited {
	display: block;
	margin: 0;
	padding: 10px;
	font-size: 1em;
	color: #333;
	font-weight: bold;
	text-decoration: underline;
	border: 1px solid #999;
	background: url(../img/bg-assbutton.gif) repeat-x top left;
	}
	
	#associations-list li a:hover {
	color: #fff;
	border: 1px solid #ff9900;
	background: #333;
	}
	
	#associations-list li a img{
	width: 155px;
	float: left;
	border: 2px solid #ff9900;
	}
	
	#associations-list li a:hover img{
	border: 2px solid #d0d0d0;
	}
	
	#associations-list li p {
	margin: 0 0 0 165px;
	padding: 0;
	line-height: 1.5em;
	}
	
/* Contact
------------------------------------ */
.contact-info {
padding: 1em 1em 1em 0;
letter-spacing: 1px;
line-height: 1.25em;
}

#map {
width: 100%;
border: 1px solid #ff9900;
height: 450px;
}

#contactform {
margin: 0 10px 0 0;
padding: 10px;
border: 1px solid #999;
background: #efefef;
}

#contactform #message{
width: 100%;
}

/* Footer
------------------------------------ */
#ass-footer {
width: 100%;
display: block;
margin: 0;
padding: 0;
background: #d0d0d0 url(../img/bg-ass-footer.jpg) repeat-x bottom left;
}

	#ass-footer h2 {
	margin: 0;
	padding: 4px 10px 5px 10px;
	line-height: 14px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 1px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	background: #999 url(../img/bg-nav.gif) repeat-x bottom left;
	}
	
	*html #ass-footer h2 {
	font-weight: bold;
	}

	#ass-footer ul {
	width: 740px;
	margin: 0 auto;
	padding: 0;
	}
	
		#ass-footer ul li{
		float: left;
		width: 165px;
		height: 100px;
		margin: 0;
		padding: 10px;
		list-style: none;
		font-size: 1em;
		color: #fff;
		font-weight: bold;
		border: 0;
		}
		
		#ass-footer ul li img{
		width: 155px;
		border: 2px solid #999;
		}
		
/*		#ass-footer ul li a:link,
		#ass-footer ul li a:visited {
		display: block;
		height: 100px;
		margin: 0;
		padding: 10px;
		font-size: 1em;
		color: #fff;
		font-weight: bold;
		text-decoration: underline;
		border: 0;
		background: transparent;
		}
		
		#ass-footer ul li a:hover {
		color: #fff;
		background: #333;
		}
		
		#ass-footer ul li a img{
		width: 155px;
		border: 2px solid #999;
		}
		
		#ass-footer ul li a:hover img{
		border: 2px solid #d0d0d0;
		}
*/	
		
		#ass-footer ul li p{
		padding: 5px 0 0 0;
		text-align: center;
		font-size: 11px;
		line-height: 1em;
		}
		
/* Information Request Form
------------------------------------ */
#formContactInfo {
width: 340px;
margin: 0;
padding: 5px;
border: 1px solid #cdcdcd;
background: #efefef;
}

#formContactInfo td{
vertical-align: middle;
text-align: left;
}

#formContactInfo th{
vertical-align: middle;
width: 40%;
text-align: right;
padding: 0 5px 0 0;
}

/* I wish IE6 would die. */
#formContactInfo td,
#formContactInfo th {
vertical-align: middle;
padding: 5px;
}

#formContactInfo th em{
font-weight: normal;
font-style: normal;
}

#formQuestions {
margin: 0 0 0 .5em;
}

#formQuestions li{
list-style: square;
margin: 0 0 1em 1em;
padding: 0;
}