html, body{
	height: 100%;
	}

html body{
  	margin: 0;
  	padding: 0;
	color: #000000;
	text-align: center;
	background: #ffffff;
  	font: x-small arial, helvetica, "MS Sans Serif", sans-serif;
  	voice-family: "\"}\""; voice-family: inherit;
  	font-size: small;
  	}
html>body{
  	font-size: small;
  	}

.hide, .just-in-case{
	display: none;
	}

.clear{
	clear: both;
	}

.disabled{
	background: #eeeeee;
	}

img{
	display: block;
	border-width: 0;
	}

a:link,a:visited{
	color: #ff0000;
	}


a:hover{
	color: #6666cc;
	}
	
input, select, textarea{
	color: #000000; 
	background: #ffffff;
	border: 1px solid #333333;
	text-align: left;
	font-size: 85%;
	}

input.nontext{
	border: none;
	background: transparent;
	margin: 0;
	padding: 0;
	cursor: pointer;
	}
	
h1, h2, h3, .h3, h4{
	color: #333333 
	font-weight: bold;
	background: transparent;
	margin: 0;
	padding: 0;
	}

h1{
	font-size: 120%;
	}

h2{
	font-size: 110%;
	}

h3, .h3{
	font-size: 100%;
	}

	
p, a, ul, li, label{
	font-size: 100%;
	}

p{
	margin-top: 0;
	margin-bottom: 1.3em;
	text-align: left;
	line-height: 1.3em;
	}

.h3 span,
h3 span{
	font: bold 80% arial, sans-serif;
	color: #000000;
	}

#container{
	position: relative;
	min-height: 97%;
	height: auto;
	text-align: center;
	margin: 0 auto 3% auto;
	padding: 0;
	width: 100%;
	overflow: visible;
	}
* html #container{	
	height: 97%;	
	}


#head{
	position: relative;
	display: block;
	height: 85px;  
	width: 100%;
	margin: 0;
	padding: 0;
	border-bottom: 4px ridge #000000; 
	text-align: left;
	z-index: 1;
	background: #ffffff; 
	}
* html #head{
	height: 89px;
	he\ight: 85px;
	}

#head img{
	position: absolute;
	top: 0; left: 0px;
	}

#head a, #head h1{
	padding: 0;
	margin: 0;
	position: absolute;
	top: 15px; left: 15px;
	}

#head a h1, #head h1{
	line-height: 1.1em;
	font-size: 200%;
	text-align: left;
	}

#head a:link, #head a:visited, #head a:hover{
	text-decoration: none;	
	}

#head a h1{
	position: static;
	margin: 0;
	}

form{
	margin: 0;
	padding: 0;
	}

#wrapper{
	position: relative;
	display: block;
	top: 0;
	width: 760px;
	margin: 0 auto;
	padding: 0.5em 0 0 0;
	background: transparent;
	text-align: left;
	}

#wrapper h2{
	position: relative;
	display: block;
	color: #333333; 	
	width: 458px;
	margin: 1.0em auto 0.5em 10%;
	text-align: left;
	font-weight: 600;
	font-size: 155%;
	padding: 0;
	}

#navwrapper{
	margin: 0 auto 0.1em auto;
	padding: 0;
	}

#topnav{
	height: 30px;
	margin: 0 auto 0 16px;
	padding: 0;
	background: transparent; 
	}

#topnav li{
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}
	
#topnav a:link, #topnav a:visited{
	float: left;
	font-size: 11px;
	font-family: verdana, sans-serif;
	line-height: 13px;
	font-weight: normal;
	font-weight: bold;
	margin: 2px 12px 0 12px;
	padding-bottom: 1px;
	text-decoration: none;
	border: none;
	color: #999999;
	letter-spacing: 0.1em;
	background: transparent;
	}

#topnav a:link.active, #topnav a:visited.active{
	border-bottom: 4px solid #000000;
	padding-bottom: 1px;
	color: #000000;
	}

#topnav a:hover{
	color: #000000;
	}

#topnav a, a.noline:link, a.noline:visited{
	border-style: none;
	}


#top{
	margin: 0 auto 0 10%;    
	padding: 3px 0 15px 0;
	text-align: left;
	position: relative;
	display: block;
	background: transparent;
	}

#note, #instructions{
	text-align: left;
	position: relative;
	display: block;
	font: normal 85% verdana, helvetica, sans-serif;
	background: #f8f8f8; 
	color: #333333;
	margin: 0.3em auto 2.0em 0;
	padding: 0;
	width: 458px;
	border: 1px solid #333333; 
	}

#note span,
#instructions span{
	margin-left: 1.1em;
	line-height: 1.8em;
	}

#note p,
#instructions p{
	line-height: 1.6em;
	margin: 0.2em 0.8em 0.5em 1.2em;	
	text-indent: 1.5em;
	}

#note a, #instructions a{
	display: inline;
	}

#note a, #note a:link, #instructions a, #instructions a:link{
	display: inline;
	color: #000033;
	text-decoration: none;
	}

#note a:hover, #instructions a:hover{
	color: #ff0000;
	}

#zip-instructions{
	width: 458px;
	text-align: right;
	display: block;
	padding: 0;
	margin: 0 auto 0 0;
	border: 1px solid #333333;
	background: #f8f8f8;
	}

#zip-instructions p{
	color: #333333;
	text-align: left;
	clear: both;	
	text-indent: 1.5em;
	padding: 0.7em 1.0em 0.7em 1.2em;
	margin-bottom: 0.7em;
	font: 600 85%/1.3em verdana, helvetica, sans-serif;
	}

#zip-instructions label{
	float: left;
	margin: 0 0 0.8em 20px;
	color: #333333;
	text-align: left;
	background: transaction;
	font:  small-caps 600 100%/1.4em verdana, helvetica, sans-serif;
	}
* html #zip-instructions label{
	font-variant: small-caps;
	font-weight: 600;
	font-size: 100%;
	line-height: 1.4em;
	font-family: verdana, helvetica, sans-serif;
	font-size: 80%;
	fo\nt-size: 90%;
	}

#zip-instructions label input{
	margin: 0.1em 0 0 0.8em;
	}

#top #checkZip,
#top #clearZip,
#main #btnSubmit,
#main #btnReset{
	margin: 0 0 0 1.0em;
	text-align: center;
	vertical-align: middle;
	font-variant: small-caps;
	border-style: solid;
	border-width: 1px;
	font-size: 84%;
	color:  #000000;
	font-family: verdana, helvetica, sans-serif;
	height: 1.8em;
	width: 5.8em;
	cursor: pointer;
	outline: none;
	}
* html #top #checkZip,
* html #top #clearZip,
* html #main #btnSubmit,
* html #main #btnReset{
	font-size: 80%;
	fo\nt-size: 84%;
	}



#top #checkZip,
#top #clearZip{
	margin-bottom: 0.8em;
	}

#top #checkZip{
	margin-right: 2.0em;
	}

#intro{
	text-align: left;
	font-family: bold 85% verdana, helvetica, sans-serif;
	color: #333333;
	background: #f8f8f8; 
	width: 436px;
	padding: 10px;
	margin: 1.5em auto 0 10%;
	border: 2px solid #000000;
	visibility: hidden;
	}

#error{
	text-align: left;
	padding: 0;
	margin: 0;
	width: 168px; 
	height: auto;
	position: absolute;
	top: 0; left: 589px; 
	z-index: 1;
	background: transparent;
	height: auto;
	}

#error div.display{
	position: absolute;
	padding: 0.8em 0 0.2em 0;
	margin: 0;
	width: 166px;
	background: #fdfdfd;
	border: 1px dashed #ffc2c2;
	z-index: 1;
	}
* html #error div.display{
	width: 168px; 
	w\idth: 166px; 
	}
	
#error span.header{
	position: absolute;
	top: -0.8em; left: 1.0em;
	text-align: center;
	margin: 0 0.1em;
	color: #ff0000;
	padding: 0 0.4em 0.1em 0.4em;
	font: 600 77% tahoma, verdana, sans-serif;
	background:  #ffffff;
	border: 1px solid #999999;
	}

#error p{
	margin: 0 0.1em 0.2em 0.4em;
	color: #000000;
	text-align: left;
	font: 77%/1.2em tahoma, verdana, sans-serif;
	}

#error p span{
	font-weight: bold;
	}

#main{
	margin: 0 auto 0 0;    
	padding: 0;
	background: transparent url("../i/left_bg_blk_only.gif") left top repeat-y; 
	text-align: left;
	position: relative;
	visibility: hidden;
	display: none;
	border: 1px solid #333333; 
	border-width: 1px 1px 0 0;
	}

#estimateinfo, #projectinfo, #contactinfo{
	color: #000000;
	background: transparent;
	}

#buttons{
	margin-top: 20px;
	}

#main table{
	padding: 0;
	display: block;
	position: relative;
	border: none;
	font-family: tahoma, sans-serif;  
	font-size: 100%;	
	background: transparent;
	}
* html #main table{
	font-size: 100%;
	}

#main p.required{
	float: right;
	text-align: right;
	line-height: normal;
	font-weight: normal;
	margin: 0;
	padding: 0.6em 2.0em 0 0;	
	font-size: 85%;
	}

#main table input.nontext{
	margin: 0;
	padding: 0;
	display: inline;
	}
* html #main table input.nontext{
	margin: -3px;
	}

#main table label{
	display: block;
	margin: 0;
	padding: 0;
	font-size: 80%;
	cursor: pointer;
	}

#main table label span,
#main table fieldset.special label span{
	position: relative;
	top: 0;
	left: 9px;
	}
* html #main table label span,
* html #main table fieldset.special label span{
	top: 2px;	
	left: 8px;
	}

#main span.border input[type="checkbox"]+span{
	top: 1px;
	}

#main table label input[type="radio"]+span{
	top: -2px;
	}

#main table span span{
	position: relative;
	top: 3px;
	font: bold 70% arial, sans-serif;
	color: #000000;
	}	

#main table label.text{
	font-size: 80%;
	padding: 0;
	margin: 0 0 0 27px ;
	}

#main table label.text input{
	width: 450px;
	margin: 0 0 0 5px;
	}
	
#main table label.textarea{
	float: left;
	font-size: 90%;
	padding: 0;
	margin:  0 5px;
	}

#main textarea#comments{
	float: left;
	height: 5em;
	width: 466px;
	font-size: 100%;
	}

#main p.textarea{
	background: #f1f3f8;
	clear: both;
	margin: 20px 0 15px 0;
	color: #000033;
	padding: 0.8em;
	font-size: 87%;
	border: 1px solid #000033;
	}		

#main p.emergency{
	background: #fff2f4;
	clear: both;
	margin: 20px 0 15px 0;
	color: #000033;
	padding: 1.0em 1.0em 1.0em 1.5em;
	font-size: 85%;
	font-weight: bold;
	border: 2px solid #000000;
	text-indent: 1.5em;
	}

#main span.asterisk{
	color: #cc0000;
	background: transparent;  
	font-weight: bold;
	font-family: tahoma, sans-serif;
	font-size: 11px;
	text-align: right;
	vertical-align: top;
	padding: 2px 0 0 0;
	margin: 0;
	}

#main label span.asterisk{
	font-size: 80%;
	padding-top: 5px;
	}

#main table label.lvl2,
#main table label.remember{
	font-size: 85%;
	font-weight: bold;
	font-family: verdana, sans-serif;
	margin-left: 8px;
	padding-bottom: 5px;
	color: #000000;
	background: transparent;
	}

#main table label.lvl3{
	font-size: 85%;
	font-weight: bold;
	margin-left: 26px;
	padding-top: 5px;
	}

#main table label.remember{
	font-weight: normal;
	margin-left: 8px;
	font-family: tahoma, verdana, helvetica, sans-serif;
	}

#main #contactinfo label.lvl2,
#main #replymethod label.lvl2{
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 2px;
	}

#main td.bg{
	background: #ffffff;
	}

#main td, #main th{
	vertical-align: bottom;
	}

#main td.space{
	padding-top: 5px;
	}

#main th.title, #main th.title2{
	border: 1px solid #000000;
	background: #ffffff;
	border-width: 1px 0 1px 1px;
	}

#main th.title2{
	border-width: 0 0 1px 1px;
	}

#main td.legend{
	padding: 10px 0;
	}


#main th h2{
	font-size: 87%;
	line-height: 1.6em;
	letter-spacing: 0.1em;
	padding-bottom: 2px;
	margin: 0 auto 0 5px;
	color: #000000;
	width: auto;
	}

#main #btnSubmit{
	float: right;
	margin: 0 39px 0 0;
	}
* html #main #btnSubmit{
	margin-right: 32px;
	}
	
#main #btnReset{
	float: right;
	margin: 0 1.0em 0 0;
	}

#main p.mailto{
	margin-top: 2.0em;
	margin-bottom: 2.0em;
	}

#main span.email{
	font-size: 90%;
	padding-left: 1px;
	}

#main th h2.example{
	color: #ff0000;
	}

#main fieldset{
	display: block;
	padding-top: 6px;
	padding-bottom: 2px;
	border: 1px solid #000000; 
	background-color: transparent;
	background-position: bottom left;
	background-repeat: repeat-x; 
	min-height: 51px;
  	}
* html #main fieldset{background-position: top left;}

#main legend{
  	padding: 0.1em 0.5em 0.2em 0.5em;
  	text-align: right;
	font-weight: bold;
	font-size: 85%;
	margin: 0;
	border: 1px solid;
	background: #ffffff;
	color: #000000;
	}
* html #main fieldset.primary legend{margin-left: 25px;}
* html #main fieldset.contact legend{margin-left: 85px;}
* html #main fieldset.special legend{margin-left: 13px;}
* html #main fieldset.zero legend{margin-left: 32px;}

#main fieldset.gryno{background: #f4f4f4;}
#main fieldset.gry{background-image: url("../i/fs_gry_bg.gif");}
#main fieldset.gry legend{border-color: #cccccc;}
#main fieldset.gry fieldset.data{border-color: #f4f4f4;}

#main fieldset.ltgryno{background: #f9f9f9;}
#main fieldset.ltgry{background-image: url("../i/fs_ltgry_bg.gif");}
#main fieldset.ltgry legend{border-color: #dedede;}
#main fieldset.ltgry fieldset.data{border-color: #f9f9f9;}

#main fieldset.grnno{background: #f4fff4;}		
#main fieldset.grn{background-image: url("../i/fs_grn_bg.gif");}
#main fieldset.grn legend{border-color: #33cc00; }
#main fieldset.grn fieldset.data{border-color: #f4fff4;}

#main fieldset.yelno{background: #fffff2;}	
#main fieldset.yel{background-image: url("../i/fs_yel_bg.gif");}
#main fieldset.yel legend{border-color: #E8E64B;}
#main fieldset.yel fieldset.data{border-color: #fffff2;}

#main fieldset.bluno{background: #eff8fe;}		
#main fieldset.blu{background-image: url("../i/fs_blu_bg.gif");}
#main fieldset.blu legend{border-color: #005f7f;}
#main fieldset.blu fieldset.data{border-color: #eff8fe;}

#main fieldset.brnno{background: #f9fde4;}		
#main fieldset.brn{background-image: url("../i/fs_brn_bg.gif");}
#main fieldset.brn legend{border-color: #948971;}
#main fieldset.brn fieldset.data{border-color: #f9fde4;}
	
#main fieldset.org{background-image: url("../i/fs_org_bg.gif");}
#main fieldset.org legend{border-color: #ffd17c;}
	
#main fieldset.red{background-image: url("../i/fs_red_bg.gif");}
#main fieldset.red legend{border-color: #ff8080;}
	
#main fieldset.pur{background-image: url("../i/fs_pur_bg.gif");}
#main fieldset.pur legend{border-color: #ff80ff;}
	

#main fieldset.primary{
	padding-left: 48px;
	padding-bottom: 10px;
	}

#main fieldset.zero,
#main fieldset.two,
#main fieldset.three,
#main fieldset.four,
#main fieldset.five,
#main fieldset.six{
	margin: 10px 20px 0 20px;	
	padding: 0;
	}

#main fieldset.zero,
#main fieldset.other{
	padding-bottom: 3px;
	}

#main fieldset.two,
#main fieldset.three,
#main fieldset.four,
#main fieldset.five,
#main fieldset.six{
	padding-left: 20px;
	padding-bottom: 5px;
	}

#main fieldset.zero legend,
#main fieldset.primary legend{
	margin-bottom: 5px;
	}

#main fieldset.zero legend,
#main fieldset.two legend,
#main fieldset.three legend,
#main fieldset.four legend,
#main fieldset.five legend,
#main fieldset.six legend{
	margin-top: 5px;
	margin-left: 12px;
	}

#main fieldset label{
	float: left;
	display: block;
	padding: 0 0 1px 0;
	font-size: 82%;
	margin: 10px 0 0 0;
	}


#main fieldset.contact{
	padding-bottom: 10px;
	margin-bottom: 5px;
	}

* html #main fieldset.contact legend{
	margin-bottom: 10px;
	}

#main fieldset.contact legend.example{
	color: #ff3333;
	}

#main fieldset.special{
	display: block;
	clear: both;
	padding: 6px 0 2px 24px;
	margin: 10px 25px 10px 46px;
	}

#main fieldset.contact fieldset.special legend{
	margin-bottom: 0;
	}

#main fieldset.primary p{
	margin: 5px 0 10px -24px;
	color: #000033;
	border: 2px solid #000033;
	background: #f1f3f8; 
	padding: 10px 0 10px 12px;
	font-size: 90%;
	width: 479px;
	}
* html #main fieldset.primary p{
	width: 501px;
	w\idth: 479px;
	}
#main fieldset.primary label{
	margin: 5px 0 0 0;
	width: 156px;
	}

#main fieldset.other label.other{
	width: auto;
	margin: 4px 0 0 20px;
	padding: 0 15px 2px 0;     
	clear: left;
	}	
* html #main fieldset.other label.other{
	margin-left: 10px;
	}

#main fieldset.primary label.single{
	width: 400px;
	}
	
#main fieldset.two label,
#main fieldset.primary label.two{
	width: 216px;
	}

#main fieldset.three label{
	width: 162px;
	}

#main fieldset.four label,
#main fieldset.three label.last{
	width: 108px;
	}

#main fieldset.five label{
	width: 92px; 
	}

#main fieldset.six label,
#main fieldset.five label.six{
	width: 71px; 
	}

#main fieldset.contact label{
	width: auto;
	height: 16px;
	margin-bottom: 10px;
	margin-top: 0;
	}

#main fieldset.contact label span{
	top: -3px;
	left: 0;
	}
* html #main fieldset.contact label span{
	top: 0;
	}
	
#main fieldset.contact label.left{
	width: 70px;
	}

#main fieldset.contact label.right{
	width: 50px;
	}

#main fieldset.contact label.alt{
	width: 125px;
	}

#main fieldset.contact label.sameas{
	display: block;
	padding-left: 30px;
	margin-top: 2px;
	padding-right: 90px;
	}
* html #main fieldset.contact label.sameas{
	margin-top: -2px;
	}

#main fieldset.contact label.sameasservice{
	display: block;
	padding-left: 122px;
	margin-top: 4px;
	padding-right: 150px;
	}

#main fieldset.contact span.float{
	float: right;
	margin-right: 5px;
	margin-top: 6px;
	}
* html #main fieldset.contact span.float{
	margin-top: 2px;
	}

#main fieldset.contact input.float{
	float: left;
	margin-bottom: 10px;
	}

#main fieldset.contact input.alone{
	float: left;
	margin-right: 95px;
	margin-bottom: 10px;
	}

#main fieldset.contact p{
	background:#f1f3f8;
	clear: both;
	margin: 0 25px 1.0em 25px;
	color: #000033;
	padding: 1.0em 1.0em 1.0em 1.5em;
	font-size: 90%;
	border: 2px solid #000000;
	}
* html #main fieldset.contact p{
	padding-top: 0.5em;
	}
	
#main fieldset.special label{
	margin-top: 10px;
	margin-bottom: 0;
	width: 85px;
	}

#main fieldset.special label.remember{
	width: auto;
	}

#main div.second fieldset.other textarea{
	margin: 0 0 10px 42px;
	font-size: 1.0em;
	max-height: 32px;	
	width: 412px;
	}	

#footer{
	position: absolute;
	display: block;
	bottom: 0; 
	bottom: -1.8em;
	left: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
	}
	
#copyright{
	margin: 0 auto;
	position: relative;
	left: 8px;
	width: 744px;
	font-family: sans-serif;
	border-top: 1px solid #333333; 
	padding: 5px 0 5px 0;
	background: transparent; 
	text-align: left;
	}

#copyright a{
	margin: 0 auto 0 4px;
	font-weight: bold;
	font-size: 10px; 
	letter-spacing: 0.2em;					
	}
	
#copyright a span{
	color: #000000;
	margin: 0 3px;
	letter-spacing: 0;
	font-size: 10px;
	font-weight: 300;
	}
	
#copyright a:link, #copyright a:visited{
	color: #ff0000;
	background: transparent;
	text-decoration: none;
	}
	
#copyright a:hover{
	color: #000000;
	background: transparent;
	text-decoration: none;
	}
	
#copyright a:hover span{
	color: #777766;
	background: transparent;
	}

input[type="text"]:focus, textarea:focus{
	background: #fffff4;
	}

input[type="button"]{
	padding-bottom: 3px;
	}