@charset "UTF-8";
/* CSS Document */

body {
background-color: #00205d;

padding: 0;
margin: 0;
font-family: "Helvetica Narrow", Helvetica, Arial,  sans-serif;
}
div, img, li, ul, a {
padding: 0;
margin: 0;
border: none;
}
.clear {
clear: both;
}
a {
text-decoration: none;
}


#header {
width: 780px;
margin: 0 auto;
background-image: url(../images/header.jpg);
height: 112px;
position: relative;
}
#logo {
width: 340px;
height: 87px;
position: absolute;
z-index: 99;
top: -100px !important;
left: 0px;
}

ul #secondary_nav {
width: 287px;
height: 90px;
position: relative;
right: 11px;
top: 0px;
z-index: 99;
}
#secondary_nav li, #secondary_nav a {
list-style: none;
position: absolute;
display: block;
height: 29px;
text-align: left;
}

#contact_us {
right: 0;
top: 0;
width: 287px;
height: 29px;
overflow: hidden;
background: transparent url(../images/header.jpg) 299px 0 no-repeat;
}

#contact_us a:hover, .sel_contact_us {
background: transparent url(../images/header.jpg) -493px -147px no-repeat !important;
}

#project_gallery {
right: 0;
top: 30px;
width: 287px;
height: 29px;
overflow: hidden;
background: transparent url(../images/header.jpg) 299px -30px no-repeat;
}

#project_gallery a:hover, .sel_project_gallery {
background: transparent url(../images/header.jpg) -493px -177px no-repeat !important;
}

#weather_watch {
right: 0;
top: 60px;
width: 287px;
height: 29px;
overflow: hidden;
background: transparent url(../images/header.jpg) 299px -60 no-repeat;
}

#weather_watch a:hover, .sel_weather_watch {
background: transparent url(../images/header.jpg) -493px -207px no-repeat !important;
}



#header_left_color {
background-color: #00194c;
height: 147px;
width: 45%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}

/* nav styles in separate style sheet */

#bar_top {
background-image: url(../images/bar_bg_top.gif);
background-repeat: repeat-x;
line-height: 0;
font-size: 0;
height: 11px;
width: 100%;
clear: both;
}
#container {
background-color: #d7d7d7;
width: 100%;
height: 311px;
position: relative;
}
#content { /* site not standard center all, some parts go to edge */
text-align: left;
position: relative;
width: 780px;
background-color: #d7d7d7;
height: 311px;
margin: 0 auto;
}
h1 {
font-family: "Helvetica Narrow", Helvetica, Arial,  sans-serif;
font-size: 18px;
margin: 0;
padding: 0;
color: #003b8a;
font-style:italic;

}
h2 {
font-family: "Helvetica Narrow", Helvetica, Arial,  sans-serif;
font-size: 13px;
margin: 0;
padding: 0;
color: #003b8a;
text-transform: uppercase;
}
#content_text {
width: 391px;
height: 261px;
overflow: auto;
font-size: 12px;
color: black;
float: left;
margin: 25px 0 0 20px;
padding-right: 25px;
}
#content_img {
position: relative;
float: left;
margin: 15px 0 0 30px;
padding:  11px 0 0 15px;
width: 277px;
height: 274px;
background-image: url(../images/img_shadow.jpg);
background-repeat: no-repeat;
}

#bar_bottom {
background-image: url(../images/bar_bg.gif);
background-repeat: repeat-x;
line-height: 0;
font-size: 0;
height: 8px;
width: 100%;
clear: both;
}
#footer {
height: 86px;
width: 780px;
margin: 0 auto;
position: relative;
text-align: center;
color: #4d678d;
font-size: 11px;
line-height: 23px;
}

#project_ticker {
width: 780px;
height: 37px;
background-image: url(../images/project_ticker.jpg);
background-repeat: no-repeat;
text-align: left;
}
#ticker_text {
color: white;
font-weight: bold;
font-size: 12px;
padding: 11px 0 0 175px;
line-height: normal;
}
#ticker_text a {
color: #0049AA;
}

ul#offices {
width: 690px;
margin-left: 62px;
height: 40px;
background-image: url(../images/offices.jpg);
background-repeat: no-repeat;
padding-top:10px;
text-align: center;
}
ul#offices li {
float: left;
list-style: none;
color: #4d678d;
font-size: 13px;
text-transform: uppercase;
text-align: left;
position: relative;
}
ul#offices li a:hover {
overflow: visible;
}
ul#offices li a {
overflow: hidden;
height: 28px;
display: block;
position: relative;
color: #4d678d;
}
.office_info {
position: absolute;
bottom: 29px;
right: 0px;
width: 213px;
color: #000;
overflow: hidden;
display: block;
background: transparent;
text-align: left;
font-size: 11px;
font-weight: normal;
padding-bottom: 20px;
line-height: normal;
z-index: 1099;
}
.office_info_text {
padding: 0 20px;
width: 173px;
display: block;
}
.office_info_top {
	position: relative;
	width: 213px;
	height: 22px;
	display: block;
}
.office_info_bottom {
	position: relative;
	width: 213px;
	height: 29px;
	display: block;
}

.office_text {
color: #4d678d;
padding-top: 0px;
float: left;
font-size: 12px;
}

#abq_office {
padding-left: 6px;
width: 203px;
}
#cs_office {
padding-left: 21px;
width: 233px;
}
#denver_office {
padding-left: 5px;
width: 168px;
}
.empty {
padding: 20px;
}
#project_buttons_container {
width: 655px;
height: 49px;
margin: 0 auto;
position: relative;
}
#project_buttons {
width: 655px;
height: 49px;
position: absolute;
top: -3px;
background-image: url(../images/project_bg.jpg);
background-repeat: no-repeat;
}
.hov a:hover {
background-position: left bottom;
}
ul#project_gall_second_nav {
list-style-type: none;
padding: 8px 8px 0 0;
}
ul#project_gall_second_nav li {
float: right;
display: block;
}
#project_but_all a {
display: block;
width: 116px;
height: 28px;
text-indent: -300px;
background: transparent url(../images/proj_view_all.jpg) no-repeat left top;
overflow: hidden;
}
#project_but_all a:hover, .sel_all {
background: transparent url(../images/proj_view_all.jpg) no-repeat left bottom !important;
}
#project_but_elec a {
display: block;
width: 90px;
height: 28px;
text-indent: -300px;
background: transparent url(../images/proj_electrical.jpg) no-repeat left top;
overflow: hidden;
}
#project_but_elec a:hover, .sel_elec {
background: transparent url(../images/proj_electrical.jpg) no-repeat left bottom !important;
}
#project_but_rt a {
display: block;
width: 105px;
height: 28px;
text-indent: -300px;
background: transparent url(../images/proj_road_traffic.jpg) no-repeat left top;
overflow: hidden;
}
#project_but_rt a:hover, .sel_rt {
background: transparent url(../images/proj_road_traffic.jpg) no-repeat left bottom !important;
}
#project_but_inst a {
display: block;
width: 172px;
height: 28px;
text-indent: -300px;
background: transparent url(../images/proj_inst.jpg) no-repeat left top;
overflow: hidden;
}
#project_but_inst a:hover, .sel_inst {
background: transparent url(../images/proj_inst.jpg) no-repeat left bottom !important;
}
.contact_address {
float: left;
width: 230px;
padding: 15px 0 10px 20px;
}
#content_text ul {
list-style-type: none;
}
#content_text ul li {
font-size: 12px;
padding-left: 18px;
display:block;
background-image:url(../images/arrow_bullet.gif);
background-repeat: no-repeat;
background-position: top left;
padding-bottom: 3px;
}
#content_text a {
text-decoration: underline !important;
}
h3 a {
color: #003B8A;
text-decoration: underline;
}