/* CSS Document */

/* anchor format */
.class1, .class3 {
  padding-right: 5px;
}
.class1 a:link {text-decoration: none; color: #FFFFFF; font-family: Verdana, Helvetica, sans-serif;
	font-size: 70%;}
.class1 a:visited {text-decoration: none; color: #FFFFFF; font-family: Verdana, Helvetica, sans-serif;
	font-size: 70%; }
.class1 a:active {text-decoration: none; color: #000000; font-family: Verdana, Helvetica, sans-serif;
	font-size: 70%; }
.class1 a:hover {text-decoration: none; color: #000000; font-family: Verdana, Helvetica, sans-serif;
	font-size: 70%; }

.class2 a {
  font-size: 100%;
}	
.class2 a:link {text-decoration: none; color: #D4612A; font-family: Verdana, Helvetica, sans-serif;}
.class2 a:visited {text-decoration: none; color: #D4612A; font-family: Verdana, Helvetica, sans-serif; }
.class2 a:active {text-decoration: none; color: #000000; font-family: Verdana, Helvetica, sans-serif;}
.class2 a:hover {text-decoration: none; color: #000000; font-family: Verdana, Helvetica, sans-serif;}
	
.class3 a:link {text-decoration: none; color: #FFFFFF; font-family: Verdana, Helvetica, sans-serif;
	font-size: 70%;}
.class3 a:visited {text-decoration: none; color: #FFFFFF; font-family: Verdana, Helvetica, sans-serif;
	font-size: 70%; }
.class3 a:active {text-decoration: none; color: #D4612A; font-family: Verdana, Helvetica, sans-serif;
	font-size: 70%; }
.class3 a:hover {text-decoration: none; color: #D4612A; font-family: Verdana, Helvetica, sans-serif;
	font-size: 70%; }	
	
a:link {text-decoration: none; color: #D4612A; font-family: Verdana, Helvetica, sans-serif;}
a:visited {text-decoration: none; color: #D4612A; font-family: Verdana, Helvetica, sans-serif;}
a:active {text-decoration: none; color: #31783C; font-family: Verdana, Helvetica, sans-serif;}
a:hover {text-decoration: none; color: #31783C; font-family: Verdana, Helvetica, sans-serif;}	

/* font format */

h1 {font-family: Verdana, Helvetica, sans-serif;
	font-size: 120%; 
	color: #D4612A;
	/*margin-left: 60px; */
	margin-top: 20px; 
	text-align: left;}
	
h2 {font-family: Verdana, Helvetica, sans-serif;
	font-size: 90%; 
	color: #FFFFFF;
	margin-left: 10px;}

h3 {font-family: Verdana, Helvetica, sans-serif;
	font-size: 120%; 
	color: #FFFFFF;
	margin-left: 475px;
	margin-right: 35px;
	margin-top: 175px;
	text-align: left;
	}
		
p {font-family: Verdana, Helvetica, sans-serif;
	/* font-size: 70%;  */
	color: #666666;
	/* text-align: left;
	 margin-left: 60px;
	margin-right: 330px; */}	

.projects {font-family: Verdana, Helvetica, sans-serif;
	font-size: 70%; 
	color: #FFFFFF;
	text-align: left;
	margin-top: 15px;
	margin-left: 5px;
	margin-right: 5px;
}	

#hpp {font-family: Verdana, Helvetica, sans-serif;
	position: absolute;
	top: 190px;
	left: 475px; 
	width: 248px;
	z-index: 99999;
}	
#hpp h1 {
  color: #fff;
  font-size: 150%;
}	
#hpp p {
  color: #fff;
  font-size: 70%;
}	
		
.copy {font-family: Verdana, Helvetica, sans-serif;
	color: #D4612A;
	font-size: 90%; 
	font-weight: bold;
	line-height: 30px;}
	
.copyhp {font-family: Verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 90%; 
	font-weight: bold;
	line-height: 30px;}	
	
.hpipe {font-family: Verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 70%; }

.hthere {font-family: Verdana, Helvetica, sans-serif;
	color: #000000;
	font-size: 70%; }	
	
.spipe {font-family: Verdana, Helvetica, sans-serif;
	color: #D4612A;
	font-size: 80%;}	

.sthere {font-family: Verdana, Helvetica, sans-serif;
	color: #000000;
	font-size: 80%;}	

/* backgrounds */

body {
	background-color: #666666;
	margin-top: 0px;
	font-family: Verdana, Helvetica, sans-serif;
}
#home {
  text-align: center;
}
#containerHome {
  position: relative;
  margin: 0 auto;
  text-align: left;
  width: 764px;
}
header {
background-image: url("images/header1.jpg"); 
background-repeat: no-repeat;
}

/* lists */

ol {line-height: 18px;}
ul {list-style-type: disc;
    line-height: 18px;
	font-family: Verdana, Helvetica, sans-serif;
	color: #666666;
	font-size: 11px;
	text-align: left;}
	
/* Containers */	
#arrowholder {
float: right;
margin-right: 130px;
margin-top: 10px;
width: 43px;
height: 22px;
}

#arrows { 
width: 43px;
height: 22px;
}

/*********** ADDITIONS ***********/
#projects #content {
  margin: 0;
}
#contact #content {
  margin-left: 60px;
  margin-right: 0;
}
#contact #contactContent {
  margin-right: 330px;
}
#projects h1 {
  margin-left: 60px;
}
#content {
  margin-left: 60px;
  margin-right: 330px;
}
#contentFooter p {
  margin-left: 60px;
}
#subNav {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: right;
}
#subNav li {
  display: inline;
  padding: 0 3px;
}
#subNav .current {
  color: #000000;
  text-decoration: none;
}
#overview #pgOverview, #contact #pgContact, #employment #pgEmployment, #references #pgReferences, #projects #pgProjects, #expertise #pgExpertise {
 /* font: 70% Verdana, Helvetica, sans-serif;*/
  color: #000000;
  text-decoration: none;
}
#overview #tblContent {background: #fff url(images/overview.jpg) no-repeat;}
#references #tblContent {background: #fff url(images/references.jpg) no-repeat;}
#employment #tblContent {background: #fff url(images/employment.jpg) no-repeat;}
#contact #tblContent {background: #fff url(images/expertise.jpg) no-repeat;}
.airport #tblContent {background: #fff url(images/airport.jpg) no-repeat;}
.commercial #tblContent {background: #fff url(images/commercial.jpg) no-repeat;}
.equipment-repair #tblContent {background: #fff url(images/repair.jpg) no-repeat;}
.excavation #tblContent {background: #fff url(images/excavation.jpg) no-repeat;}
.industrial #tblContent {background: #fff url(images/industrial.jpg) no-repeat;}
.traffic-signal #tblContent {background: #fff url(images/traffic.jpg) no-repeat;}
.utilities #tblContent {background: #fff url(images/utilities.jpg) no-repeat;}

#tblContent {background: #fff; font-size: 70%; color: #666666;}