body {
	background: url(bg_grad.jpg) repeat-x #292929;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#cccccc;
	font-size:12px;
}
a{
	outline:0px;
}
nav{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-style:normal;
font-weight:normal;
color: #cccccc;
font-variant:normal;
}
.subhead {
	color:#396031; 
	font-size:12px;
	font-weight:bold;
	padding:0px;
}
.leftnav {
	margin:0px;
	padding:0px;
	list-style:none;
}



.leftnav li span {
	color:#333333;
	
}

.leftnav a {
	font-family:Arial, Helvetica, sans-serif;
	color:#bbbbbb;
	text-decoration:none;
}

.leftnav a:hover, .leftnav .selected {
	color:#396031;
	font-weight:bold;
}
.leftnav ul {
	margin-top:5px;
	margin-left:0px;
	padding:0px;
	list-style:none;
}
.leftnav li {
	display:block;
	background:url(bullet.gif) 0 4px no-repeat;
	padding-left:16px;
	margin-bottom:4px;
}

.conttitle{
font-family:News Gothic, Arial, Helvetica, sans-serif;
font-size:14px;
font-style:normal;
font-weight:bold;
color: #396031;
font-variant:normal;
}

#homeflashcont {
	height:200px; 
	margin:0px; 
	width:980px;
}

#flashcont {
	height:125px; 
	margin:0px; 
	width:180px;
	float:left;
}
#top_header {
	height:125px;
	text-align:right;
	margin:0px; 
	width:auto;
	float:right;
}
#inquireflashcont {
	height:350px; 
	margin:0px; 
	width:225px;
}

.spacer {
	clear:both;
}
.table{
border:solid 1px #999999;
}


#container {
	width:980px; 
	margin:0px auto;
}

#header{
	width:100%;
	background:url(header_bg.jpg) repeat-x #222222;
	padding:0px;
	padding-top:1px; 
	margin-top:10px;
	height:246px;
	margin-bottom:0px;
	line-height:16px;
	font-size:11px;
}
#header .singlecol{
	width:980px; 
	margin:0px auto;
	
}
#header .fourcols{
	width:980px; 
	margin:0px auto;
}


#header .fourcols .leftcol{
	width:245px; 
	height:245px;
	float:left;
}
#header .fourcols .wideleftcol{
	width:490px; 
	height:245px;
	float:left;
}
#header .fourcols .rightcol{
	width:245px; 
	height:245px;
	float:right;
}
#content {
	width:980px;
	background:none;
	padding:0px; 
	margin-top:0px;

	font-size:11px;
}
#content ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
#content li {
	background:url(bullet.gif) 5px 4px no-repeat;
	padding-left:20px;
}
#content .fourcols .leftcol{
	width:225px; 
	background:none;
	padding-top:10px;
	margin:10px; 
	float:left;
}
#content .fourcols .recruit{
	background:url(recruitment_title.png) top right no-repeat ;
	padding-right:50px;
	padding-top:20px;
	width:184px; 
	margin-left:10px;
	float:left;
	height:200px;
	border-right:solid 1px #2c2c2c;
}
#content .fourcols .community{
	background:url(community_title.png) top right no-repeat ;
	padding-right:50px;
	padding-top:20px;
	width:184px; 
	margin-left:10px;
	float:left;
	height:200px;
	border-right:solid 1px #2c2c2c;
}
#content .fourcols .contact{
	background:url(contact_title.png) top right no-repeat ;
	padding-right:50px;
	padding-top:20px;
	width:184px; 
	margin-left:10px;
	float:left;
	height:200px;
	border-right:solid 1px #2c2c2c;
}
#content .fourcols .casestudy{
	background:url(casestudy_title.png) top right no-repeat ;
	padding-right:50px;
	padding-top:20px;
	width:184px; 
	margin-left:10px;
	float:left;
	height:200px;
	border-right:solid 1px #2c2c2c;
}
#content .fourcols .profile{
	background:url(profile_title.png) top right no-repeat ;
	padding-right:50px;
	padding-top:20px;
	width:184px; 
	margin-left:10px;
	float:left;
	height:200px;
	border-right:solid 1px #2c2c2c;
}
#content .fourcols .products{
	background:url(products_title.png) top right no-repeat ;
	padding-right:50px;
	padding-top:20px;
	width:184px; 
	margin-left:10px;
	float:left;
	height:200px;
	border-right:solid 1px #2c2c2c;
}
#content .fourcols .design{
	background:url(design_title.png) top right no-repeat ;
	padding-right:50px;
	padding-top:20px;
	width:184px; 
	margin-left:10px;
	float:left;
	height:200px;
	border-right:solid 1px #2c2c2c;
}
#content .fourcols .home{
	background:url(home_title.png) top right no-repeat ;
	padding-right:50px;
	padding-top:20px;
	width:184px; 
	margin-left:10px;
	float:left;
	height:200px;
	border-right:solid 1px #2c2c2c;
}
#content .fourcols .epoxy{
	background:url(epoxy_title.png) top right no-repeat ;
	padding-right:50px;
	padding-top:20px;
	width:184px; 
	margin-left:10px;
	float:left;
	height:200px;
	border-right:solid 1px #2c2c2c;
}
#content .fourcols .manholes{
	background:url(manholes_title.png) top right no-repeat ;
	padding-right:50px;
	padding-top:20px;
	width:184px; 
	margin-left:10px;
	float:left;
	height:200px;
	border-right:solid 1px #2c2c2c;
}
#content .fourcols .jacking{
	background:url(jacking_title.png) top right no-repeat ;
	padding-right:50px;
	padding-top:20px;
	width:184px; 
	margin-left:10px;
	float:left;
	height:200px;
	border-right:solid 1px #2c2c2c;
}
#content .fourcols .industrial{
	background:url(industrial_title.png) top right no-repeat ;
	padding-right:50px;
	padding-top:20px;
	width:184px; 
	margin-left:10px;
	float:left;
	height:200px;
	border-right:solid 1px #2c2c2c;
}
#content .fourcols .flowtite_pipe{
	background:url(flowtite_title.png) top right no-repeat ;
	padding-right:50px;
	padding-top:20px;
	width:184px; 
	margin-left:10px;
	float:left;
	height:200px;
	border-right:solid 1px #2c2c2c;
}
#content .fourcols .flowtite_fittings{
	background:url(fittings_title.png) top right no-repeat ;
	padding-right:50px;
	padding-top:20px;
	width:184px; 
	margin-left:10px;
	float:left;
	height:200px;
	border-right:solid 1px #2c2c2c;

}
#content .fourcols .wideleftcol{
	width:470px; 
	background:none;
	padding-top:10px;
	margin:10px; 
	float:left;
}
#content .fourcols .rightcol{
	width:225px; 
	background:none;
	padding-top:10px;
	margin:10px;
	float:right;
}
#content .contlinks a:link{
	color:#cccccc;
	font-weight:bold
}
#content .contlinks a:visited{
	color:#cccccc;
	font-weight:bold
}
#content .contlinks  a:hover {
	color:#396031;

	border:none;
}
#content .contactlinks a:link{
	color:#cccccc;
	font-weight:bold
}
#content .contactlinks a:visited{
	color:#cccccc;
	font-weight:bold
}
#content .contactlinks  a:hover {
	color:#396031;

	border:none;
}
#content a{

text-decoration:none;
border:none;
}


#content a:hover {
	color:#396031;

	border:none;
}
#indexfooter{
	width:965px;
	height:50px;
	line-height:10px;
	font-size:11px;
	margin-bottom:10px;
	border-top:solid;
	border-top-color:#999999;
	border-top-width:thin;
}


#indexfooter a {
	color:#FFFFFF;
	text-decoration:none;
	
	
}

#indexfooter a:hover {
	color:#396031;
}

#indexfooter .left {
	float:left;
	padding:10px;
	margin-left:50px;
	color:#999999;
}

#indexfooter .right {
	float:right;
	color:#999999;
	margin-right:50px;
	padding:10px;
	text-align:right;
}


#footer{
	width:965px;
	height:50px;
	padding:7.5px; 
	background:none ;
	margin-top:10px;
	line-height:10px;
	font-size:11px;
	margin-bottom:10px;
	border-top:solid 1px #333333;
}


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

#footer a:hover {
	color:#396031;
}

#footer .left {
	float:left;
	padding:10px;
	margin-top:8px;
	color:#999999;
}

#footer .right {
	float:right;
	color:#999999;
	margin-top:8px;
	padding:10px;
	text-align:right;
}


img {border: 0px;}

ul.gallery {
	list-style: none;
	margin: 0 auto; padding: 0;
}
ul.gallery li {
	float: left;
	margin: 0px; padding: 0;
	text-align: center;
	display: inline; /*--Gimp Fix aka IE6 Fix--*/
}
ul.gallery li a.thumb {
	width: 60px;
	height: 125px;
	padding: 0px;
	cursor: pointer;
}
ul.gallery li span { /*--Used to crop image--*/
	width: 60px;
	height: 125px;
	overflow: hidden;
	display: block;
}

ul.gallery li a.thumb:hover {
	background: none;
}
ul.gallery li a {text-decoration: none;  display: block;}