/*960gs*/

.wrapper {
	width: 980px;
	margin: 0 auto;
	z-index: 1;
}

.span1,.span2,.span3,
.span4,.span5,.span6,
.span7,.span8,.span9,
.span10,.span11.span12  {
	float: left;
	margin: 0px 10px;
}

.span1 {
	width: 60px;
}

.span2 {
	width: 140px;
}

.span3 {
	width: 220px;
}

.span4 {
	width: 300px;
}

.span5 {
	width: 380px;
}

.span6 {
	width: 460px;
}

.span7 {
	width: 540px;
}

.span8 {
	width: 620px;
}

.span9 {
	width: 700px;
}

.span10 {
	width: 780px;
}

.span11 {
	width: 860px;
}

.span12 {
	width: 940px;
}

.span13 {
	height: 325px;
	width: 990px;
	margin: 0 0 0 10px;
}

.clear {
	clear: both;
}

body {
	background: #2d2b28 url(../images/body_bg.gif) repeat-x;
	margin: 0px;
}

p, em, a, a:link, a:active, a:visited,a:hover, div, span, ul, ol, li, img,form,label {
	border: transparent 0px solid;
	margin: 0px;
	padding: 0px;
	text-align: left;
	text-decoration: none;
	position: relative;
	outline: none;
}

#navigation {
	height: 56px;
	background: url(../images/nav_bg.gif) no-repeat;
	padding-left: 373px;
	width: 600px;
	margin: 0px;
}

#navigation a {
	color: #FFF;
	text-indent: -9000px;
	display: block;
	float: left;
	height: 48px;
	position: relative;
	margin-left: -3px;
}

#navigation a#home {
	background: url(../images/home_bg.gif) 0 0 no-repeat;
	width: 75px;
}

#navigation a#asphalt {
	background: url(../images/asphalt_bg.gif) 0 0 no-repeat;
	width: 75px;
}

#navigation a#contact {
	background: url(../images/contact_bg.gif) 0 0 no-repeat;
	width: 76px;
}

#navigation a#concrete {
	background: url(../images/concrete_bg.gif) 0 0 no-repeat;
	width: 88px;
}

#navigation a#sports {
	background: url(../images/sports_bg.gif) 0 0 no-repeat;
	width: 134px;
}

#navigation a#repair {
	background: url(../images/repair_bg.gif) 0 0 no-repeat;
	width: 169px;
}

#navigation a#home:hover,
#navigation a#asphalt:hover,
#navigation a#contact:hover,
#navigation a#concrete:hover,
#navigation a#sports:hover,
#navigation a#repair:hover {
	z-index: 99;
	background-position: 0 -48px;
}

#banner {
	height: 325px;
	padding: 0px;
	float: left;
}

#banner h1 {
	font: 14px arial;
	font-weight: bold;
	width: 290px;
	padding-top: 293px;
	padding-left: 10px;
	padding-right: 20px;
	float: left;
	background: url(../images/header_bg.png) no-repeat;
	margin: 0px;
}

#home_banner {
	height: 325px;
	width: 668px;
	background: url(../images/home_banner_0.jpg) no-repeat;
	float:left;
}

#banner img {
	margin: 0px;
	display: none;
	position: absolute;
}

#row1 {
	font: 13px arial;
	color: #4f4f4f;
	padding: 10px 0px 15px 20px;
}

#row1 p {
	line-height: 16px;
}

#row2 {
	background: #859593;
	border: 4px solid #FFF;
	border-left: 0px;
	border-right: 0px;
	padding: 22px 10px 12px 10px;
}

#row3 {
	padding: 0 20px 0 60px;
}

#row3 p,#row3 a {
	font: 11px arial;
	color: #74817f;
	margin-top: 0px;
}

#row3 p {
	padding-top: 10px;
}

#row3 a:hover {
	text-decoration: underline;
}

#row3 span {
	padding: 0 15px;
}

h2,h3,h4 {
	font: bold 15px arial;
	color: #bad6d5;
	text-transform: capitalize;
	margin-top: -3px;
	margin-left: 18px;
}

h4 span {
	letter-spacing: 2px;
}

h3 {
	border-bottom: 1px solid #bad6d5;
	padding-bottom: 8px;
	margin-bottom: 10px;
	margin-left: 7px;
}

h4 {
	margin: 10px 0 0 18px;
}

ul {
	list-style: none;
}

li {
	background: #859593 url(../images/bullet.gif) 0 2px no-repeat;
	margin: 5px 10px;
	padding-left: 20px;
	color: #eff1f1;
	font: 13px arial;
}

.feature p {
	font: normal 13px arial;
	color: #eff1f1;
	line-height: 20px;
	padding: 0px 0px 8px 18px;
}

#homepageRow2 .feature {
	padding-left: 0px;
}

#homepageRow2 .feature p {
	width: 290px;
	padding: 14px 0px 8px 18px;
}

#repairRow2 {

}

#repairRow2 .feature {
	width: 305px;
	padding-left: 0px;
}

h2.homePageFeaturHeader {
	text-align: center;
	width: 233px;
	height: 25px;
	text-indent: -9999px;
	margin: 0 auto;
}

h2#smartFeature {
	background: url(../images/smart.gif) no-repeat;
}

h2#seriousFeature {
	background: url(../images/serious.gif) no-repeat;
}

h2#scientificFeature {
	background: url(../images/scientific.gif) no-repeat;
}

h2#contactheader {
}

table {
	border-collapse: collapse;
	margin-bottom: 20px;
}

td {
	color: #eff1f1;
	font: 15px arial;
	padding: 3px 20px;
}

td i {
	margin-left: -15px;
}

td a {
	color: #eff1f1;
}

td a:hover {
	text-decoration: underline;
}

#bornToDesign {
	text-decoration: underline
}

#contactFooter:hover, #bornToDesign:hover {
	color: #eff1f1;
}