/* CSS Document */

* {
	padding:0;
	margin:0;}
	
body {
	margin:0;
	padding:0;
	background:#202020 url(../images/bg-repeat.gif) repeat-x top;
	color:#c5c5c5;
	font:11px/18px Tahoma, Arial, sans-serif;}
	
#container {
	width:802px;
	margin:auto;
	background:#2d2d2d;}

/* NAVIGATION */

#nav { width:802px; height:52px;}
#nav ul { list-style-type:none; }
#nav ul li { float:left; }
#nav ul li a {	height:52px; display:block; text-decoration:none; } 
#nav ul li a:hover { background-position:0 -52px !important; } 
#nav ul li.active a { background-position:0 -52px !important; }
.hidden {display:none;}

#nav ul li#home a {	background:url(../images/nav/home.gif);	width:70px; }
#nav ul li#sheet-metal-fabrication a { background:url(../images/nav/sheet-metal-fabrication.gif); width:223px; }
#nav ul li#steel-fabrication a {	background:url(../images/nav/steel-fabrication.gif); width:171px; }
#nav ul li#mining a {	background:url(../images/nav/mining.gif); width:83px; }
#nav ul li#turret-punching a {	background:url(../images/nav/turret-punching.gif); width:165px; }
#nav ul li#contact a {	background:url(../images/nav/contact.gif); width:90px; }

/* HEADER */

#header {
	width:802px;
	padding:28px 0 0 0;
	background:#fff;}
	
#header-left {
	width:279px;
	float:left;}
	
#header-right {
	width:523px;
	float:left;
	padding:40px 0 0 0;
	background:#fff;}
	
/* CONTENT AREA */

#content-area {
	width:802px;
	background:#2d2d2d;}

/* CONTENT LEFT */

#content-left {
	width:267px;
	float:left;
	padding:0 0 0 12px;}

#services-panel {
	width:247px;
	background:url(../images/services-bg.gif) no-repeat;
	height:244px;
	font-size:14px;
	padding:20px 0 0 20px;}

#services-panel a {
	color:#c5c5c5;
	font-weight:bold;
	text-decoration:none;}
	
#services-panel a:hover {
	text-decoration:underline;}

.ctas {
	width:241px;
	padding:15px 13px;
	background:url(../images/cta-bg.gif) no-repeat;
	height:95px;}

.cta-left {
	float:left;
	width:75px;}
	
.cta-right {
	padding:5px 0 0 17px;
	width:140px;
	float:left;}

.ctas h1, #ad-right h1 {
	padding:0;
	margin:0 0 5px 0;
	color:#fff;
	font-weight:bold;
	font-size:14px;}
	
.ctas a, #ad-right a {
	padding:0;
	margin:0;
	color:#ed8a1f;
	text-decoration:none;}

.ctas a:hover, #ad-right a:hover {
	text-decoration:underline;}

/* CONTENT RIGHT */

#content-right {
	width:508px;
	padding:27px 0 0 15px;
	float:left;}

#ad {
	width:494px;
	background:url(../images/ad-bg.gif);
	height:124px;}

#ad-left {
	width:222px;
	float:left;
	padding:13px;}
	
#ad-right {
	width:215px;
	float:left;
	margin:15px 0 0 5px;}

	/* text area */
	
	#text-area {
		width:474px;
		padding:20px 10px;}
	
	#text-area ul {
		margin:0 0 18px 30px;}
	
	#text-area ul ul {
		margin:0 0 -18px 30px;}
	
	#text-area h1 {
		font-weight:bold;
		color:#ed8a1f;
		font-size:14px;
		margin:0 0 20px 0;}
		
	#text-area a {
		font-size:11px;
		color:#fff;
		text-decoration:none;}
		
	#text-area a:hover {
		color:#ed8a1f;
		text-decoration:none;}
	
	#text-area h2 {
		font-weight:bold;
		color:#fff;
		background:#ed8a1f;
		font-size:12px;
		padding:0 0 0 5px;
		margin:0 0 20px 0;}
	
	#text-area h3 {
		font-size:12px;
		color:#fff;
		padding:0 0 0 5px;}

	#text-area h4 {
		font-size:11px;
		margin:0;
		padding:0 0 0 5px;}

	#text-area h2 a {
		color:#fff;
		text-decoration:none;}
		
	#text-area h2 a:hover {
		text-decoration:underline;}
		
	#text-area p {
		padding:0 0 15px 5px;}
		
	.pic {
		padding:3px;}

/* FOOTER */

#footer {
	width:763px;
	padding:30px 14px 30px 15px;
	}

#wf-logo {
	float:left;
	width:267px;
	text-align:center;}

#footer-nav {
	width:494px;
	float:left;
	text-align:right;}

#footer a {
	font-size:11px;
	color:#b2b2b2;
	text-decoration:none;
	margin:0 8px 0 8px;}

#footer a:hover {
	color:#ed8a1f;
	text-decoration:none;}

#divider {
	background: url(../images/divider.gif) repeat-x;}
	
/* CONTACT */

input, textarea {
	border:0px solid #fff;}

#contact-form {
	width:200px;
	float:left;}

.field {
	width:190px;
	padding:5px;}
	
#contact-details {
	float:left;
	width:200px;
	margin:0 0 0 39px;}

/* CLEARFIX */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;}

.clearfix {display: inline-block;}

/* Hide from IE-mac\*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */