/* 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: 760px;
	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: 760px;
	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;
}

.navigation {
	position: relative;
    width: 444px; 
	height: 30px;
    background: url(../images/nav.gif);
}

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

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

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

.btn1 {left: 0px; width: 114px;}
.btn2 {left: 119px; width: 84px;}
.btn3 {left: 208px; width: 104px;}
.btn4 {left: 317px; width: 127px;}

.btn1 a:hover {
    background: transparent url(../images/nav.gif)
    0 -30px no-repeat;}
.btn2 a:hover {
    background: transparent url(../images/nav.gif)
    -119px -30px no-repeat;}
.btn3 a:hover {
    background: transparent url(../images/nav.gif)
    -208px -30px no-repeat;}
.btn4 a:hover {
    background: transparent url(../images/nav.gif)
    -317px -30px no-repeat;}
	

/* Flash Feature */

.flashfeature {
	width: 760px;
	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: 420px;
	margin-top: 4px;
	padding: 40px 24px 24px 24px;
	background: url(../images/bkg-mission.jpg) no-repeat top;
}

.mission .heading {
	display: block;
	width: 420px;
	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: 760px;
	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: 163px;
	margin-top: 32px;
	padding: 18px 18px 20px 69px;
	background: url(../images/books.jpg) no-repeat top;
}

.featured .markets {
	float: left;
	width: 214px;
	margin-top: 32px;
	padding: 18px 18px 20px 26px;
}

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

.featured .spipat {
	float: left;
	width: 217px;
	margin-top: 32px;
	padding: 18px 18px 20px 17px;
}

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


/* Inside Page */

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

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

.breadcrumbs {
	width: 504px;
	padding: 11px 0px 0px 238px;
	color: #FFFFFF;
	font-size: 10px;
}

.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 p {
	line-height: 16px;
	padding: 0px 10px 0px 0px;
}

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

.rightcolumn h2 {
	width:505px;
	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: 760px;
	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: 760px;
	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;
    width: 760px; 
	height: 179px;
    background: url(../images/project-flow.jpg);
	margin-bottom: 25px;
}

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

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

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

.engineering {left: 0px; width: 190px;}
.production {left: 190px; width: 190px;}
.quality {left: 380px; width: 190px;}
.transportation {left: 570px; width: 190px;}

.engineering a:hover {
    background: transparent url(../images/project-flow.jpg)
    0 -179px no-repeat;}
.production a:hover {
    background: transparent url(../images/project-flow.jpg)
    -190px -179px no-repeat;}
.quality a:hover {
    background: transparent url(../images/project-flow.jpg)
    -380px -179px no-repeat;}
.transportation a:hover {
    background: transparent url(../images/project-flow.jpg)
    -570px -179px no-repeat;}

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

.text h2 {
	width:724px;
	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;
}

.headerengineering {
	width: 760px;
	height: 32px;
	background: url(../images/hdr_engineering.gif);
}

.headerproduction {
	width: 760px;
	height: 32px;
	background: url(../images/hdr_production.gif);
}

.headerqa {
	width: 760px;
	height: 32px;
	background: url(../images/hdr_qa.gif);
}

.headertransportation {
	width: 760px;
	height: 32px;
	background: url(../images/hdr_transportation.gif);
}


/* Concrete Advice */

.concreteadvice {
	position: relative;
    width: 760px; 
	height: 179px;
    background: url(../images/concrete-advice.jpg);
	margin-bottom: 25px;
}

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

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

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

.spring {left: 0px; width: 190px;}
.summer {left: 190px; width: 190px;}
.autumn {left: 380px; width: 190px;}
.winter {left: 570px; width: 190px;}

.spring a:hover {
    background: transparent url(../images/concrete-advice.jpg)
    0 -179px no-repeat;}
.summer a:hover {
    background: transparent url(../images/concrete-advice.jpg)
    -190px -179px no-repeat;}
.autumn a:hover {
    background: transparent url(../images/concrete-advice.jpg)
    -380px -179px no-repeat;}
.winter a:hover {
    background: transparent url(../images/concrete-advice.jpg)
    -570px -179px no-repeat;}
    
/* CareerOpps */

.headerCareerOpps {
	width: 760px;
	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: 760px;
	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: 760px;
	background: url(../images/spipat.jpg);
}

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


/* Footer */

.footer {
	float: left;
	width: 748px;
	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;
}