@charset "UTF-8";
/* CSS Document */

#nav{
height: 	105px;
width:		100%;
z-index:	6000;
float:		left;
}

#slider_container{
height:		400px;
width:		100%;
float:		left;
z-index:	1800;
}

#slides {
height:		400px;
width:		1024px;
margin-left:auto;
margin-right:auto;
z-index:	1900;
}


#newsflash{
height: 	61px;
width:		100%;
float:		left;
background-image:url(../images/news_bkgnd.jpg);
background-position:	center;
}



#alert{
width:		800px;
margin-left:auto;
margin-right:auto;
padding-left:200px;
padding-top:20px;
}

#learnmore{
width:			107px;
height:			27;
display:		block;
padding-right:	200px;
float:			right;
}


#teaser_container{
width:		100%;
float:		left;
}

#teasers {
width:		940px;
margin-left:auto;
margin-right:auto;
}


#intro_container{
width:		100%;
float:		left;
}

#homepage_info {
width:		940px;
margin-left:auto;
margin-right:auto;
}

#homepage_title {
width:		600px;
float:		left;
margin-left: 28px;
padding-top: 30px;
}

#USA {
float:		right;
width:		255px;
}

#intro_text{
float:		left;
width:		890px;
padding-left:  30px;
padding-right: 20px
}

#tease{
padding-top:30px;
width:265px;
float:left;
padding-right:20px;
padding-left: 25px;
}


#footer_container{
height:		310px;
width:		100%;
background-image:url(../images/footer_bkgnd.jpg); 
background-repeat:	repeat-x;
float:		left;
}

#footer_align {
width:		940px;
margin-left:auto;
margin-right:auto;
}

#footer_ul {
padding-top:	30px;
width:			200px;
float:			left;
padding-right:	0px;
padding-left: 	25px;
}

#footer_li {
background-image:	url(../images/footer_li_bkgnd.gif);
height:				20px;
padding-top:        10px;
width:				147px;
padding-left:       10px;
float:				left;
}

#footer_li2 {
background-image:	url(../images/footer_li_bkgnd2.gif);
height:				34px;
padding-top:        10px;
width:				147px;
padding-left:       10px;
float:				left;
}

#footer_li3 {
background-image:	url(../images/footer_li_bkgnd3.gif);
height:				37px;
padding-top:        10px;
width:				147px;
padding-left:       10px;
float:				left;
}


#logos{
float:				right;
width:				225px;
height:				191px;
display:			block;
padding-top:        20px;
}


#copyright_container {
width:				940px;
float:				left;
width:				100%
}

#copyright {
width:				940px;
margin-left:		auto;
margin-right:		auto;
padding-left:       50px;
padding-top:        15px;
}





h1 {font-family:Arial, Helvetica, sans-serif;font-size:28px;color:#0080cf;font-weight:bold;padding:0px 0px 5px 0px;line-height:25px}
h2 {font-family:Arial, Helvetica, sans-serif;font-size:22px;color:#66b83e;font-weight:bold;padding:0px 0px 5px 0px;}
h3 {font-family:Arial, Helvetica, sans-serif;font-size:16px;color:#006699;font-weight:bold;padding:20px 0px 5px 0px;}
h4 {font-family:Arial, Helvetica, sans-serif;font-size:20px;color:#ffffff;font-weight:bold;padding:0px 0px 0px 0px;line-height:25px}
h5 {font-family:Arial, Helvetica, sans-serif;font-size:18px;color:#0080cf;font-weight:bold;padding:0px 0px 5px 0px;}
h6 {font-family:Arial, Helvetica, sans-serif;font-size:16px;color:#0080cf;font-weight:bold;padding:0px 0px 5px 0px;}




.copy {font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#333333;font-weight:normal;line-height:17px;}
.copy a{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#0066CC;font-weight:normal;line-height:17px;text-decoration:none;}
.copy a:hover{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#0066CC;font-weight:normal;line-height:17px;text-decoration:underline;}
.copy a:visited{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#0066CC;font-weight:normal;line-height:17px;text-decoration:none;}

.footer_copy {font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#ffffff;font-weight:normal;line-height:normal;}
.footer_copy a {font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#ffffff;font-weight:normal;line-height:normal;text-decoration:none;}
.footer_copy a:hover {font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#ffffff;font-weight:normal;line-height:normal;text-decoration:underline;}
.footer_copy a:visited {font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#ffffff;font-weight:normal;line-height:normal;}
.copyright {font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#ffffff;font-weight:normal;line-height:normal;}
.footer_copy a:hover {font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#ffffff;font-weight:normal;line-height:normal;text-decoration:underline;}
.footer_copy a:visited {font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#ffffff;font-weight:normal;line-height:normal;}
.copyright {font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#ffffff;font-weight:normal;line-height:normal;}
.right_copy {font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#333333;font-weight:bold;line-height:normal;text-decoration:none}
.right_copy a {font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#333333;font-weight:bold;line-height:normal;text-decoration:none;}
.right_copy a:hover {font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#c00075;font-weight:bold;line-height:normal;text-decoration:underline;}
.right_copy a:visited {font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#333333;font-weight:bold;line-height:normal;text-decoration:none;}
.copy ul{list-style-type: none;padding: 0; margin: 0;}
.copy ul ul{list-style-type: none;padding-left: 20px; margin: 0;}

.copy li{background-image: url(../images/arrow.gif);background-repeat: no-repeat;background-position: 0 .4em; padding-left: 18px;line-height:17px; padding-top:5px;}
.download_title { font-size: 18px; padding-top:0px;color:#0080cf;}
.drawing_title { font-size: 15px; padding-top:0px;color:#0080cf;}
.chart_data {font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#333333;font-weight:normal;line-height:normal;padding-top:2px;padding-bottom:2px;}
.swatch_title { font-size: 13px; padding-top:0px;color:#0080cf;}
.alert {font-family:Arial, Helvetica, sans-serif;font-size:20px;color:#000000;font-weight:bold;}
.alert a{font-family:Arial, Helvetica, sans-serif;font-size:20px;color:#0080cf;font-weight:bold;text-decoration:none;}




#container_align{
margin-left:			auto;
margin-right:			auto;
width:					980px;
min-height:             700px;
background-image:		url(../images/nav_pg_bkgnd.jpg);
background-position:	center;
background-repeat:		no-repeat;
}


#container_align_full{
margin-left:			auto;
margin-right:			auto;
width:					980px;
min-height:             1000px;
background-image:		url(../images/full_width_pg_bkgnd.jpg);
background-position:	center;
background-repeat:		no-repeat;
}

#container{
width:					980px;
float:					left;
}

#left {
width:		    615px;
padding:        35px 0px 40px 45px;
float:		    left;
}

#right {
width:	       225px;
margin-left:   50px;
float:         left;
padding-top:   100px;
}

#full {
width:		    865px;
padding:        35px 0px 40px 45px;
float:		    left;
}

#right_li {
background-image:	url(../images/right_li_bkgnd.gif);
height:				22px;
padding-top:        14px;
width:				215px;
padding-left:       10px;
float:				left;
}

#right_li_last {
background-image:	url(../images/right_li_bkgnd.gif);
height:				22px;
padding-top:        14px;
width:				215px;
padding-left:       10px;
float:				left;
margin-bottom:		30px;
}

#download {
height:				90px; 
float:				left; 
width:				400px;
}

.downloadContainer {
float:left;
width:900px;
padding-bottom:30px;
}


#pdf {
height:				84px; 
float:				left; 
width:				70px;}

#swatch_container {width:180px;height:150px;padding-right:20px;float:left;}
#swatch {width:180px;height:105px;float:left;cursor:pointer;cursor:hand;}

#accessory_boundary{width:575px;float:left;}
#accessory_container{width:170px;height:215px;padding-right:20px;float:left;}
#accessory {width:170px;height:155px;float:left;cursor:pointer;cursor:hand;clear:both;}

#accessory_color_container{width:180px;height:130px;padding-right:20px;float:left;}
#accessory_color {width:180px;height:105px;float:left;cursor:pointer;cursor:hand;}

#specbox {
width:				195px;
background-color:	#d7c5e6;
border:				1px;
border-color:		#460597;
padding:            10px 15px 15px 15px;
margin-top:			370px;

}


#specbox_white {
width:				195px;
margin-top:			320px;
}

.boxtitle {font-family:Arial, Helvetica, sans-serif;font-size:22px;color:#0080cf;font-weight:bold;}
.boxcopy  {font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#000000;font-weight:normal;}

li.copy { 
padding:0 10px 4px 15px; 
margin-left:15px;
font-weight:normal;
}

ol.copy { 
margin:				5px 0 5px 15px; 
padding:	     	0;
}

.greenSolutionsBox	{
width:				100%;
clear:				both;
float:				left;
padding-bottom:     20px;
}

.greenSolutionsTitle {
font-family: 		Arial, Helvetica, sans-serif;
color:				#8d8d8d;
font-weight:		bold;
font-size:			28px;
}

.epdm							{width:147px;height:149px;margin-bottom:10px;float:left;display:block;text-align:center;font-size:13px;font-family: Arial, Helvetica, sans-serif;color:#333;font-weight:normal;}

}