/************** Default Elements *******************/

* {
	margin: 0;
	padding: 0;
	border: 0;
}

/* hide from IE mac \*/ 
html {
	min-height: 100%;
	margin-bottom: 1px;
}
/* end hiding from IE5 mac */

body {
	background: url(../images/bodyBG.gif) fixed;
	font: 100.01%/120% Arial, Helvetica, sans-serif;
	color: #666;
}

/************** Layout Elements *******************/

#wrapper {
	width: 990px;
	margin: 0 auto;
	font-size: 100%;
	background: #fff url(../images/ContentBG.jpg) repeat-x;
}

#leftcol {
	width: 150px;
	float: left;
	padding-top: 14px;
	margin-left: 7px;
	border: thin #000;
	font-size: 90%;
}
#leftcolPortfolio {
	width: 150px;
	float: left;
	padding-top: 14px;
	margin-left: 7px;
	border: thin #000;
	font-size: 90%;
}
#rightcol {
	float: right;
	margin: 20px 8px;
}

#header {
	min-height: 140px;
	background: url(../images/title.jpg) 0 0 no-repeat;
}
#header h1 {
	width: 740px;
	float: left;
	line-height: 1.2;
	margin: 37px 0px 10px 140px;
	padding-top: 10px;
}
#content {
	margin: 0 210px 0 180px;
	padding-bottom: 20px;
}

#content img {
	border: 1px solid #000;
	margin-left: 15px;
	margin-right: 15px;
}

#footer {
	clear: both;
	font-size: 85%;
	background: url(../images/bodyBG.gif) fixed;
}
#content table img {
	border: none;
	padding: 0;
	margin-left: 0;
}
#content table p {
	font-weight: normal;
	text-align: justify
}
/************** Generic Classes for floating images *******************/

.right {
	float: right;
	margin: 5px 0px 2px 10px;
	border: 1px solid #000;
}

.left {
	float: left;
	margin: 5px 10px 2px 0;
	border: 1px solid #000;
}
/************** Link Styles *******************/

a img {
	border: none;
}

a {
	
}

a:hover {
	
}
#footer a {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:hover {
	color: #960;
}
#skipnav { 
	position: absolute;
	margin-left: -1000px;
	}
#skipnav a:focus, #skipnav a:active {
	margin-left: 1000px;
	overflow: visible;
	display: block;
	width: 10em;
	}
#blah:active {
	}

/*********** Navigation *************/

#header ul#nav {
  margin-top: 10px;
  padding: 5px 8px 0 0;
  list-style-type: none;
  float: right;
  font-size: 90%;
}
  
#header ul {
  margin-top: 10px;
  padding: 5px 8px 0 0;
  list-style-type: none;
  float: right;
  font-size: 90%;
}
  
#header li {
  float: right;		
  background: url("../images/right.gif") no-repeat top right;
  padding: 0 5px 0 0;
  margin-left: 6px;
}
  
#header a {
  float: left;
  display: block;
  background: url("../images/left.gif") no-repeat left top;
  padding: 3px 8px 3px 13px;
  text-decoration: none;
  font-weight: bold;
  color: #fff;
}

#header a:hover, #header a:focus {
  color: #ccc;
}
  
#header #current {
  background-image: url("../images/right_on.gif");
}
  
#header #current a {
  background-image: url("../images/left_on.gif");
  color: #ccc;
  padding-bottom: 4px;
  padding-top: 6px;
}
  
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#header a {
	float: none;
}
/* End IE5-Mac hack */


/*********Show to IE mac *************/
 /*\*//*/
 #header {
	height: 144px;
}

#header ul {
	padding-top: 104px;
}
/**/

#gallery1 {
	width: 190px;
	float: right;
	color: #4e4845;
}

#gallery1 ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#gallery1 h3 {
	text-align: center;
	margin-bottom: 0;
	padding-bottom: 3px;
}

#gallery1 a img {
	border: 2px solid #686C4C;
	display: block;
	margin: 10px auto;
}

#gallery1 a:hover img {
	border: 2px solid #036;
}

#gallery1 img {
	margin: 5px 0;
}

/************** Text Elements *******************/

h1, h2, h3, h4, h5, h6 {
	color: #686C4C;
	margin: 15px 0 0px 0;
	padding: 0 0 0 0;
	font-size: 175%;
	text-align: center;
}
h1 {
	font-size: 175%;
	margin-bottom: 25px;
}
h2 {
	font-size: 150%;
	margin-bottom: 15px;
}

h3 {
	font-size: 140%;
	margin-bottom: 0;
}
h4 {
	font-size: 130%;
	text-align: left;
}

h5 {
	font-size: 120%;
}
p {
	margin: 8px;
	line-height: 1.3;
}
#content span {
	text-decoration: underline;
}
#content ul {
	list-style-type: disc;
	list-style-position: inside;
	margin: 10px 40px;
	line-height: 2;
}
#footer p {
	float: right;
	margin-right: 6px;
	color: #CCC;
	background-attachment: fixed;
	background-image: url(../images/bodyBG.gif);
}

/********** Generic classes **********************/

.right {
	float: right;
	margin: 4px 0 12px 5px;
}

/********* Side Navigation ********************/

#leftcol ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#leftcol li {
	margin-bottom: 1px;
}

#leftcol li a {
	text-decoration: none;
	display: block;
	color: #ffffff;
	background-color: #53473d;
	padding: 2px 3px;
}

#leftcol li a:hover, #leftcol li .here {
	color: #fff;
	background-color: #686C4C;
	}
	
	/********* form ********************/
label {
	color: #000;
}

input, textarea {
	background-color: #ff9602;
	border: 1px solid #000;
	margin-bottom: 4px;
}

.button {
	background-color: #000;
	border: 1px solid #ff9602;
	color: #ff9602;
	padding: 2px 4px;
}

/************ Column control ****************/

.twocol #gallery1 {
	display: none;
}

.twocol #content {
	margin-right: 0;
	margin-left: 170px;
	width: auto;
}
.onecol #content {
	margin-right: 0;
	margin-left: 0;
	width: auto;
}
/* The code below sets up the "persistent page indicator", in other words it is how you "know where you are" on the site by looking at the navigation menu and seeing that the page section you are on is "indicated" by looking the same way it does when you "hover" over the navigation link.  This does NOT include the Home page which uses a text notation below the pageHeading editable block */
body#SingleMultiPage li#single a, body#NewRehabPage li#newRehab a, body#ModernizationPage li#modernization a, body#ConcretePage li#concrete a, body#ExcavationPage li#excavation a, body#PavingStripingPage li#pavingStriping a, body#InfrastructurePage li#infrastructure a, body#LandscapePage li#landscape a, body#TreePage li#tree a, 
body#PowerPage li#power a {
	color: #fff;
	background-color: #686C4C;
}
body#SingleMultiPage li#single a:hover, body#NewRehabPage li#newRehab a:hover, body#ModernizationPage li#modernization a:hover, body#ConcretePage li#concrete a:hover, body#ExcavationPage li#excavation a:hover, body#PavingStripingPage li#pavingStriping a:hover, body#InfrastructurePage li#infrastructure a:hover, body#LandscapePage li#landscape a:hover, body#TreePage li#tree a:hover, body#PowerPage li#power a:hover {
	background-color: #3F532C;
}
#strap {
	height: 137px;
	width: 974px;
	background: url(../images/header.jpg) no-repeat; 
	margin-left: 7px;
	border: 1px solid #000;
}

body#SingleMultiPage #strap, body#NewRehabPage #strap, body#ModernizationPage #strap, body#ConcretePage #strap, body#ExcavationPage #strap, body#PavingStripingPage #strap, body#InfrastructurePage #strap {
	background: url(../images/constructionHeader.jpg) no-repeat;
}

body#LandscapePage #strap, body#TreePage #strap, body#PowerPage #strap {
	background: url(../images/vegetationHeader.jpg) no-repeat;
}