body,html{margin:0;padding:0}
body{background:#0f1926 url(/_inc/img/bg.png) repeat-x;font-size:62.5%;font-family:Arial, Helvetica, sans-serif}
a img{border:none}

h2 { font: normal 18px 'DINPro-MediumRegular', Arial, sans-serif; color: #fff; text-shadow: 0px 1px 3px rgba(0,0,0,0.3); }

#container{width:960px;margin:auto;position:relative}
#masthead{height:120px}
	#logo{margin:22px 0 0 21px}
	#topnav{width:295px;height:15px;overflow:auto;position:absolute;right:50px;top:62px}
	#topnav ul,#topnav li{margin:0;padding:0;list-style-type:none}
	#topnav li{float:left}
	#topnav a{display:block;color:#FFF;overflow:hidden;background:url(/_inc/img/topnav.png) no-repeat;height:15px}
	#topnav a span{position:absolute;overflow:hidden;text-indent:-10000em}
	#topnav a#nav-home{width:60px;background-position:0 0}
	#topnav a#nav-home:hover,#topnav a#nav-home.active{background-position:0 -15px}
	#topnav a#nav-about{width:110px;background-position:-82px 0}
	#topnav a#nav-about:hover,#topnav a#nav-about.active{background-position:-82px -15px}
	#topnav a#nav-contact{width:90px;background-position:-217px 0}
	#topnav a#nav-contact:hover,#topnav a#nav-contact.active{background-position:-217px -15px}
#nav{height:40px;background:url(/_inc/img/nav-bg.png) repeat-x;position:relative}
	#nav-left{width:10px;height:40px;background:url(/_inc/img/nav-bg-left.png) no-repeat;float:left;margin:0 12px 0 0}
	#nav-right{width:10px;height:40px;background:url(/_inc/img/nav-bg-right.png) no-repeat;float:right}
	#nav ul,#nav li{margin:0;padding:0;list-style-type:none}
	#nav li{float:left}
	#nav a span{position:absolute;overflow:hidden;text-indent:-10000em}
	#nav a{display:block;color:#000;overflow:hidden;background:url(/_inc/img/main-nav.png) no-repeat;height:40px;margin:0}
	#nav a#nav-tarpaulins{width:94px;background-position:0 0}
	#nav a#nav-tarpaulins:hover,#nav a#nav-tarpaulins.active{background-position:0 -40px}
	#nav a#nav-stationery{width:161px;background-position:-94px 0}
	#nav a#nav-stationery:hover,#nav a#nav-stationery.active{background-position:-94px -40px}
	#nav a#nav-geosynthetic{width:143px;background-position:-255px 0}
	#nav a#nav-geosynthetic:hover,#nav a#nav-geosynthetic.active{background-position:-255px -40px}
	#nav a#nav-hospital{width:146px;background-position:-397px 0}
	#nav a#nav-hospital:hover,#nav a#nav-hospital.active{background-position:-397px -40px}
	#nav a#nav-clothing{width:73px;background-position:-542px 0}
	#nav a#nav-clothing:hover,#nav a#nav-clothing.active{background-position:-542px -40px}
	#nav a#nav-grain{width:99px;background-position:-615px 0}
	#nav a#nav-grain:hover,#nav a#nav-grain.active{background-position:-615px -40px}
	#nav a#nav-horticultural{width:155px;background-position:-713px 0}
	#nav a#nav-horticultural:hover,#nav a#nav-horticultural.active{background-position:-713px -40px}
	#nav a#nav-ventilation{width:89px;background-position:-868px 0}
	#nav a#nav-ventilation:hover,#nav a#nav-ventilation.active{background-position:-868px -40px}
#hero{height:300px;position:relative}
	#hero img.banner-inner {position:absolute;top:0px;left:0px;z-index: 500;}
	body #hero img.hide { display: none; }
	body #hero img.banner-top { z-index: 1000; }
	#hero-text{display:none;position:absolute;height:180px;width:420px;top:40px;right:0;background:url(/_inc/img/hero-breakout-bg.png) no-repeat;color:#FFF;padding:20px;z-index:2000;}
	#hero-text h1{margin:0;padding:0;font: normal 24px 'DINPro-MediumRegular', Arial, sans-serif; color: #fff; text-shadow: 0px 1px 3px #000;}
	#hero-text p{font-size:1.2em;line-height:1.5;text-shadow: 0 1px 2px #000;}
	#hero.internal{height:120px}
#content{height:200px;background:url(/_inc/img/home-content-bg.png) top center no-repeat}
	.content-pod{width:280px;height:175px;float:left;padding:15px 10px 0 10px;margin:0 5px 0 15px}
	.content-pod h2{font-size:1.8em;margin:0;padding:0;color:#fff;font-weight:normal;}
	#content .content-pod p{font-size:1.2em;line-height:1.5;margin:6px 0; }
	.content-pod img{float:right;margin:5px 0 5px 5px}
	.middle-pod{margin:0}
	#content.internal{height:auto;background:url(/_inc/img/internal-content-bg.png) top center repeat-y}
		#main{width:630px;float:left;padding:10px 20px 10px 30px;margin:0 0 0 10px;font:normal 12px Arial, Helvetica, sans-serif;color:#acb7c4;text-shadow: 0px 1px 0px #151f2c;}
		#main a{color:#5585aa;}
		#main a:hover{color:#6696bb;}
			* html #main{margin-left:0}
			#main img{border:5px solid #FFF;margin:5px 0 10px 10px}
			#main ul{font-size:1.2em;line-height:1.5}
		#sidebar{width:205px;float:left;padding:10px 15px 10px 20px;margin:0 0 0 20px}
			#sidebar ul,#sidebar li{margin:0;padding:0;color:#5577aa}
			#sidebar li{font-size:1.3em;line-height:1.8}
			#sidebar li a{text-decoration:none}
			#sidebar a.active{color:#FFF}
			#sidebar li a.nonlink{color:#ACB7C4}
		#content-top{height:16px;background:url(/_inc/img/internal-content-top.png) top center no-repeat}
		#content-footer{clear:both;height:19px;background:url(/_inc/img/internal-content-footer.png) top center no-repeat}
		#content h1{color:#FFF;font-size:2.2em;margin:0;padding:0}
		#content p{color:#acb7c4;font-size:1.2em;line-height:1.5}
		#content a{color:#5577aa;text-decoration:underline}
	.entry{min-height:500px}
#footer{min-height:70px;padding-top:5px}
	#footer-logo{float:left;margin:15px 20px 20px 30px}
	#footer-csf{float:right;margin:15px 40px 20px 20px}
	#footer p{color:#2d3e54;font-size:1.1em;line-height:1.5;margin-top:15px;text-shadow:0px 1px 0px #0a1119;}
	#footer a{color:#57a;text-decoration:none}
	#footer a:hover{color:#68b;text-decoration:none}
	
	/* download button */
	#content a.download { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -o-border-radius: 3px; box-shadow: 0 1px 1px rgba(0,0,0,0.3); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3); -khtml-box-shadow: 0 1px 1px rgba(0,0,0,0.3); -o-box-shadow: 0 1px 1px rgba(0,0,0,0.3); background:url(/_inc/img/button.png) repeat-x 0 0; color:#fff; display: block; float: right; font: bold 14px Arial, Helvetica, sans-serif; padding:10px 20px; text-align: center; text-decoration: none; width: auto; cursor: pointer; text-shadow: 0 1px 0 rgba(0,0,0,0.3); margin: 0 0 10px 20px; line-height: normal; }
	#content a.download:hover, #content a.download:focus { background-position: 0 -60px; }
    
/* Product Pages */
.tarpaulins-item { border-bottom:1px solid #2e4059; padding:10px 10px 10px 0px; width:630px; overflow:hidden;  }
#content .tarpaulins-item p, .tarpaulins-item h4 { font-size:12px; }
.tarpaulins-item h4 { font-weight:bold;margin:0 0 5px; }
#main .tarpaulins-item img {float:left;margin:0 20px 0 0;}
#main .tarpaulins-item .description { width:490px;float:left; }
#main .tarpaulins-item .price { float:right; }
#tarp-search { padding-bottom:10px;border-bottom:1px solid #2e4059}
#tarp-search select { width:120px;margin-right:5px; }
.product-paging { padding:10px 0 0; float:right;}
.product-paging span { margin:0 1px;}
#content .product-paging a { text-decoration: none;}
#content .product-paging .pagelink.active { text-decoration:underline;}
	
/* WP-Typography Styles */
sup{vertical-align:60%;font-size:75%;line-height:100%}
sub{vertical-align:-10%;font-size:75%;line-height:100%}
.amp{font-weight:normal;font-style:italic;font-size:1.1em;line-height:1em}
.caps{font-size:90%}
.dquo{margin-left:-.40em}
.quo{margin-left:-.2em}
.numbers{}

/* lightbox styles */
#lightbox { position: absolute; left: 0; width: 100%; z-index: 5000; text-align: center; line-height: 0; }
#lightbox a img { border: none; }
#outerImageContainer { 	position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer { padding: 10px; }
#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav { left: 0; }
#hoverNav a { outline: none; }
#prevLink, #nextLink { width: 49%; height: 100%; background: transparent url(/_inc/img/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right; }
#prevLink:hover, #prevLink: visited:hover { background: url(/_inc/img/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink: visited:hover { background: url(/_inc/img/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText { color: #FF9834; font-weight: bold; text-decoration: none; }
#nextLinkText { padding-left: 20px; }
#prevLinkText { padding-right: 20px; }
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/
.ontop #imageData { padding-top: 5px; }
/*** END : added padding when navbar is on top ***/
#imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; min-height:50px }
#imageData { padding: 0 10px; }
#imageData #imageDetails { width: 70%; float: left; text-align: left; }	
#imageData #caption { font-weight: bold; }
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose { width: 66px; float: right;  padding-bottom: 0.7em; }
#imageData #helpDisplay { clear: left; float: left; display: block; }

#overlay { position: absolute; top: 0; left: 0; z-index: 4000; width: 100%; height: 500px; background-color: #000; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; display: none; }
.clearfix: after { content: ".";  display: block;  height: 0; clear: both; visibility: hidden; }
* html>body .clearfix { display: inline-block;  width: 100%; }
* html .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ ; }	
#lightboxIframe { display: none; }	
/* end lightbox styles */

/* cleaner gallery styles */
.gallery{background-color:#FFF}
#main .gallery a.lightbox img{float:none}

/* general WP image styles */
img.centered{display:block;margin-left:auto;margin-right:auto}
img.alignright{padding:4px;margin:0 0 2px 7px;display:inline}
img.alignleft{padding:4px;margin:0 7px 2px 0;display:inline}