/* Buehner Block. Screen Styles. Interform.net */

/* Template Styles */
#content { clear: both; margin: 0 auto; padding:1.5em 0; width: 700px; }
#footer { background: url(/img/layout/footerShadow.gif) center top no-repeat; margin: 0 auto; padding: 110px 0 2em 0; text-align: center; width: 700px; }
#header { margin: 0 auto; padding: 0 0 0 0; width: 700px; }
	#header p { height: 73px; width: 240px; }
		#header p span { background: url(/img/layout/buehner.gif) 0 0 no-repeat; }
		
h1 { text-transform: uppercase; font-weight: bold; color: #cc3300; }
.clearAll { clear: both; }
		
/* ! Navigation */
#nav { background: url(/img/layout/BG_nav.gif) 0 0 no-repeat; height: 70px; margin: 0 auto; position: relative; width: 700px; }
	#nav li { display: block; height: 70px; top: 0; position: absolute; }
		#nav li a { display: block; height: 70px; }
			#nav li a span { display: none; }
	#nav #navHome { left: 0; width: 40px; }
		#nav #navHome a { width: 40px; }
		#nav #navHome a:hover { background: url(/img/layout/BG_nav.gif) 0 -72px no-repeat; }
		#nav #navHome a.selected, #nav #navHome a.selected:hover { background: url(/img/layout/BG_nav.gif) 0 -142px no-repeat; }
	#nav #navProducts { left: 83px; }
		#nav #navProducts a { width: 75px; }
		#nav #navProducts a:hover { background: url(/img/layout/BG_nav.gif) -83px -72px no-repeat; }
		#nav #navProducts a.selected, #nav #navProducts a.selected:hover { background: url(/img/layout/BG_nav.gif) -83px -142px no-repeat; }
	#nav #navPortfolio { left: 202px; }
		#nav #navPortfolio a { width: 78px; }
		#nav #navPortfolio a:hover { background: url(/img/layout/BG_nav.gif) -202px -72px no-repeat; }
		#nav #navPortfolio a.selected, #nav #navPortfolio a.selected:hover { background: url(/img/layout/BG_nav.gif) -202px -142px no-repeat; }
	#nav #navHistory { left: 322px; }
		#nav #navHistory a { width: 59px; }
		#nav #navHistory a:hover { background: url(/img/layout/BG_nav.gif) -322px -72px no-repeat; }
		#nav #navHistory a.selected, #nav #navHistory a.selected:hover { background: url(/img/layout/BG_nav.gif) -322px -142px no-repeat; }
	#nav #navResources { left: 425px; }
		#nav #navResources a { width: 83px; }
		#nav #navResources a:hover { background: url(/img/layout/BG_nav.gif) -425px -72px no-repeat; }
		#nav #navResources a.selected, #nav #navResources a.selected:hover { background: url(/img/layout/BG_nav.gif) -425px -142px no-repeat; }
	#nav #navLinks { left: 552px; }
		#nav #navLinks a { width: 43px; }
		#nav #navLinks a:hover { background: url(/img/layout/BG_nav.gif) -552px -72px no-repeat; }
		#nav #navLinks .selected, #nav #navLinks a.selected:hover { background: url(/img/layout/BG_nav.gif) -552px -142px no-repeat; }
	#nav #navContact { left: 638px; }
		#nav #navContact a { width: 63px; }
		#nav #navContact a:hover { background: url(/img/layout/BG_nav.gif) -638px -72px no-repeat; }
		#nav #navContact a.selected, #nav #navContact a.selected:hover { background: url(/img/layout/BG_nav.gif) -638px -142px no-repeat; }

/* Image Replacement */
.ir { display: block; margin: 0; overflow: hidden; padding: 0; position: relative; }
	.ir span { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
	
/* Home Page Styles */
#vertBar { text-align: center; overflow: visible; float: left; width: 228px; }
	#vertBar .title { font-weight: bold; width: 150px; margin: 0 auto; padding: 10px; color:#cc3300; line-height: 2em; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-top: 1px solid #cccccc; }
	#vertBar .text { width: 150px; margin: -5px auto 0 auto; padding: 10px; color:#cc3300; line-height: 2em; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }
	#vertBar img { margin:0; padding: 0; }
#contentMain { background:  url(/img/layout/home_block.jpg) top center no-repeat; height: 400px; width: 469px; margin: 0 0 0 228px; }

/* Products Page Styles */
.product { overflow: hidden; margin: 0 0 10px 0; float: none; clear: both; }
.product img { float: left; margin-right: 15px;}
.product h2 { font-size: 1.8em;  margin: 0; padding: 0;  }
.product h2 a { color: #cc3300; }
.product p { margin: 0; padding: .2em 0; }

/* Product Pages */
.productSubNav { background: url(/img/layout/bottomShadow.gif) bottom center no-repeat; width: 700px; margin: 0 auto; padding: 0 0 10px 0; }
	.productSubNav ul { list-style: none; }
	.productSubNav ul li { display: inline; padding: 0 15px; }
	.productSubNav ul li a { text-transform: uppercase; font-weight: normal; color: #666666; }
	.productSubNav ul li a:hover { color: #333333; text-decoration: none; }
	.productSubNav ul li.selected a { color: #cc3300; font-weight: bold; }
.contentHead { margin: 15px 0 25px 0; }
	.contentHead ul { background-color: #cc3300; padding: 3px 10px; }
	.contentHead ul li { display: inline; padding: 0px 20px 0 0; color: #FFFFFF; }
	.contentHead ul li a { text-transform: uppercase; font-weight: normal; font-size: 12px; color: #FFFFFF; }
	.contentHead ul li a:hover { text-decoration: none; }
	.contentHead ul li.active { padding-left: 15px; background: url(/img/layout/arrow.gif) left no-repeat; }
	.contentHead ul li.active a { color: #FFFFFF; font-weight: bold; }
.infoSection { margin: 20px 0; clear: both; }
	.infoSection h2 { line-height: 1em; margin: 0; padding: 10px 0 5px 0; text-transform: uppercase; }
	.infoSection p { margin: 0; padding:0 0 10px 0; line-height: 1.4em; }
.productItem { float: left; display: inline; margin: 0 0 10px 7px; text-align: center; }
	.first { margin-left: 0;  clear: left;}
	.productItem h5 { margin: 0; padding: 3px 0; width:106px; }
	.productItem p { margin: 0; padding: 0; color: #666666; }
	.productItem ul { margin: 0; padding: 0; }
	.productItem  ul li { margin: 0; padding: 0; color: #666666; line-height: 1.2em; }
.productItemWide { float: left; display: inline; width:350px; margin: 10px 0; }
	.productItemWide img { float: left; }
	.productItemWide h3 { margin: 0 0 10px 120px; text-transform: uppercase; font-size: 1.5em; line-height: 1em; }
	.productItemWide p { margin-left: 110px; padding: 0 10px; }
.itemColumn { float:left; width: 330px; margin-right: 20px; display: inline; }
	.itemColumn h3 { margin: 0; padding: 5px 0; text-transform: uppercase; }

/* Portfolio */
ul.portfolioThumbs { width: 172px; float: left; padding: 0; margin: 0; overflow: hidden;  }
	ul.portfolioThumbs li { padding: 5px; cursor: pointer; }
		ul.portfolioThumbs li.active { color: #cc3300; font-weight: bold; }
div.portfolioPage { margin: 0 0 0 172px; padding: 0; display: none; }
	.imageHolder { width: 525px; overflow: hidden; text-align: center; margin: 0 0 10px 0;}

/* Resources Page */
div.section { display: block; float: none; clear: both; margin: 15px 0 0 0; }
	div.section img { float: left; margin: 0 10px 0 0; }
	div.section a { color: #cc3300; }
	div.section h5, div.section p { margin: 0 0 0 175px; padding: 0; }

/* Links Page */
.linkCol { width: 350px; float: left; }
div.linkSection { text-align: center; margin: 0 0 20px 0; }
	div.linkSection img { margin: 0 0 10px 0; }
	div.linkSection a { color: #cc3300; }
	div.linkSection h5, div.linkSection p { margin: 0; padding: 0; }

/* Contact Page */
label { display: block; padding: 10px 0 5px 0; }
input { border: 1px solid #cccccc; padding: 5px;  }
textarea { border: 1px solid #cccccc; width: 350px; }
input.submit { padding: 10px 15px; margin: 10px 0 0 0; cursor: pointer; background-color: #cc3300; color: white; font-weight: bold; }
.contactPhone { position: absolute; top: -40px; left: -72px; margin: 0; }
.contactInfo { padding: 170px 10px 20px 10px; margin: 20px 55px 0 10px; float: left; width:188px; border: 1px solid #cccccc; overflow: visible; display: inline; position: relative; }
.mailForm { display: inline; }
.mailErrors { border: 1px solid red; overflow: hidden; padding: 0 10px; }
.error { color: red; font-style: italic; }

/* Galleria Styles */
.gallery {list-style:none;width:525px;  }
.gallery li {display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 0 9px 9px;}
.gallery li.first { margin-left: 0px; }
.gallery li a {display:none}
.gallery li div {position:absolute;display:none;top:0;left:180px}
.gallery li div img {cursor:pointer}
.gallery li.active div img,.galleria li.active div {display:block}
.gallery li img.thumb {cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.gallery li .caption {display:block;padding-top:.5em}
* html .gallery li div span {width:400px} /* MSIE bug */