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

body {
    font-size: 0.9em;
    line-height: 1;
    font-family: Verdana, Arial, Sans-Serif;
    color: #000;
    background: #ccc;
}

a, a:visited, a:hover, a:active{ color: #000; cursor: pointer; }
a img { border: 0; }

input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size:12px; }
textarea { overflow:hidden; }

h2 { color: #2D3163; font-size: 1.4em; font-weight: bold; line-height: 1.5em; margin: 14px 0; text-transform: uppercase; }
h3.notext { height: 39px; margin-bottom: 5px; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; background: no-repeat 0 0; }

.align-right { text-align: right; }

#page { width: 848px; margin: 0 auto; background: url(images/sidebar-2.gif) repeat-y 0 0; height: 100%; position: relative; }

#logo { position: absolute; top: 0; left: 0;  width: 172px; font-size: 0; line-height: 0; }
#logo a { display: block; height: 167px; background: url(images/logo-home.png) no-repeat 0 0; text-indent: -4000px; }

#sidebar { float: left; display: inline; width: 144px; padding: 168px 0 66px; text-transform: uppercase; line-height: 1.5em; }
#sidebar ul { font-size: 0.9em; margin-left: 4px; list-style-type: none; font-family: "Lucida Grande", Tahoma, Verdana, Arial, Sans-Serif; }
#sidebar ul ul { margin-left: 0; }
#sidebar ul ul li { padding-left: 2px; line-height: 1.5em; background: none; text-transform: none; }
#sidebar li { background: url(images/li-arrow.gif) no-repeat 0 3px; padding-left: 10px; }
#sidebar a { color: #fff; text-decoration: none; }

#main { float: right; display: inline; width: 704px; background: url(images/header-content.gif) no-repeat 0 0; }

#copy { border-bottom: 2px solid #2D3163; padding: 80px 0 0 30px; }
#copy p { font-size: 0.9em; line-height: 1.4em; }
#copy p.big { font-size: 14px; font-weight: bold; }

#footer { font-size: 0; line-height: 0; text-indent: -4000px; position: relative; z-index: 100; height: 92px; background: url(images/footer.png); margin-top: -56px; }

.project { float: left; display: inline; width: 426px; }
.project .photo { float: right; display: inline; width: 207px; }
.project .photo img { display: block; }
.project .details { float: left; display: inline; width: 210px; }
.project dl { font-size: 0.8em; line-height: 1.4em; margin: 0 0 0 6px; padding-left: 14px; }
.project dl dt { font-weight: bold; margin-bottom: 8px; }
.project dl a { text-decoration: none; }

.calendarwidget { float: right; display: inline; width: 268px; background: url(images/calendar-bg.gif) no-repeat right 0; font-size: 0.9em; line-height: 1.1em; }
.calendarwidget .intro { padding: 0 160px 20px 0; }
.calendarwidget li { font-weight: bold; padding-top: 4px; }
.calendarwidget li a { text-decoration: none; }

h3.txt-project-profile { background: url(images/txt-project-profile.gif) no-repeat 0 0; }
h3.txt-events-calendar { background: url(images/txt-events-calendar.gif) no-repeat 0 0; }

body.home #main { background-image: url(images/home-header.gif); padding-top: 184px; }
body.home #copy { background: url(images/home-copy.jpg) no-repeat right bottom; border-bottom: 0; height: 256px; padding: 64px 260px 0 30px; }
body.home #copy p.big { padding-left: 40px; }

body.about #copy { background: url(/img/done-right.jpg) no-repeat right bottom; padding-top: 88px; padding-right: 360px; height: 210px; }
body.about #bottom { padding-bottom: 100px; }

body.awards #copy { background: url(/img/done-right.jpg) no-repeat right bottom; padding-top: 88px; padding-right: 360px; height: 210px; }
body.awards #bottom { padding-bottom: 100px; }

body.equipment-rentals #copy { background: url(/img/EquipmentRental_home.jpg) no-repeat right bottom; padding-top: 88px; padding-right: 360px; height: 210px; }
body.equipment-rentals #bottom { padding-bottom: 100px; }

body.ready-mix-concrete #copy { background: url(/img/ReadyMix_home.jpg) no-repeat right bottom; padding-top: 88px; padding-right: 360px; height: 210px; }
body.ready-mix-concrete #bottom { padding-bottom: 100px; }

body.asphalt-paving #copy { background: url(/img/Paving_home.jpg) no-repeat right bottom; padding-top: 88px; padding-right: 360px; height: 210px; }
body.asphalt-paving #bottom { padding-bottom: 100px; }

body.construction #copy { background: url(/img/Construction_home.jpg) no-repeat right bottom; padding-top: 88px; padding-right: 360px; height: 210px; }
body.construction #bottom { padding-bottom: 100px; }

body.wind-energy #copy { background: url(/img/windmill-home.jpg) no-repeat right bottom; padding-top: 88px; padding-right: 360px; height: 210px; }
body.wind-energy #bottom { padding-bottom: 100px; }

body.default #copy { border-bottom: 0; }
body.default #copy p { font-size: 0.9em; line-height: 1.4em; padding: 0 18px 0 0; margin-bottom: 18px; }
body.default #copy ul { font-size: 0.9em; line-height: 1.4em; margin-bottom: 18px; }


/* Old Styles */
#copy div.crumbs{
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

#copy div.crumbs ul{
  float: left;
}

#copy div.crumbs li{
  display: inline;
  list-style-type: none;
  font-size: .8em;
}

#copy div.crumbs li span{
  font-size: .8em;
}

#copy div.crumbs li a{
  text-transform: uppercase;
  text-decoration: none;
}

#copy.default h1{
  font-size: 1.4em;
  margin: 8px 0px 6px 0px;
  color: #2D3163;
  text-transform: uppercase;
  font-weight: bold;
}

#copy.default h2{
  font-size: 1.3em;
  margin: 8px 0px 6px 0px;
  font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
  color: #2D3163;
  font-weight: normal;
}

#copy.default h3{
  font-size: 1.2em;
  margin: 8px 0px 6px 0px;
  font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
  color: #000;
  text-transform: uppercase;
  font-weight: bold;
}

#copy div.rightphoto{
  float: right;
  width: 260px;
  padding: 0px 10px 20px 10px;
  margin-bottom: 10px;
}

#copy div.rightphoto img{
  margin-bottom: 10px;
  display: block;
  clear: right;
  border: 1px solid #000;
}

#copy.default {
  border: 0;
}

#copy div.project h2{
  font-size: 1.4em;
  margin: 0px 0px 6px 0px;
  color:#2D3163;
  text-transform: uppercase;
  font-weight: bold;
  padding: 20px 0px 10px 0px;
  border-top: 2px solid #2D3163;
}

#copy div.project h2.first{
  font-size: 1.4em;
  margin: 0px 0px 6px 0px;
  text-transform: uppercase;
  font-weight: bold;
  padding: 20px 0px 10px 0px;
  border-top: 0px;
  color:#2D3163;
}

#copy div.project h3{
  font-size: 1.0em;
  margin: 8px 0px 6px 0px;
  padding-top: 6px;
  color: #000;
  text-transform: uppercase;
  font-weight: bold;
}

#copy div.project dl{
	margin: 8px 0px 8px 0px;
	font-size: 1.0em;
	line-height: 1.4em;
}

#copy div.project dt{
	margin-bottom: 8px;	
	font-size: 1.0em;
  text-transform: uppercase;
  font-weight: bold;
}

#copy div.project dd{
  font-size: 0.8em;
}

#copy div.project div.gallery img{
  border: 1px solid #000;
}

#copy div.project{
  width: 96%;
  float: left;
  margin: 0px 0px 0px 0px;
  padding-top: 0;
}

#copy div.project div.gallery{
  float: right;
  width: 217px;
  padding: 0px 0px 10px 10px;
}

/* Forms */
form fieldset legend{
	display: none;
}

form div{
	width: 100%;
	float: left;
	margin: 4px 0px 2px 0px;
}

form div label{
	font-weight: bold;
	display: block;
	width: 120px;
	font-size: 12px;
	float: left;
	padding: 8px 10px;
	text-align: right;
}

form input, form select{
	float: left;
	width: 220px;
}

form div.notrequired{
	display: none;
}

form div.submit{
	float: left;
	clear: left;
	margin-top: 8px;
	padding-left: 130px;
}

form div.submit input{
	width: 60px;
	text-align: center;
}

#printheader{ display: none;}