/* basic elements */

* { margin: 0; padding: 0; }

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

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* End hide from IE-mac */

/* html,body {
	height: 100%;
} */

/* Body Classes Begin */
.homepage {
	text-align: center;
	background: url(../images/bkg-body.jpg) repeat-x top;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding-bottom: 20px;
}
.insidepage {
	text-align: center;
	background: url(../images/bkg-body2.jpg) repeat-x top;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding-bottom: 20px;
}
/* Body Classes End */

.wrapper {
	position: relative;
	width: 960px;
	padding: 0px;
	margin: 0px auto;
	text-align: left;
}
a:visited {
	color: #548E74;
	text-decoration: none;
}
a:link {
	color: #548E74;
	text-decoration: none;
}
a:active {
	color: #ACACAC;
	text-decoration: none;
}


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


/* Header Area */

.header {
	width: 960px;
	height: 120px;
	background: url(../images/header.jpg);
}
.header h1 {
	float: left;
	height: 49px;
	width: 225px;
	text-indent: -5000px;
	margin-top: 41px;
	padding-left: 18px;
	overflow: hidden;
}
.header h1 a {
	height: 49px;
	width: 225px;
	display: block;
}


/* Navigation */
.nav {
	float: right;
	padding: 90px 12px 0px 0px;
}

.dd_menu {
	padding:0px;
	margin:0px;
	height:20px;
}

.dd_menu li {
	float:left;
	width:114px;
	height: 20px;
	display: block;
	margin:0 6px;
}

.dd_menu li a 	{
	text-align:center;
	background-color:#acacac;
	color:#ffffff;
	padding:6px 0;
	display:block; 
	text-decoration:none;
	-moz-border-top-left-radius: 10px;
	-moz-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
    -khtml-border-top-left-radius: 10px;
	-khtml-border-top-right-radius: 10px;
	behavior: url(border-radius.htc);
    border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.dd_menu li:hover a {
	text-decoration:underline;
	color:#efefef;
	height:18px;
	background-color:#005951;
}

.dd_menu ul	{
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	list-style-type:none;
}

.dd_menu li:hover {
	position:relative;
}

.dd_menu li:hover ul {
	left:0px; 
	top:26px;  
	padding:0; 
	width:160px;
}

.dd_menu li:hover ul li {
	height:30px; 
	border:none;
	margin:0;
}

.dd_menu li:hover ul.sub li a {
	height:30px; 
	padding:6px 0; 
	display:block; 
	width:158px; 
	line-height:18px; 
	text-indent:5px;
	text-align:left;
	-moz-border-top-left-radius: 0px;
	-moz-border-top-right-radius: 0px;
    -webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
    -khtml-border-top-left-radius: 0px;
	-khtml-border-top-right-radius: 0px;
	behavior: url(border-radius.htc);
    border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.dd_menu li:hover ul li a:hover {
	height:18px;
	background-color:#acacac;
}
	

/* Flash Feature */

.flashfeature {
	width: 960px;
	height: 150px;
	/*background: url(../images/bkg-feature.jpg);*/
}


/* Home Page Content */

.requestquote {
	float: left;
	width: 260px;
	height: 185px;
	margin: 37px 32px 0px 0px;
}

.mission {
	float: left;
	width: 620px;
	margin-top: 4px;
	padding: 40px 24px 24px 24px;
	background: url(../images/bkg-mission.jpg) no-repeat top;
}

.mission .heading {
	display: block;
	width: 100%;
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	padding-bottom: 6px;
	border-bottom: #509173 solid 1px;
	margin-bottom: 10px;
}

.mission p {
	line-height: 16px;
	padding-bottom: 18px;
}

.featured {
	float: left;
	width: 960px;
	background: url(../images/bkg-resources.jpg) no-repeat top;
}

.featured .heading {
	font-weight: bold;
	font-size: 11px;
	color: #005951;
	line-height: 16px;
}

.featured p {
	line-height: 16px;
	padding-bottom: 4px;
}

.featured a:visited {
	color: #548E74;
	text-decoration: none;
}

.featured a:link {
	color: #548E74;
	text-decoration: none;
}
.featured a:active {
	color: #ACACAC;
	text-decoration: none;
}

.featured a:hover {
	color: #ACACAC;
	text-decoration: none;
}

.featured .resources {
	float: left;
	width: 320px;
	margin-top: 32px;
	padding: 18px 0px 20px 0px;
	background: url(../images/books.jpg) no-repeat top;
}

.featured .resources > h2, .featured .resources > p {
	padding-left:69px;
}

.featured .markets {
	float: left;
	width: 320px;
	margin-top: 22px;
	padding: 18px 0px 20px 10px;
}

.featured .markets img {
	float: left;
	margin: 0px 12px 12px 0px;
}

.featured .spipat {
	float: left;
	width: 250px;
	margin-top: 10px;
	padding: 18px 0px 20px 0px;
}

.featured .spipat img {
	float: left;
	margin: 0px 12px 12px 0px;
}


/* Inside Page */

.header2 {
	width: 960px;
	height: 60px;
	background: url(../images/tagline.gif);
	margin-bottom: 22px;
}

.content {
	width: 960px;
	padding-bottom: 23px;
}

.breadcrumbs {
	float:left;
	width: 504px;
	padding: 11px 0px 0px 0px;
	color: #FFFFFF;
	font-size: 10px;
	margin-left:18px;
}

.breadcrumbs a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

.breadcrumbs a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.breadcrumbs a:active {
	color: #548E74;
	text-decoration: none;
}

.breadcrumbs a:hover {
	color: #548E74;
	text-decoration: none;
}

.leftnav {
	float: left;
	width: 183px;
	padding: 30px 18px 0px 18px;
}

.leftnav li {
    list-style: none;
	line-height: 24px;
}

.leftnav a:visited {
	color: #116458;
	text-decoration: none;
}

.leftnav a:link {
	color: #116458;
	text-decoration: none;
}

.leftnav a:active {
	color: #ACACAC;
	text-decoration: none;
}

.leftnav a:hover {
	color: #ACACAC;
	text-decoration: none;
}

.leftnav a.active {
	color: #ACACAC;
	text-decoration: none;
}

.leftnav p {
	line-height: 16px;
	padding: 0px 10px 0px 0px;
}

.rightcolumn {
	float: left;
	width: 705px;
	padding: 25px 18px 0px 18px;
	background: url(../images/bkg-right-column.jpg) no-repeat top;
}

.rightcolumn h2 {
	width:100%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	padding: 5px 0px 3px 0px;
	border-bottom: solid 1px #509173;
	margin-bottom: 15px;
}

.rightcolumn p {
	line-height: 16px;
	padding-bottom: 20px;
}


/* Product Showcase */

.headerproductshow {
	width: 960px;
	height: 32px;
	background: url(../images/hdr_product-showcase.gif);
}

.exampleimage1 {
	float: left;
	width: 330px;
	margin: 5px 13px 25px 0px;
}

.exampleimage2 {
	float: left;
	width: 162px;
	margin: 5px 0px 11px 0px;
}

.exampleimage3 {
	float: left;
	width: 162px;
	margin: 0px 0px 25px 0px;
}

.infofield {
	width: 505px;
	padding-bottom: 5px;
}

.infofield .label {
	float: left;
	width: 85px;
	color: #116458;
	font-weight: bold;
	line-height: 16px;
}

.infofield .text {
	float: left;
	width: 420px;
	color: #252525;
	line-height: 16px;
	padding-bottom: 15px;
}

/* Request A Quote */

.headerrfq {
	width: 960px;
	height: 32px;
	background: url(../images/hdr_rfq.gif);
}

.rightcolumn .formheader {
	margin-bottom: 25px;
}

.formsection {
	width: 505px;
	padding-bottom: 10px;
}

.formfield {
	width: 505px;
	padding-bottom: 10px;
}

.formfield .label {
	width: 300px;
	color: #116458;
	font-weight: bold;
	padding: 0px 0px 3px 20px;
}

.formfield .textfield {
	width: 300px;
	height: 20px;
	font-size: 11px;
	margin-left: 20px;
}

.formfield .textarea {
	width: 465px;
	height: 125px;
	font-size: 11px;
	margin-left: 20px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.formfield .button {
	font-size: 11px;
	padding: 3px 5px 3px 5px;
	margin: 5px 0px 5px 20px;
	border: 1px solid color #000000;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}


/* Project Flow */

.projectflow {
	position: relative;
	text-align:center;
    width: 704px; 
	height: 166px;
    background: url(../images/project-flow.jpg);
	margin-bottom: 25px;
	background-repeat:no-repeat;
}

.projectflow li {
    list-style: none;
	position: absolute; top: 0;
}

.projectflow a {
    height: 166px;
	display: block;
	text-indent: -5000px;
	overflow: hidden;
}

.projectflow li {
    height: 166px;
	display: block;
	text-indent: -5000px;
	overflow: hidden;
}

.engineering {left: 0px; width: 176px;}
.production {left: 177px; width: 176px;}
.quality {left: 354px; width: 176px;}
.transportation {left: 531px; width: 176px;}

.engineering a:hover {
    background: transparent url(../images/project-flow.jpg)
    0 -166px no-repeat;}
	
.engineering a.active {
    background: transparent url(../images/project-flow.jpg)
    0 -166px no-repeat;}
	
.production a:hover {
    background: transparent url(../images/project-flow.jpg)
    -177px -166px no-repeat;}
	
.production a.active {
    background: transparent url(../images/project-flow.jpg)
    -177px -166px no-repeat;}
	
.quality a:hover {
    background: transparent url(../images/project-flow.jpg)
    -354px -166px no-repeat;}
	
.quality a.active {
    background: transparent url(../images/project-flow.jpg)
    -354px -166px no-repeat;}
	
.transportation a:hover {
    background: transparent url(../images/project-flow.jpg)
    -531px -166px no-repeat;}
	
.transportation a.active {
    background: transparent url(../images/project-flow.jpg)
    -531px -166px no-repeat;}

.text {
	width: 100%;
	padding: 0px 18px 20px 18px;
	text-align: left;
}

.text h2 {
	width:100%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	padding: 5px 0px 3px 0px;
	border-bottom: solid 1px #509173;
	margin-bottom: 15px;
}

.text p {
	line-height: 16px;
	padding-bottom: 20px;
}

.project_flow_header {
	width: 960px;
	height: 32px;
	background-image: url(../images/hdr.gif);
	background-repeat:no-repeat;
}

.hdr_title {
	float:left;
	width: 183px;
	padding: 9px 18px 0px 18px;
	color: #FFFFFF;
	font-size: 11px;
	text-transform:uppercase;
	letter-spacing:.1em;
}

.hdr_title a, .hrd_title a:link {
	color: #FFFFFF;
}

.hdr_title a:hover {
	color:#efefef;
	text-decoration:underline;
}


/* Concrete Advice */

.concreteadvice {
	position: relative;
    width: 704px; 
	height: 166px;
    background-image: url(../images/concrete-advice.jpg);
	background-repeat:no-repeat;
	margin-bottom: 25px;
}

.concreteadvice li {
    list-style: none;
	position: absolute; top: 0;
}

.concreteadvice a {
    height: 166px;
	display: block;
	text-indent: -5000px;
	overflow: hidden;
}

.concreteadvice li {
    height: 166px;
	display: block;
	text-indent: -5000px;
	overflow: hidden;
}

.spring {left: 0px; width: 176px;}
.summer {left: 177px; width: 176px;}
.autumn {left: 354px; width: 176px;}
.winter {left: 531px; width: 176px;}

.spring a:hover {
    background: transparent url(../images/concrete-advice.jpg)
    0 -166px no-repeat;}
.summer a:hover {
    background: transparent url(../images/concrete-advice.jpg)
    -177px -166px no-repeat;}
.autumn a:hover {
    background: transparent url(../images/concrete-advice.jpg)
    -354px -166px no-repeat;}
.winter a:hover {
    background: transparent url(../images/concrete-advice.jpg)
    -531px -166px no-repeat;}
    
/* CareerOpps */

.headerCareerOpps {
	width: 960px;
	height: 32px;
	background: url(../images/hdr_CareerOpps.gif);
}

.infofield {
	width: 505px;
	padding-bottom: 5px;
}

.infofield .label {
	float: left;
	width: 85px;
	color: #116458;
	font-weight: bold;
	line-height: 16px;
}

.infofield .text {
	float: left;
	width: 420px;
	color: #252525;
	line-height: 16px;
	padding-bottom: 15px;
}


/* Resources */

.headerResources {
	width: 960px;
	height: 32px;
	background: url(../images/hdr_Resources.gif);
}

.infofield {
	width: 505px;
	padding-bottom: 5px;
}

.infofield .label {
	float: left;
	width: 85px;
	color: #116458;
	font-weight: bold;
	line-height: 16px;
}

.infofield .text {
	float: left;
	width: 420px;
	color: #252525;
	line-height: 16px;
	padding-bottom: 15px;
}





/* SPI/PAT */

.spipatimage {
	height: 147px;
	/*width: 960px;*/
	background: url(../images/spipat.jpg);
}

.headerspipat {
	width: 960px;
	height: 32px;
	background: url(../images/hdr_spipat.gif);
}


/* Footer */

.footer {
	float: left;
	width: 960px;
	padding: 10px 6px 0px 6px;
	border-top: #ACACAC solid 1px;
}

.footer .links {
	float: left;
	color: #509173;
}

.footer a:visited {
	color: #509173;
	text-decoration: none;
}

.footer a:link {
	color: #509173;
	text-decoration: none;
}

.footer a:active {
	color: #ACACAC;
	text-decoration: none;
}

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

.footer .copyright {
	float: right;
	color: #ACACAC;
}