@charset "utf-8";
/* CSS Document */

body {
	background: #4b5c65;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

a, a:active, a:visited {
	color: #fff;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

a img {
	border: none;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: white;
	line-height: 26px;
	font-weight: normal;
}

h2 {
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

#wrapper {
	background: #e41e26;
	width: 800px;
	position: absolute;
	left: 50%;
	margin-left: -400px;
	z-index: 1;
}

#lines {
	z-index: -2;
	width: 100%;
	position: absolute;
	left: 50%;
	margin-left: -50%;
	background: url(../images/new_lines.png) no-repeat top left;
	height: 100%;
}

#header {
	position: relative;
	z-index: 3;
	height: 95px;
}
	#header #logo {
		position: relative;
		width: 401px;
		height: 273px;
		left: -93px;
		z-index: 1000;
	}
		a.homelink, a.homelink:active, a.homelink:visited {
			display: block;
			position: absolute;
			text-decoration: none;
			width: 240px;
			height: 100px;
			top: 57px;
			left: 88px;
		}
	#header #topnav {
		position: absolute;
		right: 25px;
		top: 75px;
		z-index: 1000;
	}
		#topnav a, #topnav a:active, #topnav a:visited {
			text-transform: uppercase;
			color: white;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			font-weight: bold;
			text-decoration: none;
			padding: 2px 8px;
		}
		#topnav a:hover, #topnav .active {
			color: #333 !important;
		}
#main {
	margin-bottom: 26px;
}
	#main .left {
		float: left;
		width: 180px;
		height: 596px;
		margin-top: 20px;
		position: relative;
	}
		#main .left .industrial {
			position: absolute;
			bottom: 0;
			left: 34px;
			width: 112px;
		}
		.industrial a, .industrial a:active, .indindustrialustry a:visited {
			display: block;
			margin: 10px 0px 0px;
			border: none;
			width: 112px;
			background: #f47920;
			overflow: hidden;
			height: 102px;
		}
		.industrial a:hover {
			
		}
		.industrial a:hover img, .industrial a.active img {
			filter:alpha(opacity=70);
			-moz-opacity:.70;
			opacity:.70;
		}
	#main .right {
		float: left;
		width: 620px;
		margin-top: 20px;
		height: 596px;
	}
		#main .right .content {
			width: 443px;
			margin: 40px 72px 0px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10px;
			color: #fff;
			line-height: 16px;
		}
	#main .internal {
		width: 587px;
		background: #f47920;
		overflow: hidden;
	}
#overlay {
	z-index: 2;
}
	#overlay_large {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;
	}

b, .bold {
	font-weight: bold;
}

div.project {
	margin: 25px 0px 0px;
}
	div.project div.heading {
		border-bottom: 1px solid white;
	}
		div.heading h2 {
			border: none !important;
			width: 200px;
			float: left;
			margin: 0px !important;
			padding: 0px !important;
		}
		div.heading a {
			display: block;
			float: right;
			text-align: right;
			width: 200px;
			text-decoration: none;
		}
	div.project div.testimonial {
		font-style: oblique;
		display: none;
		position: absolute;
		left: 180px;
		width: 547px;
		background: white;
		border: 1px solid #666;
		color: #333;
		padding: 10px 20px;
		top: 435px;
		z-index: 10000;
		
	}

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

    /* Hides from IE Mac \*/
    * html .clearfix 
    {
        height: 1%;
    }
   .clearfix 
   {
       display:block;
   }
    /* End Hack */ 
    
#footer
{
    width:100%;
    position:absolute;
    text-align:right;
    color:White;
    margin:3px 0px 5px 0px;
    padding-bottom:5px;
}