/*
CSS - SITE_NAME_HERE
*/

/* layout styles */


* {
	padding: 0;
	margin: 0;}

body {
	margin: 0;
	padding: 0;
	background: #121212;
	font-size:62.5%;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#b4b4b4;}

img {
	border:none;}

#container-1 {
	margin: 0 auto;
	padding:0;
	background:#13181c url(../images/bg-header.gif) no-repeat center top;
	height:131px;}
	
#header {
	width:750px;
	margin:auto;}

#container-2 {
	margin: 0 auto;
	padding:10px 0;
	background:#000;}

#nav {
	width:750px;
	margin:auto;
	font-size:1.2em;
	background:url(../images/bg-nav.gif) no-repeat;
	text-align:center;
	padding:10px 0 30px 0;}
	
#nav a {
	color:#2ca1ff;
	text-decoration:none;
	margin:0 10px;
	padding:0 0 6px 0;}

#nav a:hover {
	border-bottom:4px solid #2ca1ff;}

#flash {
	width:750px;
	margin:0 auto 32px auto;}

#content-area {
	width:750px;
	margin:auto;}
	
#content-left {
	width:225px;
	float:left;
	padding:0 16px 0 9px;}

#content-right {
	width:500px;
	float:left;}

#content-right p, li {
	font-size:1.2em;
	line-height:18px;}

#content-right ul {
	list-style-type:none;
	padding:0 0 20px 20px;}
	
#content-right li {
	background:url(../images/arrow.gif) no-repeat 0px 6px;
	padding:0 0 0 20px;}

#content-right a {
	color:#2ca1ff;
	text-decoration:none;}

#content-right a:hover {
	text-decoration:underline;}

#inset {
	width:142px;
	padding:15px 20px;
	float:right;
	margin:0 0 0 10px;
	background:url(../images/bg-inset.gif) no-repeat center top;}

p, h1, h2, h4 {
	padding:0 0 20px 0;}
	
h2, h3 {
	color:#2ca1ff;
	font-size:1.4em;}

h4 {
	font-size:1.4em;
	color:#ddd;}

#container-3 {
	margin: 0 auto;
	background:url(../images/bg-footer.gif) repeat-x;}	
	
#footer {
	width:750px;
	text-align:center;
	margin:auto;}
	
#footer-nav {
	height:49px;
	line-height:16px;
	padding:13px 0 0 0;
	color:#666;}

#footer-nav a {
	text-decoration:none;
	color:#666;
	padding:0 5px;}
	
#footer-nav a:hover {
	text-decoration:none;
	color:#b4b4b4;}

#wf-logo {
	height:71px;
	padding:30px 0 0 0;}



/* CTAS */

#cta { width:225px;}
#cta ul { list-style-type:none; }
#cta ul li a {	height:27px; display:block; text-decoration:none; color:#2ca1ff; padding:30px 0 0 25px;} 
#cta ul li a:hover { background-position:0 -57px !important; color:#fff;} 
#cta ul li.active a { background-position:0 -57px !important; }

#cta ul li#turret a { background:url(../images/nav/cta-turret-punching.gif); margin:0 0 10px 0; }
#cta ul li#bending a { background:url(../images/nav/cta-bending.gif); margin:0 0 10px 0;  }
#cta ul li#plasma a { background:url(../images/nav/cta-plasma-cutting.gif);  }
	


/* CONTACT FORM */

.field {
	width:180px;
	border:1px solid #222;
	background:#111;
	height:14px;
	padding:3px;
	color:#b4b4b4;
	font-size:1.1em;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;}
	
/* CLEARFIX */

.clearfix:after {
    content: "."; 
    clear: both; 
    display: block; 
    height: 0; 
    visibility: hidden;}
	 
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */