@font-face {
    font-family: 'CrilleeRegular';
    src: url('facebook/fonts/crillee-webfont.eot');
    src: url('facebook/fonts/crillee-webfont.eot?#iefix') format('embedded-opentype'),
         url('facebook/fonts/crillee-webfont.woff') format('woff'),
         url('facebook/fonts/crillee-webfont.ttf') format('truetype'),
         url('facebook/fonts/crillee-webfont.svg#CrilleeRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
table 		{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px}
td 			{ font-family: Verdana, Arial, Helvetica, sans-serif ; font-size: 12px}
tr 			{ font-family: Verdana, Arial, Helvetica, sans-serif ; font-size: 12px}
.title 		{ font-family: Verdana, Arial, Helvetica, sans-serif ; font-size: 12px ; font-weight: bold; text-decoration: underline}
.smallest 	{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px}
.bottomline {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #999999}
input 		{  background-color: #ffffff; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold}
textarea 	{ background-color: #ffffff; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold}
.minimenu 	{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}

.bodymain		{ margin: 0px; background-color: #5B5B5B; }
.whiterule		{ background-color: #FFFFFF; }

.contentbg			{ background-image: url(images/content_bg.jpg); background-position: top right; background-repeat: no-repeat; }
.contentbgspacer	{ background-image: url(images/content_bg_spacer.jpg); background-position: right; background-repeat: repeat-y; }
.contentrightspacer	{ background-image: url(images/content_right_spacer.jpg); background-position: left; background-repeat: repeat-y; }
.headerbg			{ background-image: url(images/header_bg.jpg); background-position: top left; background-repeat: no-repeat; }
.leftspacer			{ background-image: url(images/left_spacer.jpg); background-position: right; background-repeat: repeat-y; }
.lefttop			{ background-image: url(images/left_top.jpg); background-position: top right; background-repeat: no-repeat; }
.righttop			{ background-image: url(images/right_top.jpg); background-position: top left; background-repeat: no-repeat; }
.bgbottom			{ background-image: url(images/bottom_bg.jpg); background-position: top center; background-repeat: no-repeat; }

.interiorheaderspacer	{ background-image: url(images/interior_header_spacer.jpg); background-position: top; background-repeat: repeat-x; }
.interiorcontentbg		{ background-image: url(images/interior_content_bg.jpg); background-position: top right; background-repeat: no-repeat; background-color: #FFFFFF; }
.interiormainleft		{ background-image: url(images/interior_header_main_left.jpg); background-position: top left; background-repeat: no-repeat; }
.interiormainright		{ background-image: url(images/interior_header_main_right.jpg); background-position: top right; background-repeat: no-repeat; }
.interiomainspacer		{ background-image: url(images/interior_header_main_spacer.jpg); background-position: top; background-repeat: repeat-x; }

.navright1			{ background-image: url(images/nav_right_1.jpg); background-position: top left; background-repeat: no-repeat; }
.navright2			{ background-image: url(images/nav_right_2.jpg); background-position: top left; background-repeat: no-repeat; }

a.mainnav			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8.5pt; font-weight: bold; color: #FFFFFF; text-decoration: none; }
a.mainnav:hover		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8.5pt; font-weight: bold; color: #ffffff; text-decoration: underline; }
a.green		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8.5pt; font-weight: bold; color: #FFFFFF; text-decoration: none; }
a.green:hover	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8.5pt; font-weight: bold; color: #0F0; text-decoration: none; }


a:active 
{
	color: 0000ff;
	text-decoration: none;
}
a:hover
{
	color: 0000ff;
	text-decoration: underline;
}
.greenBorder {border: solid 4px #093; }
.green {color: #093; }
h1 {
	font-size:24px;
	padding: none;
	margin: none;
}

h2 {
	font-size:14px;
	padding: none;
	margin: none;
}
h3 {
	font-size:14px;
	padding: none;
	margin: none;
}
h4 {
	font-size:12px;
	text-decoration:underline;
	padding: none;
	margin: none;
}



.error 			{ font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; font-weight: bold; color: #CC0000; }
.standard 		{ font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; font-weight: bold; color: #FFFFFF; }
.standardbold 	{ font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; font-weight: bold; color: #FF0000; }
.standardheader { font-family: Arial, Helvetica, sans-serif; font-size: 10.5pt; font-weight: bold; color: #FF0000; }
.form	 		{ font-family: Arial, Helvetica, sans-serif; font-size: 7.5pt; font-weight: bold; color: #000000; }

.bodymain		{ margin: 0px; background-color: #5B5B5B; }
.whiterule		{ background-color: #FFFFFF; }
.blackrule		{ background-color: #000000; }

a.navon			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7.5pt; font-weight: bold; color: #FFFFFF; text-decoration: none; }
a.navoff		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7.5pt; font-weight: bold; color: #000000; text-decoration: none; }
a.navon:hover	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7.5pt; font-weight: bold; color: #FFFFFF; text-decoration: underline; }
a.navoff:hover	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7.5pt; font-weight: bold; color: #000000; text-decoration: underline; }

a.splash		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9.5pt; font-weight: normal; color: #FFFFFF; text-decoration: none; }
a.splash:hover	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9.5pt; font-weight: normal; color: #FF0000; text-decoration: underline; }

a.subnavon			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7.5pt; font-weight: bold; color: #FFFFFF; text-decoration: none; }
a.subnavoff			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7.5pt; font-weight: bold; color: #000000; text-decoration: none; }
a.subnavon:hover	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7.5pt; font-weight: bold; color: #FFFFFF; text-decoration: underline; }
a.subnavoff:hover	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7.5pt; font-weight: bold; color: #000000; text-decoration: underline; }

.navright1			{ background-image: url(images/nav_right_1.jpg); background-position: top left; background-repeat: no-repeat; }
.navright2			{ background-image: url(images/nav_right_2.jpg); background-position: top left; background-repeat: no-repeat; }

.contentbg			{ background-image: url(images/content_bg.jpg); background-position: top right; background-repeat: no-repeat; }
.contentbgspacer	{ background-image: url(images/content_bg_spacer.jpg); background-position: right; background-repeat: repeat-y; }
.contentrightspacer	{ background-image: url(images/content_right_spacer.jpg); background-position: left; background-repeat: repeat-y; }
.headerbg			{ background-image: url(images/header_bg.jpg); background-position: top left; background-repeat: no-repeat; }
.leftspacer			{ background-image: url(images/left_spacer.jpg); background-position: right; background-repeat: repeat-y; }
.lefttop			{ background-image: url(images/left_top.jpg); background-position: top right; background-repeat: no-repeat; }
.righttop			{ background-image: url(images/right_top.jpg); background-position: top left; background-repeat: no-repeat; }
.bgbottom			{ background-image: url(images/bottom_bg.jpg); background-position: top center; background-repeat: no-repeat; }

.splashbottom1		{ background-image: url(images/splash_bottom_1.jpg); background-position: top left; background-repeat: no-repeat; }
.splashbottom2		{ background-image: url(images/splash_bottom_2.jpg); background-position: top left; background-repeat: no-repeat; }
.splashbottom3		{ background-image: url(images/splash_bottom_3.jpg); background-position: top left; background-repeat: no-repeat; }

.splashcontent11	{ background-image: url(images/splash_content_1_1.jpg); background-position: top left; background-repeat: no-repeat; }
.splashcontent12	{ background-image: url(images/splash_content_1_2.jpg); background-position: top left; background-repeat: no-repeat; }
.splashcontent13	{ background-image: url(images/splash_content_1_3.jpg); background-position: top left; background-repeat: no-repeat; }

.splashcontent21	{ background-image: url(images/splash_content_2_1.jpg); background-position: top left; background-repeat: no-repeat; }
.splashcontent22	{ background-image: url(images/splash_content_2_2.jpg); background-position: top left; background-repeat: no-repeat; }
.splashcontent23	{ background-image: url(images/splash_content_2_3.jpg); background-position: top left; background-repeat: no-repeat; }

.splashheader1		{ background-image: url(images/splash_header_1.jpg); background-position: top left; background-repeat: no-repeat; }
.splashheader2		{ background-image: url(images/splash_header_2.jpg); background-position: top left; background-repeat: no-repeat; }
.splashheader3		{ background-image: url(images/splash_header_3.jpg); background-position: top left; background-repeat: no-repeat; }

.splashlefttop1		{ background-image: url(images/splash_left_top_1.jpg); background-position: top right; background-repeat: no-repeat; }
.splashlefttop2		{ background-image: url(images/splash_left_top_2.jpg); background-position: top right; background-repeat: no-repeat; }
.splashlefttop3		{ background-image: url(images/splash_left_top_3.jpg); background-position: top right; background-repeat: no-repeat; }

.splashrighttop1	{ background-image: url(images/splash_right_top_1.jpg); background-position: top left; background-repeat: no-repeat; }
.splashrighttop2	{ background-image: url(images/splash_right_top_2.jpg); background-position: top left; background-repeat: no-repeat; }
.splashrighttop3	{ background-image: url(images/splash_right_top_3.jpg); background-position: top left; background-repeat: no-repeat; }

.interiorheaderspacer	{ background-image: url(images/interior_header_spacer.jpg); background-position: top; background-repeat: repeat-x; }
.interiorcontentbg		{ background-image: url(images/interior_content_bg.jpg); background-position: top right; background-repeat: no-repeat; background-color: #FFFFFF; }
.interiormainleft		{ background-image: url(images/interior_header_main_left.jpg); background-position: top left; background-repeat: no-repeat; }
.interiormainright		{ background-image: url(images/interior_header_main_right.jpg); background-position: top right; background-repeat: no-repeat; }
.interiomainspacer		{ background-image: url(images/interior_header_main_spacer.jpg); background-position: top; background-repeat: repeat-x; }

.usgbc_text {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;  
	color: #009900;
	font-weight: bold;
	padding-top: 12px;
	padding-bottom: 15px;
	padding-right: 10px;
	text-align: right;
}
.usgbc_text a:link, .usgbc_text a:visited {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #009900;
	font-weight: bold;
	text-decoration: underline;
}
.usgbc_text a:hover, .usgbc_text a:active {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #009900;
	font-weight: bold;
	text-decoration: none;
}
.homeConnect {
	margin: 15px 0 0;
}
.homeConnect img {
	margin: 0 10px 0 0
}
.CrilleeRegular {
	font-size: 22px;
	font-family: "CrilleeRegular";
	color: #3B3B3B;
	padding-left: 15px;
}
.nonwovenheaderleft		{ background-image: url(images/interior_header_main_left2.jpg); background-position: top left; background-repeat: no-repeat; }
#roofingFab {
	padding-top: 785px;
	overflow: hidden;
	position: relative;
	width: 1220px;
}
#roofingFab sup {
	font-size: 12px;
}
#roofing1 {
	position: absolute;
	top: 0;
	left: 30px;
	width: 750px;
}
#aef_black {
	position: absolute;
	top: 15px;
	left: 400px;
	width: 400px;
}
#roofing2 {
	left: 0;
    position: absolute;
    top: 300px;
    width: 365px;
}
#roofing1_curtesy {
	font-size: 10px;
    left: 40px;
    line-height: 10px;
    position: absolute;
    top: 262px;
    width: 350px;
}
#roofing2_curtesy {
	font-size: 10px;
    left: 40px;
    line-height: 10px;
    position: absolute;
    top: 750px;
    width: 350px;
}
#new {
	position: absolute;
	top: 440px;
	left: 715px;
}
#rolls {
	left: 730px;
    position: absolute;
    top: 405px;
    width: 500px;
}
#build_green {
	left: 620px;
    position: absolute;
    top: 885px;
    width: 250px;
}
#roofing_left_top {
	color: #53185c;
	padding-left: 40px;
	font-size: 16px
}
#roofing_left_top h2 {
	color: #367B57;
	margin-top: 0;
	font-size: 18px;
}
#roofing_left_top h2 span {
	color: #000;
}
#roofing_left_bottom {
	float: left;
	width: 260px;
	color: #53185c;
	padding-left: 40px;
	font-size: 17px;
}
#roofing_left_bottom ul {
	margin-top: 0px;
	padding-top: 0px;
}
#roofing_right {
	width: 580px;
	padding-bottom: 50px;
}
#roofing_right h2 {
	margin: 0px;
	padding: 0;
	color: #53185c;
	font-size: 16px;
}
#roofing_right p {
	margin-top: 0;
}
#aef_black2 {
	width: 320px;
}
#product_info_table {
	width: 550px;
}
#product_info_table th{
	background: #ded3e1;
	color: #000;
	padding: 3px;
	text-align: left;
}
#product_info_table td span {
	color: ##53185c;
	font-weight: bold;
}
#product_info_table td {
	padding: 3px;
}
#product_info_table tr.odd td {
	background: #e3f2f9;
}
#roofing_info {
	left: 350px;
    position: absolute;
    top: 480px;
}