@import url("normalize.min.css");
/*@import url("fontface.css");*/

html {background:#000 url(../i/bg.jpg) top center no-repeat;}
body {font-family:'Quattrocento Sans', sans-serif; font-size:18px;}


.clear {clear:both;}
.indent {text-indent:-10000px;}
.flush {margin:0; padding:0;}
.lists {list-style:none;}
.centered {margin-left:auto; margin-right:auto;}
.fleft {float:left;}
.fright {float:right;}
.relative {position:relative;}
.block {display:block;}
.invisible {display:none;}
.caps {text-transform:uppercase;}

.error {color:#f00; line-height:1;}

a {color:#0b51b6; text-decoration:none;}
a:hover {color:#000; text-decoration:underline;}

a,
a:hover,
a:active,
a:focus {outline:none;}

h1, h2, h3 {color:#0b50b4;}
h1 {font-family:'Oswald', sans-serif; font-weight:300;}
h3 {font-size:18px;}

.btns:hover {box-shadow:0 0 8px #0b51b6;}

.header-sep {margin-bottom:0;}

.container {width:1020px;}
	#header {height:167px; background:url(../i/header.png) right bottom no-repeat;}
	#logo {width:271px; height:167px; background:url(../i/logo.png);}
	#slogan {width:520px; height:78px; background:url(../i/slogan.png); margin:51px 0 0 26px;}
	#login {color:#fff; width:140px; height:35px; margin:0 20px 0 0; text-decoration:none; font-size:14px; line-height:3; text-indent:35px; background:#0d5bca url(../i/login.png) 19px 14px no-repeat; font-weight:bold;}
		#login:hover {color:#5ba0f9;}
	#callus {width:146px; height:81px; margin:13px 16px 0 0; background:url(../i/callus.png) no-repeat;}
	
#container {background:url(../i/container.png); margin-top:0; padding:0 0 20px 0;}

	#content-stage {width:980px; background:#fff;}
	
		#nav-col {width:220px;}

		#nav {height:407px; background:url(../i/nav.png) top left no-repeat;}
			.main-li {position:relative;}
			.main {width:220px; height:44px; color:#fff; font-size:20px; font-family:'Oswald', sans-serif; font-weight:300; line-height:2.5; text-decoration:none; text-indent:40px; background:url(../i/main.png);}
			.main:hover,
			.main-hover {color:#fff; background:url(../i/main-hover.png); text-decoration:none;}
			
			.sub-nav-container {position:absolute; top:0; left:220px; z-index:2000; display:none;}
				.sub {height:40px; background:#00194a url(../i/sub.png) bottom repeat-x; color:#fff; font-size:18px; font-family:'Oswald', sans-serif; font-weight:300; line-height:2; text-decoration:none; padding:0 14px; width:auto; white-space:nowrap;}
				.sub:hover {background:#0b51b6; color:#fff; text-decoration:none;}
				 
		#nav-mini {height:44px; background:url(../i/nav.png) top left no-repeat;}
		
/* STORE */
		#store-column {width:220px;}

		#store-nav-header {color:#000; font-size:22px; margin:25px 0 0 20px; padding:0 0 5px 0; border-bottom:1px solid #e0e0e0; font-family:'Oswald', sans-serif; font-weight:300;}
		
		#store-nav {margin:0 0 0 20px; padding:0; font-family:'Oswald', sans-serif; font-weight:300;}
		
			.store-nav-main {padding:5px 8px 5px 12px; border-bottom:1px solid #e0e0e0;}
			.store-nav-active {background:url(../i/store-nav-active.png) 0 19px no-repeat;}
			.store-nav-inactive {background:url(../i/store-nav-inactive.png) 0 15px no-repeat;}
			
			.store-sub {width:176px; margin-top:5px; margin-left:20px; padding:0;}
				.store-sub-inactive {color:#000;}
				.store-sub-inactive:hover,
				.store-sub-active,
				.store-second-sub-active {color:#999;}
				
				.store-sub div {margin:0; padding:0 0 0 10px;}
				
				.store-second-sub,
				.store-second-sub-active {font-size:14px;}
				
			#store-nav a:hover {text-decoration:none;}
		
			
/* INDEX */
#index-slideshow {width:760px; height:407px; overflow:hidden; float:right;}
	.cycle-pager {z-index:500; background:#000; position:absolute; bottom:0; right:60px; height:30px; overflow:hidden; text-align:right; color:transparent; padding:0 4px;}
	.cycle-pager span {width:15px; height:15px; margin:6px 2px; display:inline-block; cursor:pointer; text-indent:-10000px; background:url(../i/pager.png);}
	.cycle-pager span.cycle-pager-active {background:url(../i/pager.png) 0 -15px; text-indent:-10000px; }
	.cycle-pager > * {cursor:pointer;}
	.cycle-prev, .cycle-next {width:30px; height:30px; position:absolute; z-index:500; bottom:0; cursor:pointer;}
	.cycle-prev {right:30px; background:url(../i/pager-arrows.png) no-repeat;}
	.cycle-next {right:0; background:url(../i/pager-arrows.png) -30px 0 no-repeat;}

#protection {height:436px;}
#protection li {height:436px; float:left; width:218px; font-size:16px; text-align:center; position:relative; margin-left:23px;}
#protection h2 {color:#0b51b6; font-size:18px; margin:168px auto 0 auto; padding:0;}
#protection p {width:208px; margin:0 auto; padding:0;} 
#protection div {position:absolute; bottom:30px; width:208px; text-align:center;}
	#pro-a {background:url(../i/icon-architect.gif) top center no-repeat;}
	#pro-c {background:url(../i/icon-contractor.gif) top center no-repeat;}
	#pro-h {background:url(../i/icon-house.gif) top center no-repeat;}
	#pro-t {background:url(../i/icon-tree.gif) top center no-repeat;}
	
.learn-more {display:inline-block; text-indent:-10000px; width:160px; height:40px; background:url(../i/learn-more.png);}
.learn-more:hover {box-shadow:0 0 8px #0b51b6;}

#home-page-content {min-height:328px; background:#e5e5e5 url(../i/home-page-content.png) bottom no-repeat; color:#000;}
	#home-page-editable {margin:40px 34px 50px 34px; width:586px;}
	#home-page-news {width:290px; margin:33px 33px 0 0;}
	
/* INNER */
#inner-page-news {width:210px; margin:0 0 30px 10px; clear:left;}

#content-area {width:700px; margin:30px; padding:0;}

	#breadcrumb {color:#0b50b4; font-size:10px;}
	#breadcrumb a {}


#protection-callouts {height:180px; margin-left:0; margin-right:0; padding:0;}
	#protection-callouts li {float:left;}
	#protection-callouts a {display:block; width:170px; height:180px; margin:0 0 0 5px; padding:0; text-align:center; font-size:14px; text-decoration:none;}
	#protection-callouts a span {display:inline-block; margin:128px 4px 0 4px;}
		#pro-download {background:url(../i/pro-download.png);} 
		#pro-view {background:url(../i/pro-view.png);}
		#pro-send {background:url(../i/pro-send.png);}
		#pro-request {background:url(../i/pro-request.png);}
		
	#protection-callouts a:hover {background-position:0 -180px; box-shadow:0 0 8px #0b51b6;}		
	
/* Contact */
#contact-content {width:234px; font-size:smaller;}
	#contact-content address {font-style:normal;}
	#contact-content address span {display:block;}
	
#contact-form {width:392px; font-size:smaller; background:#eee; padding:26px; border:1px solid #ccc; border-radius:5px;}
	#contact-form h3 {color:#000;}
	#contact-form label {display:none;}
	#contact-form input[type=text],
	#contact-form input[type=password],
	#contact-form textarea {width:100%; background:#fff; border:1px solid #ccc; padding:8px; margin:6px 0; font-size:20px;}
	#contact-form input[type=text].form-error,
	#contact-form input[type=password].form-error,
	#contact-form textarea.form-error {border:1px solid #f00;}
	#contact-form select { border: 1px solid #ccc; padding: 8px 8px 8px 5px; width: 100%; color: #777; font-size: 20px; }
	#contact-form ul { margin: 0; padding: 0; list-style: none; }
		
	.submit {display:inline-block; text-indent:-10000px; width:175px; height:45px; background:url(../i/submit.png); border:none;}
	.submit:hover {box-shadow:0 0 8px #0b51b6;}
	
/* Blog */
h2.blog-heading {color:#000; font-size:20px;}
#blog-date {margin:-16px 0;}
	
/* Products */
.product-link-box {display:block; width:223px; height:202px; margin:0 5px 10px 5px; float:left; text-align:center; overflow:hidden;}
.product-link-box:hover {text-decoration:none;}
.product-link-h2 {font-size:18px; color:#5da4fe; margin-bottom:0; padding-bottom:0; text-align:center;}
.product-link-h3 {font-size:16px; color:#000 ;margin:0; padding:0; text-align:center; font-weight:normal;}
.product-link-box:hover * { color:#0b50b4;}

.product-name {color:#000; font-size:18px;}	

.the-gallery-min-max-link {display:none;}

.product-chart-shaded {background:url(../i/shading.png);}

.product-cutsheet {width:170px; height:41px; display:inline-block; text-indent:-10000px; background:url(../i/product-cutsheet.png);}

#download-catalog {width:200px; height:41px; margin-top:26px; display:inline-block; text-indent:-10000px; background:url(../i/product-catalog.png);}

.product-cutsheet:hover,
#download-catalog:hover {box-shadow:0 0 8px #0b51b6;}		

#product-navigation {padding:20px 0; color:#ccc;}
	#product-navigation a {display:inline-block; padding:0 4px; color:#5ea5ff; font-size:16px;}
	#product-navigation span {display:inline-block; padding:0 4px; color:#000; font-size:18px;}
	

.news-box {background:#fff; box-shadow:2px 2px 2px #888; border-left:1px solid #ccc;}			
.news-box h3 {height:60px; background:url(../i/box-header.png) left top no-repeat; color:#fff; font-size:20px; text-indent:20px; line-height:3;}
.news-box h3 a {margin:10px 10px 0 0;}
.rss-link {width:36px; height:36px; background:url(../i/rss.png);}		
.news-box h2 {color:#0b51b6; font-size:14px; margin:21px 27px 0 27px; padding:0;}	
.news-box p {font-size:14px; margin:0 27px; padding:0 0 20px 0;}
			
#footer {margin-top:55px; height:185px; background:url(../i/footer.png) center no-repeat; text-align:center;}
	#footer-nav {margin:0; padding:42px 0 0 0;}
	#footer-nav li {display:inline; margin:0; padding:0 10px;}
	#footer-nav a {color:#61a2ff; text-decoration:none;}
	#footer-nav a:hover {color:#fff;}

	#footer address {color:#fff; font-style:normal; padding:24px 0; font-size:14px;}
	#footer address span {padding:0 6px;}
	
	#legal {color:#345a94; font-size:12px;}
	#legal a {color:#345a94; text-decoration:none;}
	#legal a:hover {color:#fff;}