body {
	background:url("../images/bg.gif") repeat;
	font: 13px/1.5 Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	color:#535353;
}

.container {
	margin:0 auto;
	width:946px;
	padding:17px 0 0 0;
	background:url("../images/bg-header-top.gif") no-repeat;
}

a {color:#757575;}
a:hover {color:#365078;}

address {
	padding:0 0 15px 15px;
	font-style:normal;
}

address label {
	color:#345877;
	font-weight:bold;
}

.alt {display:none;}

em {font-size:10px;}

em.caption {
	display:block;
	width:100%;
}

h1 {
	margin:0;
	padding:0 0 0 20px;
	width:517px;
	height:81px;
	background:url("../images/logo.gif") 20px -4px no-repeat;
	float:left;
}

h1 a {
	display:block;
	height:100%;
	width:100%;
}

h2 {
	margin:0;
	font:bold 50px/38px Arial Narrow, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#02345A;
	float:left;
	width:715px;
	height:42px;
	letter-spacing:-1px;
}

#home h2 {
	width:700px;
	letter-spacing:-2px;
}

h3 {
	margin:0;
	float:left;
	font:normal 22px/26px Arial Narrow, Helvetica, sans-serif;
}

.imageOverlay h3 {
	color:#FFFFFF;
	letter-spacing:.03em;
}

.subNav h3 {
	text-transform:uppercase;
	color:#02345A;
	padding-bottom:12px;
	float:none;
}

h4 {
	margin:0;
	text-transform:uppercase;
	font:bold 13px/1.5 Arial Narrow, Helvetica, sans-serif;
	letter-spacing:.08em;
	color:#02345A;
	clear:both;
}

.news .date {
	display:block;
	margin-top:20px;
	color:#AAAAAA;
	font-size:10px;
}

.news h4 a {color:#02345A;}
.searchResults h4 {margin-top:20px;}
.searchResults h4 a {color:#02345A;}

h4.callUs {color:#757575;}

p {
	margin-top:0;
}

p img {
	float:left;
	margin:0 26px 26px 0;
}

.header {
	background:#FFFFFF url("../images/bg-header.gif") repeat-y;
	clear:both;
	padding:15px 20px 0 20px;
	width:900px;
	height:119px;
}

.search {
	width:308px;
	padding-right:20px;
	float:right;
	text-align:right;
	margin-top:1px;
}

.search label {
	font:bold 14px/1 Arial Narrow, Helvetica, sans-serif;
	color:#737477;
	text-transform:uppercase;
	vertical-align:middle;
}

.search input[type="text"] {
	width:135px;
	height:15px;
	border:1px solid #3B6D90;
	background:#F6F6F6 url("../images/bg-text.gif") repeat-x;
	vertical-align:middle;
	padding:4px 2px 0;
}

.search input[type="submit"] {
	background:url("../images/button-search.gif") no-repeat;
	width:23px;
	height:21px;
	border:0;
	vertical-align:middle;
}

.search input[type="submit"]:hover {background-image:url("../images/button-search-on.gif");}


.options {
	font:11px/1 Arial Narrow, Helvetica, sans-serif;
	text-align:right;
	padding:20px 20px 0 0;
	float:right;
}

.options a {
	margin-left:10px;
}

.options .callUs {
	padding-top:5px;
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:.05em;

}

.phone {
	text-transform:none;
	font:16px/1 Arial Narrow, Helvetica, sans-serif;
	color:#02345A;
}

.main .phone {
	font-weight:bold;
	font-size:24px;
}

.main {
	padding:0 20px 0;
	background:url("../images/bg-main.gif") repeat-y 0 1px;
	float:left;
	display:table;
}

.mainImage {
	width:900px;
	border-bottom:2px solid #AFAFB1;
	height:373px;
	margin-top:0;
}

.mainImage img {
	position:absolute;
	top:0;
	z-index:1;
	border-top:2px solid #AFAFB1;
}

.secondary .mainImage {
	height:160px;
}

.secondary .mainImage img {
	margin-top:-38px;
	border:0;
}

#about.secondary .mainImage img {margin-top:0;}

.slideShow {
	position:relative;
}

.secondary .slideShow {
	width:900px;
	height:158px;
	overflow:hidden;
	position:absolute;
	margin:0;
	border-top:2px solid #AFAFB1;
}

ul.navigation {
	margin:0;
	clear:both;
	padding:0 50px;
	width:800px;
	height:28px;
	list-style:none;
}

.header ul.navigation {
	border-top:1px solid #345877;
	border-bottom:1px solid #345877;
	background:url("../images/bg-navigation.png") repeat-x;
	position:relative;
	z-index:10;
	top:10px;
}

ul.navigation li {
	display:block;
	float:left;
	padding:0;
	margin:0 8px;
	text-transform:uppercase;
	letter-spacing:.07em;
	font-size:14px;
	line-height:1;
}

* html ul.navigation li {margin:0 4px;}

ul.navigation li a {
	text-decoration:none;
	display:block;
	height:20px;
	padding:8px 11px 0;
	color:#345877;
}

* html ul.navigation li a {float:left;}

ul.navigation li a:hover,
ul.navigation li:hover > a,
#customExtrusion ul.navigation li.customExtrusion > a,
#standardExtrusion ul.navigation li.standardExtrusion > a,
#about ul.navigation li.about > a,
#contact ul.navigation li.contact > a,
#capabilities ul.navigation li.capabilities > a {
	background:url("../images/nav-li-on.gif") repeat-x;
	color:#FFFFFF;
}

/* IE6 doesn't support the > child selector */
* html ul.navigation li:hover a,
* html #customExtrusion ul.navigation li.customExtrusion a,
* html #standardExtrusion ul.navigation li.standardExtrusion a,
* html #about ul.navigation li.about a,
* html #contact ul.navigation li.contact a,
* html #capabilities ul.navigation li.capabilities a {
	background:url("../images/nav-li-on.gif") repeat-x;
	color:#FFFFFF;
}
/* end IE6 */

ul.navigation li ul {
	visibility:hidden;
	position:absolute;
	background: #253B4F;
	padding:0;
	list-style:none;
	border-bottom:1px solid #6E8DA4;
	margin:0;
	clear:both;
}

ul.navigation li:hover ul {visibility:visible;}

ul.navigation li ul li {
	float:none;
	margin:0;
	padding:0;
	font-size:11px;
	text-transform:none;
	border-left:1px solid #6E8DA4;
	border-right:1px solid #6E8DA4;
}

ul.navigation li ul li a {
	color:#FFFFFF;
	width:140px;
}

.imageOverlay {
	height:70px;
	width:853px;
	background:url("../images/bg-overlay.png") no-repeat;
	margin:0;
	padding:21px 25px 21px 22px;
	top:422px;
	overflow:hidden;
	position:absolute;
	z-index:9;
}

#home .imageOverlay {background:none;}

* html .imageOverlay {margin-bottom:0;}

.secondImage .imageOverlay {background-position:-112px;}
.thirdImage .imageOverlay {background-position:-224px;}

.secondary .imageOverlay {
	height:42px;
	background-position:0 -360px;
	padding-top:7px;
	top:241px;
}

.imageOverlay ul.breadcrumbs {
	display:block;
	margin:0;
	padding:0;
	height:15px;
}

.imageOverlay ul.breadcrumbs li {
	display:inline;
	font-size:9px;
	text-transform:uppercase;
	vertical-align:top;
}

.imageOverlay ul.breadcrumbs li a {
	text-decoration:none;
	color:#365078;
	vertical-align:middle;
}

.imageOverlay ul.breadcrumbs li a:hover {
	background:url("../images/nav-li-on.gif") repeat-x;
	color:#FFFFFF;
}

.secondary .imageOverlay h2 {
	font-size:36px;
	line-height:30px;
}

.imageNav {
	width:150px;
	height:60px;
	float:right;
	padding:13px 0 0 0;
}

.secondary .imageNav {
	height:35px;
	padding:0;
}

.imageNav ul {
	list-style:none;
	clear:both;
	margin:0;
	padding:0;
	float:right;
}

.imageNav ul li {
	width:35px;
	height:35px;
	display:block;
	float:left;
	padding-left:10px;
	background:url("../images/image-nav.png") no-repeat right 0;
}

.imageNav ul li.active {
	background:url("../images/image-nav-active.png") no-repeat right 0;
}

.imageNav ul li a {
	display:block;
	width:100%;
	height:100%;
}

.imageNav ul li a:hover {
	background:url("../images/image-nav-on.png") no-repeat right 0;
}

.columns {
	border-bottom:2px solid #AFAFB1;
	clear:both;
	display:table;
}

.secondary .columns {
	background:url("../images/bg-columns.gif") 300px 0 repeat-y;
	float:left;
	width:900px;
}

#about.secondary .columns,
#standardExtrusion.secondary .columns,
#customExtrusion.secondary .columns,
#contact.secondary .columns {background:url("../images/bg-subnav.gif") right bottom no-repeat;}
/* #standardExtrusion.secondary .columns {background: url("../images/bg-column.gif") 150% 0 repeat-y;} */

.column {
	float:left;
	width:298px;
	min-height:200px;
	border-bottom:2px solid #AFAFB1;
}

.secondary .column {
	width:300px;
	border-bottom:0;
}

.column.spanTwo, .secondary .column.spanTwo {
	width:598px;
	background:#FFFFFF url("../images/bg-column.gif") right 0 repeat-y;
	border-right:2px solid #AFAFB1;
	_overflow:hidden;
}

.column.specs {
	width:296px;
}

* html .secondary .specs {width:288px;}

.unit {
	padding:30px;
}

.specs .unit .content {height:220px; /* set for when content is shorter than subnav column to make border extend to bottom */}

#home .unit {height:220px;}

#home .specialFeature {
	background: url("../images/specialFeature-pipe.png") center 0 no-repeat;
	margin-top:-24px;
	padding:42px 0;
	width:100%;
	position:relative;
	z-index:9;
}

* html #home .specialFeature {background-image: url("../images/specialfeature-pipe-ie.gif");}

.unit.subNav {
	padding-right:10px;
}

.unit.thumbnails {padding-bottom:0;}

.unit.availableSizes {
	border-top:1px solid #555555;
	clear:both;
}

.subNav ul {
	margin:0;
	padding:0;
	list-style:none;
	display:block;
}

.subNav li {
	padding:0 0 2px 0;
	display:block;
	font-size:14px;
}

.subNav li a {
	text-decoration:none;
	color:#5C5C5C;
	padding:0 0 0 25px;
	background: url("../images/bg-subnav-li.gif") left center no-repeat;
}

.subNav li.active a,
.subNav li a:hover {
	text-decoration:none;
	color:#02345A;
	background-image: url("../images/bg-subnav-li-on.gif");
}

.productImageDimensions {
	padding:10px 0 0 10px;
	background-position:0 0;
	background-repeat:no-repeat;
}

a.specsheet {
	margin:10px 0 0 -9px;
	padding:5px 0 28px 55px;
	display:block;
	height:14px;
	width:180px;
	background: url("../images/bg-downloadspecs.png") 0 -1px no-repeat;
}

a.specsheet:hover {
	background-position:0 -49px;
}

.specs .unit {
	padding:0;
	display:table;
}

.specs .unit .content {
	background:#253B4F url("../images/bg-specs.jpg") center top no-repeat;
	color:#FFFFFF;
	padding:35px 26px;
	clear:both;
	width:246px;
}

* html .specs .unit .content {width:200px;}

ul.tabs {
	padding:0;
	margin:0;
	width:296px;
	list-style:none;
	float:left;
	border-left:1px solid #4B7A99;
	border-right:1px solid #4B7A99;
}

ul.tabs li {
	display:block;
	float:left;
	width:148px;
	height:25px;
	background: url("../images/bg-tab.gif") repeat-x;
	border-top:1px solid #4B7A99;
	font:normal 13px/1.5 Arial Narrow, Helvetica, sans-serif;
	text-transform:uppercase;
	text-indent:26px;
}

ul.tabs li a {
	color:#345877;
	text-decoration:none;
	width:100%;
	padding:2px 0 3px;
	display:block;
}

ul.tabs li a:hover {
	background: url("../images/bg-tab-on.gif") repeat-x;
	color:#223A4F;
}

ul.tabs li.active a:hover {background:none;}

ul.tabs li.active {
	background-image: url("../images/bg-tab-active.gif");
	font-weight:bold;
}


ul.tabs li.active a {
	color: #FFFFFF;
}

table.specs {
	font-size:10px;
	text-align:right;
	width:100%;
	border-collapse:collapse;
	text-transform:uppercase;
	border-bottom:1px solid #345877;
}

table.specs th {padding:0 5px 5px 0;}
table.specs tbody tr {background:#E8ECF0;}
table tbody tr.alternate {background:#D9E1E7;}
table.specs tbody tr:first-child {border-top:1px solid #345877;}
table.specs tbody tr:hover {background:#F6F8FA;}

table.specs td img {margin-right:4px; vertical-align:top;}

a.orderButton {
	display:block;
	height:55px;
	width:232px;
	background: url("../images/button-requestquote.png") no-repeat;
	margin:15px 0 0 8px;
}

* html a.orderButton {width:228px;}

a.emailButton {
	display:block;
	height:55px;
	width:232px;
	background: url("../images/button-email.png") no-repeat;
	margin:0 0 10px -9px;
}

input.sendEmailButton {
	height:55px;
	width:232px;
	background: url("../images/button-submitemail.png") no-repeat;
	margin:0 -10px 0 0;
	border:0;
}

input.sendOrder {
	background: url("../images/button-sendorder.png") no-repeat;
	height:55px;
	width:232px;
	margin:15px 0 0 8px;
	border:0;
}

input.getQuote {
	background: url("../images/button-getquote.png") no-repeat;
	height:55px;
	width:232px;
	margin:15px -10px 0 0;
	border:0;
}

a.orderButton:hover,
a.emailButton:hover,
input.sendEmailButton:hover,
input.sendOrder:hover,
input.getQuote:hover {background-position: 0 -57px;}

.thumbnails img {
	border:0;
	margin:10px 23px 20px 15px;
}

.availableSizes p {font-size:10px;}

dl {margin:0;}

dt {font-weight:bold;}
dd {margin:8px 0 16px;}

.error {
	width:90%;
	padding:7px 2% 7px;
	background: url("../images/bg-required.png") -212px 0 repeat-y;
	margin-bottom:10px;
	color:#51161F;
}

.form table {
	margin-bottom:18px;
	width:100%;
	border-collapse:collapse;
}

.form table td {
	vertical-align:top;
	padding:4px 5px 4px 0;
	margin:0;
}

.form label {
	text-align:right;
	width:100%;
	display:block;
	font-size:11px;
	line-height:1.25;
	padding-top:5px;
}

.form em {
	text-align:right;
	width:100%;
	display:block;
}

.form label.inline,
.form em.inline {display:inline;}

.form .ifYes {padding-left:25px;}
.form .ifNo {padding-left:70px;}

.form table td input[type="text"],
.form table td textarea {width:100%;}

.form table .required {background:url("../images/bg-required.png") 50% 0 repeat-y;}
.required label {color:#222222;}
.form table .cancel {font-size:10px;}

.finePrint p {font-size:9px;}

.pricing img {display:block; margin:20px 0 0 0;}

.footer {
	background: url("../images/bg-footer.gif") -1px bottom no-repeat;
	clear:both;
	padding:20px 20px 0 0;
	margin:0 0 22px 0;
	width:920px;
}

.footer ul.navigation {
	margin:0 auto;
	padding:28px 0 16px 50px;
	width:500px;
}

.footer ul.navigation li {
	font-size:11px;
	padding:0;
	margin:0;
	border-left:1px solid #818386;
}

.footer ul.navigation li:first-child {border-left:0;}

.footer ul.navigation li a {
	color:#818386;
	height:10px;
	padding-top:0;
}

.footer ul.navigation li:hover > a,
.footer ul.navigation li a:hover {
	background:none;
	text-decoration:overline;
	color:#365078;
}

.footer a img {
	float:left;
	margin:0 30px 0 50px;;
	border:0;
}

.footer .linkColumn ul,
.footer .linkColumn li {margin:0; padding:0; list-style:none;}

.footer .linkColumn {
	width:152px;
	float:left;
	padding-bottom:22px;
}

.footer .linkColumn.about {width:130px;}
.footer .linkColumn.standardExtrusion {width:210px;}
.footer .linkColumn.standardExtrusion ul {width:50%; float:left;}

.footer .linkColumn ul a {
	font-size:11px;
	text-decoration:none;
}

.footer .linkColumn a:hover {
	background:url("../images/nav-li-on.gif") repeat-x;
	color:#FFFFFF;
}

.footer .linkColumn h5 {
	width:100%;
	margin:0;
	text-transform:uppercase;
	font-size:12px;
}

.footer .linkColumn h5 a {
	text-decoration:none;
	color:#356078;
}

.footer .certification {
	float:right;
	padding:66px 22px 0 0;
}

.footer .copyright {
	color:#CCCCCC;
	text-transform:uppercase;
	font-size:9px;
	padding:5px 0 0 20px;
	clear:both;
}

/* specsheet */
body.specsheet,
.specsheet .container,
.specsheet .header,
.specsheet .main,
.specsheet .footer {
	background:none;
}

.specsheet .container {
	margin:0;
	width:8in;
}

.specsheet .header {
	height:1in;
	width:95%;
	padding-top:0;
}

.specsheet .options {padding-right:0;}

.specsheet h2 {
	font-size:22pt;
	letter-spacing:-.25pt;
	line-height:1;
}

.specsheet h2,
.specsheet h4,
.specsheet p {
	width:3.75in;
	float:left;
	clear:none;
}

.specsheet table.specs {
	float:left;
	width:4.25in;
	border:0;
}

.specsheet table.specs tr.alternate {background:none;}
.specsheet .availableSizes img {float:right;}
.specsheet .availableSizes table.specs img {float:none;}
.specsheet .column {width:100%;}
.specsheet .unit {padding:.15in 0 0 0;}
.specsheet .footer .copyright {color:#777777;}
.specsheet .footer .copyright img {margin-right:.25in;}
/* end specsheet */

/* careers */
.positions {
	float:left;
	width:33%;
	padding:15px 0 30px;
}

.positions h3 {margin-bottom:15px; float:none;}

.available em {color:#2c8d22;}
/* end careers */

