body {background: url(../images/bg_top.jpg) repeat-x;}
#mainContent {margin-top: 30px;}
.window #mainContent {margin-top: 0;}
#breadcrumbs p {margin-top: 30px;}
#mainContent p {font: normal 14px/1.3em Helvetica, Arial, sans-serif;margin-top: 20px;}
li.thumb {border: none;}
.thumb {width: 140px; height: 140px; border: 2px solid #333;}
.thumb2 {width: 290px; height: 140px; border: 2px solid #333;}
.tallThumb {width: 140px; height: 300px;border: 2px solid #333;}
.tallThumb2 {width: 180px; height: 260px; border: 2px solid #333}
#gallery {position:relative; top:-24px;}
#gallery li {text-align: center; padding:0 10px 0 0; float: left;}
#gallery li p {position: relative;top: -20px;font-size: 11px; color: #333; font-weight:bold; line-height:1em;}
#productDetailSidebar p.caption {text-align: center; font-size: 11px; color: #333; font-weight:bold; line-height:1.5em;}
.enlarge {font-size:10px; font-weight: bold;}
#footer { margin-top: 30px; padding-top: 12px; border-top: 2px solid #e5e5e5;}
.sidebarimg { margin-top: 20px;}
.border {border: 2px solid #333;}
#mainContent #gallery2 .sidebarGallery {margin-top: 60px;}
#mainContent #gallery2 .sidebarGallery li {width: 130px; padding-left: 5px;}
#thermatruOptions p {text-align: center; position: relative; top:-20px; font-size: 11px; color: #333; font-weight: bold; line-height: 1em;}
/*GLOBAL HEADER STYLING*/
h1 {background: url(../images/logo.png) no-repeat; height: 90px; margin: 5px 0;}
h1 a {display: block; height: 90px; text-indent: -9999px;}
h1 a:hover {background-color: none; border-bottom: none;}
#header {height: 100px;}
#header li {display: inline;}
#header ul {float: right; margin-top: 10px;}
#header li a {font-weight: bold; color: #fff; margin: 0 10px;}
#header li a:hover {background: #3466df; color: #fff; border-bottom: 1px dotted #fff;}
#about {height: 99px;background: url(../images/headerbg.jpg) no-repeat;}
#about p {text-indent: -9999px;}
/*END GLOBAL HEADER STYLING*/
/*GLOBAL NAVIGATION STYLING*/
#nav li a, #nav li {float: left;}
#nav li {position: relative;}
#nav li a {padding: 8px; font-weight: bold; text-decoration: none; color: #333; background: #fff; border-bottom: none;}
#nav li a:hover {background: #3466df; color: #fff;}
	/*DROPDOWN SUBMENU*/
	#nav li ul {display: none; position: absolute; left: 0; top: 100%; z-index: 1000;}
	#nav li:hover ul {display: block; border: 1px solid #e5e5e5;}
	#nav li ul li, #nav li ul li a {float: none;}
	#nav li ul li {_display: inline; /* for IE6 */}
	#nav li ul li a {width: 120px; display: block; border: 1px solid #e8e8e8;}
/*Global Links*/
p a, li a {text-decoration: none; color: #080a70;}
p a:hover, li a:hover {color: #101f43; border-bottom: 1px dotted #101f43; background: #eeeded;}
/*GLOBAL FOOTER STYLE*/
#footer {margin-top: 60px;}
#footer li {float: left;}
#footer p {text-align: right;}
#subNav li {margin-bottom: 10px;}
#subNav li a {padding: 8px;font-weight: bold; text-decoration: none; color: #333; background: #fff; border-bottom: none;}
#subNav li a:hover {background: #3466df; color: #fff; border-top: 1px solid #5b90df;}
ul#subContact li {padding-right: 16px;}
	/*AUTHOR INFORMATION*/
	p.author {color: #666; margin-top: 10px;}
	p.author a {text-decoration: none; color: #080a70;}
	p.author a:hover {color: #101f43; border-bottom: 1px dotted #101f43; background: #e8e8e5;}
/*HOME PAGE SPECIFIC STYLES*/
#welcome h2 {padding-bottom: 8px; border-bottom: 8px solid #e5e5e5;}
div#welcome {margin-top: 60px;}
#welcome p {margin-top: 20px; font: normal 16px/1.3em "Helvetica Neue", Arial, Helvetica, sans-serif;}
#welcome h4 { margin-top: 30px; margin-bottom: 10px; }
div#contactDetail {background: #3466df; color: #fff; margin-top: 20px; padding: 10px;}
#contactDetail p {font-size: 14px; margin-top: 0;}
	/*COMMERCIAL STYLES*/
	#commercial h3 {margin-bottom: 10px;letter-spacing: -.025em}
	div#mediaspace {  margin-bottom: 40px; height: 300px;}
	/*-----------------*/
ul#productList {list-style-type: disc; margin-left: 20px;}
ul#productList li {font-size: 14px; margin: 5px 0;}
p.phone {text-align: right; margin-right: 150px; padding-top: 10px;} 
	/*HOME PAGE SLIDESHOW STYLES*/
	ul.slideshow {margin-top: 60px; margin-bottom: 30px; height: 300px; list-style-type: none; overflow:hidden; position: relative; border: 2px solid #333;}
	ul.slideshow li {position:absolute;left:0;right:0;}
	ul.slideshow li.show{z-index: 500;}
	ul.slideshow img {border: none; width: 460px; height: 300px;}
	#slideshow-caption {width: 460px; height: 70px; position: absolute; bottom: 0; left: 0; color: #fff; background: #333; z-index: 500;}
	#slideshow-caption .slideshow-caption-container {padding: 5px 10px; z-index: 1000;}
	#slideshow-caption h3 {margin: 0; padding: 0; font-size: 14px; color: #fff; letter-spacing: 0em; margin-top: 12px;}
	#slideshow-caption p {margin: 5px 0 0 0; padding: 0; font-size: 12px;}

/*COMPANY HISTORY SPECIFIC STYLES*/
.history1 {float: right;margin: 0 12px 0 12px ;border: 2px solid #333;}
.history2 {float: left;margin: 0 12px 0 0;border: 2px solid #333;}
.history3 {float: right;margin: 20px 12px 0 0;border: 2px solid #333;}
/*ONE PRODUCT WITH BULLET SIDEBAR AND GALLERY ON RIGHT SPECIFIC STYLES*/
.productDetailList {background: #e0ebef;padding: 20px 20px 20px 30px;list-style-type: disc;}
.productDetailList ul {margin-top: 4px;}
.productDetailList ul li {margin-left: 30px;list-style-type: circle;}
.productDetailList li {font-size: 14px;line-height: 1.3em;}
.productDetailButton {background: #bee9f9;padding: 15px;text-align: center;}
.productDetailButton  a {font-size: 18px;color: #333;letter-spacing: -.025em;}
.productDetailButton a:hover {background-color: #bee9f9;font-weight: bold;border-bottom: none;letter-spacing: -.025em;}
/*WINDOW PAGES SPECIFIC STYLES*/
#energystar img {position:relative; top: 30px;}
/*TWO PRODUCT PAGES WITH GALLERY STYLES*/
#gallery2 {position:relative; top:-24px;}
#gallery2 li {width: 144px; text-align: center; padding:0 10px 0 0; float: left;}
#gallery2 li p {position: relative;top: -20px;font-size: 11px; color: #333; font-weight:bold; line-height:1em;}
#productOne, #productTwo {margin-top:60px;}
#productSelection li {font-weight: bold;}
#productSelection li a {text-decoration: underline;}
#mainContent .listName {font-weight:bold;}
	/*Balustrade Railing Specific Styles*/
	#balusters { margin-top: 18px; margin-bottom: 18px;}
	span.listName {padding-right: 20px;}
	li.listName {list-style-type:none; font-weight: bold;}
	#balusters h5 {margin-bottom: 8px;}
	#balustrade {margin-top: 37px;}
	#balustrade h4 {font-size: 18px;}
	#balustrade p {font-size: 12px; }
	#balustrade p.intro {font-weight: bold; color: #666; margin-top: 6px;}
	#balustrade img {float:right;}
	#capsTrim img {float: left;}
	#capsTrim p {width: 220px;float: right; margin-top: 0; margin-bottom: 10px;}
	#capsTrim {margin-top: 18px;}
	#balustrade div {margin-bottom: 18px;}
	#mainContent #productOne .list2 {margin-top:10px;}
.fullwidth {border: 2px solid #333; margin-bottom: 20px;}
.halfwidth {padding: 0 20px;}
.largeSingle {margin-top: 40px; }
.fullDoor {margin-top: 20px;}
#steelSecurity .fullDoor {border: 2px solid #333;}
#steelSecurity img.no-border {border: none;}

img#thermatru1 {float:left; margin: 10px; border: 2px solid #333;}
#thermatruStyles {margin-top: 30px;}
#thermatruStyles img {border: 2px solid #333;}
#thermatruStyles li {margin-right: 30px;}
#thermatruStyles div p {font-size: 14px;}
#thermatruStyles .intro {font-weight: normal; font-size: 12px; color: #333; position: relative; top: -36px; left: 10px;}
#steelEntry {margin-top: 30px;}
#steelEntry p { font-size: 12px;}
#steelStyles {margin-top: 30px;}
#steelStyles img {border: 2px solid #333;}
#steelStyles li {margin-right: 30px;}
#steelStyles div p {font-size: 14px;}
#steelStyles .intro {font-weight: normal; font-size: 12px; color: #333; position: relative; top: -36px; left: 10px;}
#profiles p {margin-bottom: 30px;}
.otherproducts .listName {font-size: 10px; margin-top: 10px;}
#mailbox .intro {text-align: center; font-size: 10px; font-weight: normal; width:120px; position: relative; top: -36px; left: 10px;}
ul#picnic img {margin-right: 10px; width: 180px; height: 100%;}
#gallery ul#picnic div p {position: relative; top:-36px;}
.birdfeeders {margin-top: 24px;}
ul.productChooser {margin-top: 30px;}
ul.productChooser img {width: 240px; height: 300px; border: 2px solid #333;}
ul.productChooser li {float: left; width: 240px; margin: 0 10px 0 48px;}
ul.productChooser li a.textlink {display: block; width: 244px; padding: 24px 0; background: #346ddf; color: #fff; font-weight: bold; text-align: center; font-size: 18px; letter-spacing: -.015em; position: relative; top: -60px; z-index: 10; text-decoration:underline;}
ul.productChooser li a:hover {border: none;}
ul.ordering {position: relative; top:-36px;}
ul.ordering li {float: left; text-align: center; list-style-type: disc; margin-left: 84px; font-weight: bold;}
ul.railing {margin-left: 144px;}
.deckingChooser {margin-top: 30px;}
.deckingChooser img {width: 156px; height: 144px; border: 2px solid #333;}
.deckingChooser li {float: left; width: 156px;; margin: 0 10px 0 12px;}
ul.deckingChooser li a.textlink {display: block; width: 160px; padding: 12px 0; background: #346ddf; color: #fff; font-weight: bold; text-align: center; font-size: 14px; letter-spacing: -.015em; position: relative; top: -56px; z-index: 10; text-decoration:underline; height: 30px;}
ul.deckingChooser li a:hover {border: none;}
#map { width: 400px; height: 300px; border: 2px solid #333; margin-top: 20px;}
#contactInfo span {margin-right: 20px;}
img.american {width: 620px;}
#balustrade ul.balustrade {list-style-type: disc; margin-top: 12px;}
#balustrade ul.balustrade li {margin-left: 12px;}
#row-1 li {margin-bottom: 30px;}
#balustradeimg img {float: left;}
#balustrade h4 {margin-top: 0;}
img.chooserimg {width: 280px; height: 140px; margin-top: 12px;}
#aluminumInfo {margin-bottom: 24px;}
#productTwo #productDetailSidebar2 div#balustradelist1 {padding-top: 24px; padding-bottom: 24px;}
#productTwo #productDetailSidebar2 div#balustradelist2 {padding-top: 200px;}
#productTwo #productDetailSidebar2 div#balustradelist3 {padding-top: 12px;}
#mainContent #productTwo div#balustradeheading h3 {margin-bottom: 0; margin-top: 12px;}

/* Typography */

/*GLOBAL TYPOGRAPHIC STYLE*/
body {font: normal 12px/1.3em "Helvetica Neue", Arial, Helvetica, sans-serif;
color: #333;}

h2 {
	font: bold 30px/1em "Helvetica Neue", Arial, Helvetica, sans-serif;
	letter-spacing: -.03em;
	color: #333;
	margin-bottom: 20px;
}
h3 {font: bold 24px/1em "Helvetica Neue", Arial, Helvetica, sans-serif; color:#666; margin-bottom: 20px;}
h4 {font: bold 18px/1em "Helvetica Neue", Arial, Helvetica, sans-serif; color:#666; margin: 20px 0;}
h5 {font: bold 14px/1em "Helvetica Neue", Arial, Helvetica, sans-serif; color:#666; margin: 20px 0;}
.companyName {color: #3466df; letter-spacing: -.025em;}
/*HOME PAGE SPECIFIC TYPOGRAPHIC STYLES*/
#commercial h3 {font: bold 18px/1em Helvetica, Arial, "Helvetica Neue", sans-serif;}
#welcome h2 {font: normal 30px/1em Helvetica, Arial, "Helvetica Neue", sans-serif;}

/* 960 grid */
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15{position:relative}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}