/* CSS Document */


/*-------------------------------------------------
Colors used:
Dark Brown
Light Blue
Regular Brown: 928979
Super light brown in form: edeae4


-------------------------------------------------*/

/*Layout*/

body {
    background-image: url("../_images/bkgd-repeat-why.jpg")
}

#container{
width:960px;
margin-left:auto;
margin-right:auto;
font-family:Arial, Helvetica, sans-serif;}

#footer{
background-image:url(../_images/footer.jpg);
background-color:#c6e7fa;
height:50px;
border:red 0px solid;
}

#lefthead{
width:470px;
height:98px;
float:left;
}
        
#righthead{
width:490px;
height:98px;
float:left;}
               	
#topright{
height:62px;
}

#header{
background-image:url(../_images/headerbg.jpg);
height:98px;
overflow:visible;
}

#feature{
	  background-image:url(../_images/featurebg.jpg);
	  background-repeat:no-repeat;
	  height:423px;
	  margin-bottom:0px;
      }
	  
	  	#featuretext{
		xbackground-image:url(../_images/featuretext.png);
		xbackground-repeat:no-repeat;
		margin-left:10px;
		width:560px;
		height:242px;
		}
	  
	  .subfeature{
		 background-image:url(../_images/featurewhy.jpg);
		 background-repeat:no-repeat;
		 height:269px;
		 margin-bottom:0px;
		} 
		
	     #subleft{
	     width:300px;
	     float:left;
	     margin-left:70px;	
	     margin-top:0px;
		} 
		
		#subright{
		width:300px;
		float:left;
		margin-top:0px;
		}
		
	  #subfeature-big{
		 background-image:url(../_images/featurewhy-big.jpg);
		 background-repeat:no-repeat;
		 height:420px;
		 margin-bottom:0px;
		 border:0px solid red;
		} 
	
	  #subfeature-big-left{
	    float:left;
	    width:300px;
	    }
	  
	  #subfeature-big-right{
	    float:left;
	    width:640px;
	    height:375px;
	    margin-left:0px;
	    padding-top:25px;
	    border:0px solid red;
	    }
	  
	 .subfeatureheading{
	 background-repeat:no-repeat;
	 height:36px;
	 width:300px;
	 margin-left:10px;
	 background-position:bottom;
	 padding-top:35px;
	}

  #content{
   margin-top:0px;
   height:182px;
   background-color:white;
   }
    
    	#content1{
		background-image:url(../_images/content1bg.jpg);
		width:300px;
		padding-left:10px;
		float:left;
		height:182px;
		}
		
        #content2{
		background-image:url(../_images/content2bg.jpg);
		width:318px;
		padding-left:20px;
		float:left;
		height:182px;
		}
        
		#content3{
		background-image:url(../_images/content3bg.jpg);
		width:310px;
		float:left;
		height:182px;
		}
		
	.Why-TheNeed{
	 background-image:url(../_images/sub_theneed.jpg);
	 background-repeat:no-repeat;
	 height:332px;
	 margin-bottom:0px;
	 }
	 
	 .Why-EnergySavings{
	 background-image:url(../_images/sub_energysavings.jpg);
	 background-repeat:no-repeat;
	 height:332px;
	 margin-bottom:0px;}
	 
	 .Why-MoistureManagement{
	 background-image:url(../_images/sub_moisture.jpg);
	 background-repeat:no-repeat;
	 height:332px;
	 margin-bottom:0px;}
	 
	 .Why-roi{
	 background-image:url(../_images/sub_roi.jpg);
	 background-repeat:no-repeat;
	 height:332px;
	 margin-bottom:0px;
	 }
	 
	 .WarrantyDwnld{
	 background-image:url(../_images/sub_samplewarranty.jpg);
	 background-repeat:no-repeat;
	 height:332px;
	 margin-bottom:0px;
	 }
	 
	 .specs{
	 background-image:url(../_images/sub_specs.jpg);
	 background-repeat:no-repeat;
	 height:332px;
	 margin-bottom:0px;
	 }
	 
	 .details{
	 background-image:url(../_images/sub_details.jpg);
	 background-repeat:no-repeat;
	 height:332px;
	 margin-bottom:0px;
	 }
	 .dwg{
	 background-image:url(../_images/sub_dwg.jpg);
	 background-repeat:no-repeat;
	 height:332px;
	 margin-bottom:0px;
	 } 
	 
	 .register{
	 background-image:url(../_images/sub_register.jpg);
	 background-repeat:no-repeat;
	 height:332px;
	 margin-bottom:0px;
	 } 
	
	 .InteractiveBuilding{
	 background-image:url(../_images/sub_buildingenvelopesolutions.jpg);
	 background-repeat:no-repeat;
	 height:187px;
	 margin-bottom:0px;
	 }
	 
	 .ProductLiterature{
	 background-image:url(../_images/sub_prodlit.jpg);
	 background-repeat:no-repeat;
	 height:150px;
	 margin-bottom:0px;
	 }
	 
	  .Locations{
	 background-image:url(../_images/sub_locations.jpg);
	 background-repeat:no-repeat;
	 height:332px;
	 margin-bottom:0px;
	 }
	 	.subcontent1{
		padding-top:40px;
		width:300px;
		padding-left:10px;
		float:left;
		overflow:auto;
		height:332px;
		}
		
		.subcontentall{
		padding-top:40px;
		width:930px;
		padding-left:10px;
		float:left;
		overflow:auto;
		height:332px;
		}
		
		.subcontent549{
		padding-top:40px;
		width:549px;
		padding-left:10px;
		float:left;
		overflow:auto;
		height:332px;
		}
		
		.subcontent200{
		padding-top:0px;
		width:325px;
		padding-left:10px;
		float:left;
		overflow:auto;
		height:332px;
		margin-left:50px;
		}
		
		.subcontentall2{
		padding-top:40px;
		width:640px;
		padding-left:10px;
		float:left;
		overflow:auto;
		height:332px;
		}
		
        .subcontent2{
		padding-top:40px;
		width:300px;
		padding-left:20px;
		float:left;
		height:332px;
		}
        
		.subcontent3{
		padding-top:40px;
		width:300px;
		float:left;
		height:332px;
		}

/*Navigation*/

 #main-nav{
 text-align:left;
 overflow:hidden;
 font-size:11px;
 list-style:none;
 height:30px;
 margin-left:0px;
 margin-top:10px;
 padding-left:0px;
}
            
            	#main-nav li{
				padding-left:14px;
				margin-right:11px;
				display:block;
				float:left;
				border: 0px teal solid;}
				
				#main-nav li a{
				color:black;
				text-decoration:none;
				}
				
				#main-nav li a:hover{
				color:white;
				text-decoration:none;
				}
				
	                #main-nav li.bluebox{
					background-image:url(../_images/bluebox.jpg);
					background-repeat:no-repeat;
					background-position:0% 50%;}
					
					#main-nav li.brownbox{
					background-image:url(../_images/brownbox.jpg);
					background-repeat:no-repeat;
					background-position:0% 50%;}
					
					#main-nav li.whitebox{
					background-image:url(../_images/whitebox.jpg);
					background-repeat:no-repeat;
					background-position:0% 50%;}


/*Text Styles*/

.indent{
margin-left:10px;}

.indent2{
margin-left:25px;}

#container h1{
color:#928979;
font-size:16px;
text-align:left;
}

.hometext{
font-size:11px;
padding-top:0px;
padding-right:18px;
line-height:14px;
}

.hometext h3{
font-size:21px;
color:#928979;
text-align:center;
margin-bottom:0px;
line-height:25px;
}

.hometext h4{
color:black;
font-weight:bold;
margin-bottom:0px;
}

.hometext h6{
font-size:16px;
color:#928979;
font-weight:bold;
margin-bottom:0px;
}

.hometext a{
color:#5d5349;
text-decoration:underline;
line-height:26px;
font-weight:bold;
}

.hometext a:hover{
color:#00aeef;
}

.caption{
font-size:12px;
padding-top:0px;
font-style:italic;
padding-top:1px;
}

.sublinks{
text-align:left;
font-size:14px;
list-style:none;
margin-left:0px;
padding-top:5px;
margin-top:0px;
padding-left:0px;
line-height:20px;
}
		
			.sublinks p{
			margin-left:70px;
			margin-top:0px;
			}	
				
				.subnav{
				margin-left:70px;
				margin-top:0px;
				padding-left:0px;
				list-style-type:none;
				}
				
						.subnav li{
						margin-top:0px;
						padding-left:14px;
						display:block;
						}
						
						.subnav li a{
						color:black;
						text-decoration:none;
						}
						
						.subnav li a:hover{
						color:white;
						text-decoration:none;
						}
					
							.subnav li.bluebox{
							background-image:url(../_images/bluebox.jpg);
							background-repeat:no-repeat;
							background-position:0% 50%;
							}
							
							.subnav li.brownbox{
							background-image:url(../_images/brownbox.jpg);
							background-repeat:no-repeat;
							background-position:0% 50%;
							}
						
.numberlist{
list-style-type:none;
}

#numberlist li{
line-height:22px;
}

.subcontent1 b, .subcontent2 b{
color:#928979;
font-size:15px;
}

/* Register Form */

.confirmationAlert{
    border: solid 3px #928979;
    background-color: white;
    width: 195px;
    padding: 12px 12px 12px 64px;
    background-image: url("../_images/confirmCheck.png");
    background-repeat: no-repeat;
    background-position: 15px 15px;
}


.stdFormLabel{
    border: solid 0px blue;
    display:block; 
    float:left; 
    padding:3px 0 0 0px;
    width:130px;
    text-align: left;
}

.stdFormLabelLong{
    display:block;
    float:left;
    padding:3px 0 15px 0px;
    width:300px;
    text-align:left;
    font-weight:bold;
}

.stdFormText{/* after they type something in the box */
    float:left; 
    padding:3px;
    margin: 0 0 8px 0; 
    width:200px;
    border: solid 1px #928979;
    background-color:white;
}

.stdFormDrpDwn{
    width:338px;
    margin-top:5px;
}

.formRow {
    clear:both; 
    border: solid 0px black;
    overflow: hidden;
    margin-bottom:7px;
}

.formRow .stdFormText:hover, .stdFormText:focus, .stdFormText:active {/* box properties when clicked into */
    background-color: white; 
    border: solid 1px #928979;
}

.watermarked{/* sitting as is */
    
    color: #cecece;
    display:block; 
    float:left; 
    padding:3px;
    margin: 0 0 8px 0; 
    width:200px;
    font-family: Arial, Sans-Serif;
    font-size:12px;
    border: solid 1px #928979;
    background-color:#edeae4;
}
 
.formRow .watermarked:hover, .watermarked:focus, .watermarked:active {/* hover state of box */
    background-color: white; 
    border: solid 1px #928979;
    color: black;
    width:200px;
}

.serviceSelectLabel{
    border: solid 0px #35A2E5;
    width: 300px;
    text-align: left;
    display: block;
    padding: 8px;
 }

.submitbutton:hover{
    background-color: white; 
    border: solid 1px #928979;
    color: black;
}

.submitbutton{
    color: #000000;
    display:block; 
    float:left; 
    margin-left:130px;
    width:207px;
    height:28px;
    background-color: #edeae4;  
    border: solid 1px #928979;  
 }
 
 #buttonrow{
 border: solid 0px #35A2E5;
 padding-left:0px;
 margin-top:5px;
 overflow:hidden;
 }