/* Specify blanket rules for all elements */

body {
	background-image:url(full-bg-image.gif);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:-130px 52px;
	font-family:Verdana, Arial, Sans-serif;
	font-size: 90%;
	line-height: 150%;
	margin:0;
	padding:0;
	}
	
/* Rules for Links */
a {
	text-decoration: none;
	color:#566C11;
}

a:hover {

	border-bottom: 1px solid #566C11;

}

.right-link {
	text-align:right;
	font-weight:bold;
	}

.back_to_top {
	font-style:italic;
	font-weight:bold;
	font-size:85%;
	}

/* Container for all page content */
#container {
	margin:0 auto 0 auto;
	width:1024px;
	}

/* Header */
#header {
	width:1024px;
	height:160px;
	background:url(header-bg.png);
	background-repeat:no-repeat;
	padding:0;
	margin:0;
	float:left;
	}

/* headline big words */
#homebigwords {
	height:10px;
	width:380px;
	margin:0 0 0 15px;
	padding:0;
	float:left;
	}

#homebigwords h1 {
	font-size:150%;
	color:#961A3A;
	}

/* Menu */
#menu {
	width:838px;
	height:18px;
	padding:5px 10px 10px 125px;
	float:left;
	}

ul#nav {
	list-style:none;
	width: 838px;
	height: 18px;
	float:left;
	}

ul#nav li {
	float:left;
	}

a#home:hover, a#materials:hover, a#capabilities:hover, a#branded:hover, a#resource:hover, a#recycled:hover, a#contact:hover {
	background-position: bottom left;
	border-bottom:none;
	}

a#home {
	display:block;
	height:18px;
	width:72px;
	background: url(menu_01.gif) top left;
	background-repeat: no-repeat;
	}
	
a#materials {
	display:block;
	height:18px;
	width:113px;
	background: url(menu_02.gif) top left;
	background-repeat: no-repeat;
	}
	
a#capabilities {
	display:block;
	height:18px;
	width:132px;
	background: url(menu_03.gif) top left;
	background-repeat: no-repeat;
	}
	
a#branded {
	display:block;
	height:18px;
	width:186px;
	background: url(menu_04.gif) top left;
	background-repeat: no-repeat;
	}

a#resource {
	display:block;
	height:18px;
	width:155px;
	background: url(menu_05.gif) top left;
	background-repeat: no-repeat;
	}
	
a#recycled {
	display:block;
	height:18px;
	width:114px;
	background: url(menu_06.gif) top left;
	background-repeat: no-repeat;
	}
	
a#contact {
	display:block;
	height:18px;
	width:66px;
	background: url(menu_07.gif) top left;
	background-repeat: no-repeat;
	}
	
/* Home Page Middle */
#middle {
	width:1024px;
	height: 417px;
	background:url(hom-mid-bg.png);
	background-repeat:no-repeat;
	margin:0 0 0 0;
	padding:0;
	float:left;
	clear:both;
	}
	
#mid-flash-mov {
	margin:10px 0px 0px 25px;
	width:558;
	height:396;
	float:left;
	}
	
#middletext {
	width:355px;
	height:360px;
	padding:0;
	margin:10px 0 0 50px;
	float:left;
	}

#middletext h1 {
	font-size:75%;
	line-height:120%;
	padding:10px 0 0 0;
	margin:10px 0 20px 0;
	color:#961A3A;
	font-weight:bold;
	}
	
#middletext p {
	color:#FFFFFF;
	margin:15px 8px 0 0;
	font-size:95%;
	line-height:140%;
	}

/* Capabilities Page Middle */
#capmiddle {
	width:1024px;
	margin:0 0 0 0;
	padding:0;
	float:left;
	clear:both;
	}
	
#capmiddle #scroll {
	width:99.9%;
	background:url(cap-top-bg.png);
	background-repeat:no-repeat;
	margin:0 0 0 0;
	padding:0;
	float: left;
}

#capbigwords {
	height:20px;
	margin:15px 0 3px 710px;
	padding:0;
	float:left;
	}

#capbigwords h1 {
	font-size:150%;
	color:#961A3A;
	}

#capmiddletext {
	width:345px;
	height:368px;
	padding:0 0 0 630px;
	margin-top:30px;
	}

#capmiddletext h1 {
	font-size:75%;
	line-height:120%;
	padding:10px 0 0 0;
	margin:0;
	color:#961A3A;
	font-weight:bold;
	}

#capmiddletext h2 {
	font-size:90%;
	line-height:100%;
	padding:0;
	margin-bottom:20px;
	color:#fff;
	font-weight:bold;
	}

#capmiddletext ul {
	font-size:90%;
	line-height:100%;
	padding:0;
	margin:0;
	color:#fff;
	}

#capmiddletext li {
	font-size:90%;
	line-height:140%;
	padding:0;
	margin-left:20px;
	color:#fff;
	}
	
#capmiddletext ul li ul {
	font-size:90%;
	line-height:140%;
	padding:0;
	}

.gauges {
	list-style-type:square;
	}
	
#capsubnav {
	width:315px;
	height:300px;
	padding:0;
	margin:110px 0 0 645px;
	}

#capsubnav a {
	display: block;
	width: 315px;
	margin: 0;
	padding: 0;
	border: none;
}

a#cap-capabilities:hover, a#characteristics:hover, a#finishes:hover, a#specifications:hover {
	background-position: bottom left;
}

a#cap-capabilities {
	height: 39px;
	background: url(subnavs/capabilities/cap-capabilities.png) top left;
}

a#characteristics {
	height: 41px;
	background: url(subnavs/capabilities/cap-characteristics.png) top left;
}

a#finishes {
	height: 40px;
	background: url(subnavs/capabilities/cap-finishes.png) top left;
}

a#specifications {
	height: 49px;
	background: url(subnavs/capabilities/cap-specifications.png) top left;
}
	
/* Area below middle */
#bottom {
	width:850px;
	margin:20px 80px 30px 80px;
	float:left;
	clear:both;
	}
	
#bottom h1 {
	font-size:120%;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:10px
	}
	
#bottom h3 {
	font-size:100%;
	font-weight:bold;
	text-align:right;
	}

#bottom ul {
	line-height:180%;
	font-size:90%;
	}
	
/* Recycled Page */
#recmiddle {
	width:1024px;
	margin:0 0 0 0;
	padding:0;
	float:left;
	clear:both;
	}

#recmiddle #scroll {
	width:99.9%;
	background:url(recycled-mid-bg.png);
	background-repeat:no-repeat;
	margin:0 0 0 0;
	padding:0;
	float: left;
}

#recbigwords {
	height:20px;
	margin:15px 0 3px 740px;
	padding:0;
	float:left;
	}

#recbigwords h1 {
	font-size:150%;
	color:#961A3A;
	}

#recsubnav {
	width:315px;
	height:300px;
	padding:0;
	margin:110px 0 0 645px;
	}

#recsubnav a {
	display: block;
	width: 315px;
	margin: 0;
	padding: 0;
	border: none;
}

a#commitment:hover, a#sustains:hover, a#alternatives:hover {
	background-position: bottom left;
}

a#commitment {
	height: 39px;
	background: url(subnavs/recycled/rec-commitment.png) top left;
}

a#sustains {
	height: 41px;
	background: url(subnavs/recycled/rec-sustains.png) top left;
}

a#alternatives {
	height: 47px;
	background: url(subnavs/recycled/rec-alternatives.png) top left;
}
	
/* Materials Page */
#matmiddle {
	width:1024px;
	margin:0 0 0 0;
	padding:0;
	float:left;
	clear:both;
	}

#matmiddletext {
	width:345px;
	height:300px;
	padding:90px 0 0 645px;
	margin:0;
	}
	
#matmiddletext h1 {
	font-size:90%;
	line-height:150%;
	padding:0;
	margin-bottom:20px;
	color:#fff;
	font-weight:bold;
	}

#matmiddle #scroll {
	width:99.9%;
	background:url(mat-mid-bg.png);
	background-repeat:no-repeat;
	margin:0 0 0 0;
	padding:0;
	float: left;
}

#matbigwords {
	height:20px;
	margin:15px 0 3px 720px;
	padding:0;
	float:left;
	}

#matbigwords h1 {
	font-size:150%;
	color:#961A3A;
	}
	
#matsubnav {
	width:315px;
	height:300px;
	padding:0;
	margin:110px 0 0 645px;
	}
	
#matsubnav a {
	display: block;
	width: 315px;
	margin: 0;
	padding: 0;
	border: none;
}

a#polyeth:hover, a#polypro:hover, a#newprod:hover {
	background-position: bottom left;
}

a#polyeth {
	height: 39px;
	background: url(subnavs/materials/MaterialRoll_01.png) top left;
}

a#polypro {
	height: 41px;
	background: url(subnavs/materials/MaterialRoll_02.png) top left;
}

a#newprod {
	height: 47px;
	background: url(subnavs/materials/MaterialRoll_03.png) top left;
}

/* Branded Products Page */
#brandbigwords {
	height:30px;
	margin:15px 0 3px 690px;
	padding:0;
	float:left;
	}

#brandbigwords h1 {
	font-size:150%;
	color:#961A3A;
	}

#brandmiddle {
	width:1024px;
	margin:0 0 0 0;
	padding:0;
	float:left;
	clear:both;
	}
	
#brandsubnav {
	width:315px;
	height:300px;
	padding:0;
	margin:85px 0 0 645px;
	}
	
.image_float {
	float:left;
	margin:0 30px 5px 0;
	}
	
.branded_spacer {
	height:1px;
	clear:left;
	}

#brandsubnav a {
	display: block;
	width: 315px;
	margin: 0;
	padding: 0;
	border: none;
}

a#evolve:hover, a#secondgen:hover, a#terrasheet:hover, a#extreva:hover, a#lumisheet:hover, a#terracard:hover, a#promotion:hover {
	background-position: bottom left;
}

a#evolve {
	height: 40px;
	background: url(subnavs/branded/branded-evolve.png) top left;
}

a#secondgen {
	height: 40px;
	background: url(subnavs/branded/branded-secondgen.png) top left;
}

a#terrasheet {
	height: 38px;
	background: url(subnavs/branded/branded-terrasheet.png) top left;
}

a#extreva {
	height: 42px;
	background: url(subnavs/branded/branded-extreva.png) top left;
}

a#lumisheet {
	height: 40px;
	background: url(subnavs/branded/branded-lumisheet.png) top left;
}

a#terracard {
	height: 40px;
	background: url(subnavs/branded/branded-terracard.png) top left;
}

a#promotion {
	height: 46px;
	background: url(subnavs/branded/branded-promotion.png) top left;
}
	
#brandmiddle #scroll {
	width:99.9%;
	background:url(branded-mid-bg.png);
	background-repeat:no-repeat;
	margin:0 0 0 0;
	padding:0;
	float: left;
}

#brand-ind-product {
	width:550px;
	float:right;
	}

/* Swatches Pages */
#peswatches-middle {
	width:1024px;
	height: 335px;
	background:url(peswatches.png);
	background-repeat:none;
	margin:0 0 0 0;
	padding:0;
	float:left;
	clear:both;
	}
	
#ppswatches-middle {
	width:1024px;
	height: 335px;
	background:url(ppswatches.png);
	background-repeat:none;
	margin:0 0 0 0;
	padding:0;
	float:left;
	clear:both;
	}


/* Resource Page */
#resourcemiddle {
	width:1024px;
	margin:0 0 0 0;
	padding:0;
	float:left;
	clear:both;
	}
	
#resourcemiddle #scroll {
	width:99.9%;
	margin:0 0 0 0;
	padding:0;
	float: left;
}

#res-cat-container {
	width:181px;
	height:233px;
	margin:0 50px 0 30px;
	padding:13px 20px 15px 20px;
	background:url(res-cat-bg.png);
	background-repeat:no-repeat;
	float:left;
	}

#res-cat-container h2 {
	font-size:110%;
	font-weight:bold;
	color:#FFFFFF;
	}
	
#res-cat {
	width:130px;
	height:160px;
	margin:-12px 45px 50px 5px;
	}
	
#res-content {
	width:680px;
	margin:10px 30px 0 0;
	float:right;
	}

/* Contact Page */
#contmiddle {
	width:1024px;
	height:418px;
	background:url(contact-bg.png);
	background-repeat:no-repeat;
	margin:0 0 0 0;
	padding:0;
	float:left;
	clear:both;
	}

#contmiddletop {
	width:900px;
	padding:20px 20px 0px 60px;
	float:left;
	}
	
#contmiddletop h1 {
	text-align:center;
	font-size:110%;
	line-height:140%;
	padding:0;
	margin:0 auto 0 auto;
	color:#961A3A;
	font-weight:bold;
	}	

#contmiddleleft {
	width:430px;
	height:368px;
	padding:30px 40px 0 40px;
	margin:0;
	float:left;
	}
	
#contmiddleright {
	width:430px;
	height:368px;
	padding:30px 40px 10px 40px;
	margin:0;
	float:right;
	}

#contmiddleleft h1 {
	font-size:120%;
	font-weight:bold;
	color:#FFFFFF;
	margin:0;
	}

#contmiddleleft h2 {
	font-size:100%;
	font-weight:bold;
	color:#FFFFFF;
	margin-top:8px;
	margin-bottom:2px;
	}

#contmiddleleft p {
	font-size:90%;
	color:#FFFFFF;
	line-height:100%;
	margin-top:0;
	}
	
#contmiddleleft a {
	text-decoration: none;
	color:#FFFFFF;
}

#contmiddleleft a:hover {

	border-bottom: 1px solid #FFFFFF;

}
	
#contmiddleright h1 {
	font-size:120%;
	font-weight:bold;
	color:#FFFFFF;
	margin:0;
	}

#contmiddleright h2 {
	font-size:100%;
	font-weight:bold;
	color:#FFFFFF;
	margin-top:8px;
	margin-bottom:-6px;
	}

#contmiddleright p {
	font-size:90%;
	color:#FFFFFF;
	line-height:40%;
	}	
	
/* Footer */
#footer {
	margin:50px 10px 45px 475px;
	padding:0;
	width:500px;
	height:20px;
	}

#footer h2 {
	font-weight:bold;
	font-size:110%;
	text-align:center;
	color:#566C11;
	line-height:120%;
	padding:10px 0 0 0;
	margin:0;
	}

/* Scrolling */

#middle, #capmiddle, #recmiddle, #matmiddle, #brandmiddle, #resourcemiddle {
	overflow: auto;
	overflow-x: hidden; 
	height: 500px;
}