/* CSS Document */

body { margin: 0px;	background-color: #F16633; background-image: url(../images/bg_main.jpg); background-position: center; background-repeat: no-repeat; }

/*             */
/*    fonts    */
/*             */
.font { font-family: Arial, Helvetica, sans-serif; }
.size9 { font-size: 9px; }
.size10 { font-size: 10px; }
.size11 { font-size: 11px; }
.size12 { font-size: 12px; }
.size14 { font-size: 14px; }
.size18 { font-size: 18px; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.black { color: #000; }
.white { color: #FFF; }
.gray { color: #CCC; }
.yellow { color: #FCB725; }
.red { color: #D70009; }
.footerLink { color: #FFF; text-decoration: none; }
.footerLink:hover { color: #D70009; text-decoration: none; }
.orangeLink { color: #FCB725; text-decoration: none; }
.orangeLink:hover { color: #D70009; text-decoration: none; }
.navLink { color: #FCB725; text-decoration: none; }
.navLink:hover { color: #D70009; text-decoration: none; }

/*                          */
/*     main navigation      */
/*                          */
#nav { width: 900px; height: 42px; margin: 0px auto; }
.nav { width: 900px; height: 42px; margin: 0px auto; position: relative; background: url(../images/bg_navigation.png); background-repeat: no-repeat; }
	.nav li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
	.nav li, .nav a { height: 42px; display: block; }
	.left_blank { left: 0px; width: 67px; }
	.forTile { left: 67px; width: 78px; }
		.forTile:hover { background: transparent url(../images/bg_navigation.png) -67px -42px no-repeat; }
	.forWood { left: 145px; width: 95px; }
		.forWood:hover { background: transparent url(../images/bg_navigation.png) -145px -42px no-repeat; }
	.insBoard { left: 240px; width: 139px; }
		.insBoard:hover { background: transparent url(../images/bg_navigation.png) -240px -42px no-repeat; }
	.tape { left: 379px; width: 58px; }
		.tape:hover { background: transparent url(../images/bg_navigation.png) -379px -42px no-repeat; }
	.trowel { left: 437px; width: 72px; }
		.trowel:hover { background: transparent url(../images/bg_navigation.png) -437px -42px no-repeat; }
	.thermostat { left: 509px; width: 104px; }
		.thermostat:hover { background: transparent url(../images/bg_navigation.png) -509px -42px no-repeat; }
	.faqs { left: 613px; width: 58px; }
		.faqs:hover { background: transparent url(../images/bg_navigation.png) -613px -42px no-repeat; }
	.contactus { left: 671px; width: 96px; }
		.contactus:hover { background: transparent url(../images/bg_navigation.png) -671px -42px no-repeat; }
	.homeo { left: 767px; width: 65px; }
		.homeo:hover { background: transparent url(../images/bg_navigation.png) -767px -42px no-repeat; }
	.right_blank { left: 832px; width: 68px; }

/*                         */
/*     sub navigation      */
/*                         */
#subnav { width: 630px; height: 34px; margin: 0px;}
.subnav { width: 500px; height: 34px; margin: 0px; padding: 0px; position: relative; background: url(../images/bg_subnav.jpg); background-repeat: no-repeat; }
	.subnav li { margin: 0px; padding: 0px; list-style: none; position: absolute; top: 0px; }
	.subnav li, .subnav a { height: 34px; display: block; }
	.howitworks { left: 0px; width: 122px; }
		.howitworks:hover { background: transparent url(../images/bg_subnav.jpg) -0px -34px no-repeat; }
	.installation { left: 122px; width: 104px; }
		.installation:hover { background: transparent url(../images/bg_subnav.jpg) -122px -34px no-repeat; }
	.layout { left: 226px; width: 72px; }
		.layout:hover { background: transparent url(../images/bg_subnav.jpg) -226px -34px no-repeat; }
	.coverage { left: 298px; width: 90px; }
		.coverage:hover { background: transparent url(../images/bg_subnav.jpg) -298px -34px no-repeat; }
	.downloads { left: 388px; width: 112px; }
		.downloads:hover { background: transparent url(../images/bg_subnav.jpg) -388px -34px no-repeat; }

/*            */
/*    divs    */
/*            */
#header { width: 900px; height: 122px; margin-left: auto; margin-right: auto; background-image: url(../images/bg_header.png); position: relative; }
#header-left { width: 220px; height: 80px; cursor: pointer; position: absolute; left: 0px; top: 22px; }
#header-right { width: 200px; height: 80px; cursor: pointer; position: absolute; left: 700px; top: 22px; }
#content { width: 900px; margin-left: auto; margin-right: auto; margin-top: 20px; }
#left_column { width: 250px; height: 374px; float: left; margin-right: 20px; background-color: #000; }
	#whychooseheader { width: 250px; height: 34px; background-image: url(../images/header_whychoose.jpg); }
	#whychoosecontent { width: 210px; height: 340px; padding-left: 20px; }
		#whychoosecontent ul { list-style-type: none; padding: 4px 0px 0px 0px; margin: 0px; }
		#whychoosecontent li { padding-bottom: 10px; background-image: url(../images/arrow.gif); background-repeat: no-repeat; background-position: 0 .4em; padding-left: .8em; line-height: 15px; }
#right_column { width: 630px; height: 374px; float: left; background-color: #000; }
	#sectionheader { width: 630px; height: 34px; }
	#systemchoices { width: 285px; height: 290px; margin-left: 20px; float: left; }
	#downloadMO { width: 180px; height: 60px; position: relative; left: 352px; top: 0px; background-image: url(../images/bg_downloads.png); text-align: center; padding-top: 18px; line-height: 14px; background-repeat: no-repeat; }
	#contentholder { width: 590px; margin: 0px auto; }
	#addprod { width: 590px; height: 100px; margin: 0px auto; padding: 0px; }
	#ins { width: 590px; margin: 0px auto; background-color: #999; }
	#tape { width: 590px; margin: 0px auto; }
	#trowel { width: 590px; margin: 0px auto; }
	#thermo { width: 590px; margin: 0px auto; background-image: url(../images/thermostat.jpg); }
		#thermoSub { width: 196px; height: 320px; float: left; text-align: center; line-height: 640px; }
	#contact { width: 590px; height: 320px; margin: 0px auto; background-image: url(../images/contactus.jpg); }
		#contactInfo { width: 180px; text-align: left; float: left; padding: 25px 0px 0px 20px; }
		#formHolder { width: 360px; margin: 0px auto; float: left; }
		#formDesc { width: 360px; text-align: center; height: 50px; line-height: 50px;}
		#formHeader { float: left; width: 180px; }
		#formObject { float: left; width: 180px; }
		#formMsgHeader { width: 360px; text-align: left; padding-top: 10px; }
		#formMsgObject { width: 360px; }
	#faqscontent { width: 590px; height: 320px; overflow-x: hidden; overflow-y: auto; margin: 0px auto; }
		#faqscontent li { list-style-type: none; background-image: url(../images/arrow.gif); background-repeat: no-repeat; background-position: 0 .4em; padding-left: .8em; }
		.question { width: 590px; padding-bottom: 10px; cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; }
		.answerHolder { width: 570px; padding-bottom: 10px; cursor: pointer; }
		.answer { width: 550px; padding-bottom: 10px; margin: 0px auto; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FCB725; }
	
	
#footer { width: 900px; height: 60px; margin-right: auto; margin-left: auto; text-align: center; line-height: 60px; background-image: url(../images/bg_footer.jpg); position: relative; }
#footer-left { width: 150px; height: 60px; position: absolute; left: 0px; cursor: pointer; }
#footer-center { width: 630px; height: 60px; position: absolute; left: 150px; }
#footer-right { width: 150px; height: 60px; position: absolute; left: 780px; cursor: pointer; }