body {
	margin: 0;
	font: 13pt/1.5 "Trebuchet MS", helvetica, arial, sans-serif;
	color: #333;
	background: #FFF;
}

.wrap {
	width: 984px;
	margin: 0 auto;
	font-size: 67.5%;
}

#content {
	float: left;
	width: 578px;
	padding-right: 50px;
}

#sidebar {
	position: relative;
	left: -2px;
	float: right;
	width: 351px;
	margin-top: -40px;
}

#c-wrap { 
	clear: both;
	width: 984px;
	padding-bottom: ;
	overflow: hidden;
	background: url(../images/content_bg_2.png) 100% 0 repeat-y 
}

/*------ general styles ------*/
a { text-decoration: none; color: #5D9732; font-weight: bold; }
a:hover, a:focus, a:active { color: #4F802A; text-decoration: underline }
h1, h2, h3, h4, h5 { 
	margin: 1em 0 .5em; 
	line-height: 1.2;
	color: #DF7A1C
}
.no-margin { margin-top: 0 }
h1 { 
	margin: 26px 0 .8em;
	font-size: 250%; 
	line-height: 1;
	text-transform: uppercase
}
h2 { font-size: 170%; }
h3 { margin-top: 1.5em; font-size: 140% }
h4 { font-size: 120% }
h5 { font-size: 100% }
p { margin-bottom: 1em; line-height: 1.5 }
ul, ol { padding-left: 1.5em; margin: 0 0 1em 1.5em }
li { margin-bottom: .5em }
ul { list-style: disc }
ul ul { list-style: circle }
ol { list-style: decimal }
.alpha { list-style: lower-alpha }
.roman { list-style: lower-roman } 
.no-bullet { padding-left: 0; list-style: none }
img { border: 0 }
abbr { border-bottom: 1px dotted }
abbr:hover { cursor: help }
strong, em, .em { font-weight: bold }
em { font-style: normal }
address { font-style: normal }
blockquote, q { quotes: none }
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
.clear { 	
	clear: both;
	display: block;
	height: 1px;
	overflow: hidden;
}

.offset { 
	position: absolute;
  left: -999em;
  overflow: hidden; 
}
.float {
	float:left;
	}

/*------ header ------*/
#header { 
	position: relative;
	background: #DD7B27
}

#header .wrap {
	height: 130px;
	padding-top: 1px;
	background: url(../images/header_bg.png) 100% 0 no-repeat;
	overflow: hidden;
	color: #FFF
}

#logo { 
	float: left;
	margin: 20px 0 0;
}

#slogan {
	float: right;
	width: 330px;
	margin: 74px 0 0;
	padding: 17px 10px 20px;
	border: 3px solid #FFF;
	border-bottom: 0;
	color: #FFF;
	font-size: 180%;
	text-transform: uppercase;
	line-height: 1;
	text-align:center;
	background-image: url(../images/slogan_bg_2.png);
	background-repeat: no-repeat;
}

#nav { 
	position: relative;
	z-index: 10;
	float: left;
	width: 628px;
	margin: 2px 0 0;
	padding: 0;
	list-style: none;
	text-transform: uppercase;
	line-height: 1.1;
}

#nav li { 
	position: relative;
	float: left;
	margin: 0;
}

#nav a { 
	float: left;
	width: 78px;
	height: 25px;
	margin-right: 2px;
	padding: 15px 5px 0;
	text-decoration: none; 
	color: #FFF;
	background: #DF7A1C url(../images/nav_bg_off.png) 0 100% no-repeat;
	text-align: center
}
#nav .two-lines a { 
	height: 31px;
	padding: 9px 5px 0;
}
#nav .last a { margin-right: 0 }
#nav a:hover, #nav a:focus, #nav a:active, #nav .active a { background-image: url(../images/nav_bg_on.png) }

#nav ul { 
	margin: 0;
	padding: 0;	
	list-style: none;
	line-height: 1;
}

#nav li ul {
	position: absolute;
	z-index: 100;
	top: 40px;
	left: -999em;
	width: 89px;
	padding: 2px 0;
	text-align: center;
	background: #FFF;
	border: 2px solid #DD7B27;
	border-top: 0;
	text-transform: none
}

#nav li li { background: none }
#nav li li a, #nav .active li a {
	width: 85px;
	height: auto;
	margin: 0 2px;
	padding: .5em 0;
	background: none;
	color: #DD7B27;
}
#nav li li a:hover { background: #DD7B27; color: #FFF }
#nav li:hover ul, #nav li.sfhover ul { left: -2px }

/*------ content ------*/
#splash {
	position: relative;
	z-index: 1;
	height: 83px;
	margin-right: -50px;
	padding: 195px 50px 0;
	background: #512A0E url(../images/splash.jpg) 0 100% no-repeat;
	color: #FFF;
	font-weight: bold;
	font-size: 107.5%
}

#splash * { margin: 0; padding: 0 }
#splash cite { display: block }

.projects {
	margin: 2em 0;
	padding: 0;
	list-style: none
}

.projects li {
	width: 100%;
	margin-bottom: 2em;
	overflow: hidden;
	border-bottom: 3px solid #DD7B27
}

.projects .details {
	float: right;
	width: 385px
}

.projects .images {
	float: left;
	width: 170px
}

.projects h2 { margin-top: 0 }
.projects .images img { display: block }
.projects .images p { 
	margin: 0 0 1em;
	padding: .5em 0;
	background: #DD7B27; 
	text-align: center 
}
.projects .images a { color: #FFDA3F }

.gallery li { border-bottom: none; margin-right: 15px }

#commercial, #residential, #mining {
	margin: 2em 0;
	background: #FFFBEC
}

.row {
	position: relative;
	margin: 0;
	padding: 3px 0;
	border-bottom: 4px solid #FFF;
	border-width: 0 0 4px 0
}

.row input { vertical-align: middle }

#commercial label, #commercial legend, #commercial legend span {
	float: left;
	width: 255px;
	margin-right: 25px;
	padding-top: 4px;
	font-weight: bold;
	text-align: right;
	color: #231F20
}
#commercial legend span { display: block }
#commercial input, #commercial select {
	width: 245px;
	font-size: 12px
}

#commercial select { width: 250px }

#commercial fieldset label, #commercial fieldset input {
	float: none;
	width: auto;
	margin-right: 5px
}

#commercial fieldset input { 
	position: relative;
	top: -3px;
	margin-right: 0 
}

#commercial fieldset div {
	position: relative;
	top: -17px;
	left: 275px;
	width: 245px;
	margin-bottom: -17px
}

button {
	margin: 10px;
	padding: 3px 5px;
	background: #39691D;
	color: #FFF;
	border: 1px solid;
	border-color: #39691D #080D04 #080D04 #39691D
}

button:hover { background-color: #244112 }

/*------ sidebar ------*/
.panels { 
	margin-bottom: 18px;
	border-bottom: 3px solid #5D9732; 
	
}

.panels div {
	clear: both;
	width: 100%;
	height:155px;
	border-bottom: 2px solid #FFF;
	background: #4F802B url(../images/side_panel_bg.png) no-repeat;
	color: #FFF;
	overflow: hidden;
	font-size: 97.5%
}

.panels img {
	float: right;
	margin-left: 10px;
	border-left: 2px solid #FFF
}

.panels h2, .panels p {
	margin: 0;
	padding: 10px 0 0 13px;
	color: #FFF
}
.panels p { padding-top: 0 }
#sidebar a { color: #FFDA3F }

.link {
	padding: 6px 10px 13px;
	background: #D4542B url(../images/side_btn_bg.png) 0 100% no-repeat;
	border-bottom: 2px solid #FFF;
}

.link * { margin: 0; color: #FFF }

/*------ footer ------*/

#footer {
	clear: both;
	position: relative;
	width: 100%;
	padding: 1em 0;
	font-size: 82.5%;
	background: #6C207F;
	color: #FFF
}
#footer a { color: #FFDA3F }

#form {
	clear: both;
}