/* @override http://www.johnnienhuis.com/css/global.css */

body { margin:0; padding:0; border-top:solid 14px #7c754d; background: #838064; font: normal normal normal 11px/normal  Arial, sans-serif; color:#2a221c; cursor:default;}
#header { padding:50px 0 0 0; display:block; }
h1, h1 a { color:#981b1e; font: normal normal bold 20px/normal Century Gothic, Futura, Trebuchet MS, Arial, sans-serif;letter-spacing:.1em; text-decoration:none; margin:0 0 6px 0; padding:0; width: 419px; display:block; height: 39px; background: url(/pics/shared/h1.gif) no-repeat;}
h1 em { color:#4d3f34; font-weight:normal; font-style:normal;}
h1 span {display:none;}
h2 { text-transform:uppercase; font-weight: normal; font-size:12px; color:#c6c2a2; letter-spacing:.1em; text-align:right; margin:0; padding:0; position:relative; right:0; top:-30px; margin-left:70%;}
h3 {font: normal normal bold 18px/normal Century Gothic, Futura, Trebuchet MS, Arial, sans-serif;}
.container { margin:0 auto; width:775px; }
#nav-bar {float:left;background:#7c754d; width:100%; clear:both; border-bottom:solid 8px #c6c2a2; text-align:center; font: normal normal normal 11px/normal Century Gothic, Futura, Trebuchet MS, Arial, sans-serif;padding:1em 0;margin: 0 0 20px 0}

/****** MAIN NAVIGATION ******/

#main-nav, #main-nav li {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#main-nav {
	text-align: center;
	background:#7c754d;
	font-family: Century Gothic, Futura, Arial, sans-serif;
	text-transform:uppercase;
	font-size:10px;
	}
	#main-nav li {
		display: inline;
		}
		#main-nav li a {
			color:#c6c2a2;
			padding:13px 4px;
			text-decoration:none;
			font-weight:normal
			}
		#main-nav li a:hover {color:#fff;}
		#main-nav .current > a { color:#fff; cursor: default; }
		#main-nav .current > a:focus {-moz-outline: none;}		
/*\*//*/
#main-nav li a {
	display: inline-block;http://is.johnnienhuis.starkmedia.com/industrial
	white-space: nowrap;
	width: 1px;
}

#main-nav {
	padding-bottom: 0;
}
/**/

/*\*/
* html #navigation ul li a {
	padding: 0;
}
/**/

/*****************************/
html body div#text.container p.center{
	text-align: center;
}

img, a img {border:none;}

p, ul {font: normal normal normal 11px/17px Arial, sans-serif;}
span.date {text-transform:uppercase;font-size:9px; letter-spacing:.2em;display:block;border-bottom:double 3px #c6c2a2;padding-bottom:4px;}

hr {border:none;border-bottom:double 3px #c6c2a2; padding: 20px 0 0 0;}

#flashcontent {width:800px;height:435px;margin:0;padding:0;text-align:left;float:left;}

label {}
fieldset {padding:0;margin:0;border:none;}

input,textarea,select {width:100%;margin:4px 0 8px 0;padding:5px;font: normal normal normal 11px  Arial, Lucida Grande, Lucida Sans, sans-serif; border: solid 2px #c6c2a2; background: #fff; color:#000; }
select {width:auto;padding:4px;}
#submit, #reset, #clientlist, #newsletter, #portfolio {width:auto; color:#c6c2a2; background:#7c754d;cursor: pointer;margin:0;}
#submit:hover, #reset:hover {color:#fff;}
form p {text-align:left;margin-right:-15px;}
legend {display:none;}
form {margin:0px 15px 0 0;padding:0 40px; }
textarea {height:80px;line-height:16px;}
.fifty {width:46%;float:left;}
.fifty + .fifty {padding-left:29px;}

.city {width:46%;float:left;}
.state {width:16%;float:left;padding-left:29px;}
.zip {width:30%;float:left;padding-left:0;}
label.check-box {margin: 0 15px 0 0;white-space:nowrap;}



#blog {width:481px;padding:25px;margin-bottom:20px;border: solid 15px #c6c2a2; background: #f8f6e4;float:left;height:320px;overflow:auto;}
h4 {text-transform:uppercase;font-size:11px;border-bottom: 0px solid #36281c; color:#36281c;margin:0 0 5px 0;padding: 0 0 3px 0; text-align:center;}
a{color:#2a221c;font-weight:bold;}
#archive {float:right; padding: 0;margin:0;width:179px; padding:10px;background:#aba785;height:350px;overflow:auto;border: solid 15px #c6c2a2;border-left:none;}
#archive ul {margin:0;padding:0;list-style:none;}
#archive li {width:100%;line-height:normal;}
#archive a {padding:4px ;display:block;text-decoration: none;color:#36281c;font-weight:normal; border-bottom:solid 1px #979373;}
#archive li.on a {text-decoration: none;color:#981b1e;background:#979373;}
#archive a:hover{background:#979373;}
div.photo img {float:left;padding:3px; background:#fff;border:solid 1px #c6c2a2;}
div.photo span.caption {padding:5px 5px 0 5px;line-height:normal;float:left;color:#6f6156;text-align:center;font-size:10px;}
div.photo  {float:left;width:218px;margin:0 15px 15px 0;}
#text {clear:both;}
#text p {font-size:9px;color:#68633d;line-height:14px;text-align:justify;}

div#text.container p.center a:link,
div#text.container p.center a:visited{
	font-size: 18px;
	text-decoration: none;
}
div#text.container p.center a:hover{
	text-decoration: underline;
}

#intro-flash {margin:0 auto 20px auto; width:350px;}

#error {color:#981b1e;list-style:none;margin:10px 0;padding:0;text-align:center;}

@media print {
	h1 span {display:block}
	h1 {background-image: none;}
	#nav-bar, #archive {display:none;}
	#blog {float:none;width:auto;height:auto;overflow:visible;}
	body{border:none;color:#000;}
	h1, h1 em, p, a, ul, h2, span, h1 span, #text p {color:#000;}
	#text p {font-size:5pt;line-height:7pt;}
	#text {padding-top:20px;}
}





