body {
	background: url("img/bg.gif") repeat-x top left;
	/*font: normal 12px Arial;*/
	font: normal 11px Arial;
	color: #000066;
}

.both {
	clear: both;
}

a {
	/*color: #000;*/
	color: #000066;
}

a.subnav {
	/*color: #006699; how it was written, but not the way it looked on the paper*/
	color: #000066;
	font: normal 12px Arial;
	text-decoration: none;
}

a.subnav:hover {
	/*color: #006699; how it was written, but not the way it looked on the paper*/
	color: #000066;
	font: bold 12px Arial;
}

h2 {
	/*font: bold 20px Arial;*/
	font-family: Arial;
	font-size: 18px;
	color: #CC9933;
	
	margin-bottom: 15px;
}

h3 {
/*officer names*/
	
}

h4 {
	color: #006699;
	font: bold 14px Arial;
}

/*h2.featured_projects {
	background: url("img/featured_projects.gif") no-repeat top left;
	width: 141px;
	height: 22px;
}*/

span.right_column_header {
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	color: #336699; /*#006699;*/
	padding-left: 7px;
}

span.main_column_header {
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	color: #336699;
	margin-bottom: 12px;
    display: block;
}

div.right_column_top {
	border-bottom: 1px dotted #000000;
	margin-left: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
}

span.right_column_top_name {
	color: #000066;
	font: bold 12px Arial;
}

span.right_column_top_title {
	font: italic 11px Arial;
	line-height: 20px;
	color: #000066;
}

a.read_full_bio {
	margin-left: 40px;
	font-family: Arial;
	font-size: 11px;
	color: #006699;
	font-weight: bold;
	text-decoration: none;
}

a.read_full_bio:hover {
	margin-left: 40px;
	font-family: Arial;
	font-size: 11px;
	color: #000099;
	font-weight: bold;
	text-decoration: underline;
		
}

.gallery_not_current {
/*	original way according to design
	text-decoration: none; */
	text-decoration: underline;
	
}

.gallery_not_current:hover {
/*	original way according to design
	text-decoration: none; */
	text-decoration: underline;
	font-weight: bold;
}

.gallery_current {
	text-decoration: underline;
	font-weight: bold;
}

/***************************************
 * LAYOUT
 ***************************************/
.container {
	width: 800px;
	margin: 0 auto;
	padding: 0 4px;
	overflow: hidden;
	background: url("img/container_bg.png") repeat-y top center;
}

#dark_bg {
	background: url("img/container_bg_dark.png") repeat-y top center;
}

/***************************************
 * HEADER
 ***************************************/
#header {
	padding-top: 9px;
	padding-bottom: 4px;
	background: #fff url("img/header_bg.gif") repeat-x top left;
	overflow: hidden;
	width: 800px;
	height: 138px;
}

#logo {
	margin: 0 auto;
	width: 258px;
	height: 90px;
	background: url("img/logo.gif") no-repeat top left;
}

#logo h1 {
	float: left;
	width: 258px;
	height: 90px;
}

#logo h1 a {
	float: left;
	width: 258px;
	height: 90px;
	text-indent: -9999px;
}

/***************************************
 * NAVIGATION
 ***************************************/
#nav {
	/*width: 770px; took this out because we don't have a services nav link anymore*/
	width: 701px;
	height: 29px;
	background: url("img/nav_bg.gif") no-repeat top left;
	margin: 0 auto;
	margin-top: 19px;
	padding: 0;
}

#nav li,
#nav li a {
	float: left;
	display: block;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	height: 29px;
}

/*
#nav li a {
	padding: 7px 7px;
}
#nav li a:hover,
#nav li a.active {
	background: url("img/nav_hover.gif") no-repeat top left;
	color: #a16f1f;
}
*/
#nav li a {
	text-indent: -9999px;
}

#nav li a#overview {
	width: 108px;
	background: url("img/nav/overview.gif") no-repeat top center;
}

#nav li a#services {
	width: 69px;
	background: url("img/nav/services.gif") no-repeat top center;
}

#nav li a#engineers {
	width: 98px;
	background: url("img/nav/engineers.gif") no-repeat top center;
}

#nav li a#projects {
	width: 111px;
	background: url("img/nav/projects.gif") no-repeat top center;
}

#nav li a#gallery {
	width: 61px;
	background: url("img/nav/gallery.gif") no-repeat top center;
}

#nav li a#methodology {
	width: 122px;
	background: url("img/nav/methodology.gif") no-repeat top center;
}

#nav li a#careers {
	width: 123px;
	background: url("img/nav/careers.gif") no-repeat top center;
}

#nav li a#contact {
	width: 78px;
	background: url("img/nav/contact.gif") no-repeat top center;
}

#nav li a#overview:hover, 
#nav li#active a#overview {
	background: url("img/nav/overview_over.gif") no-repeat top center;
}

#nav li a#services:hover, 
#nav li#active a#services {
	background: url("img/nav/services_over.gif") no-repeat top center;
}

#nav li a#engineers:hover, 
#nav li#active a#engineers {
	background: url("img/nav/engineers_over.gif") no-repeat top center;
}

#nav li a#projects:hover, 
#nav li#active a#projects {
	background: url("img/nav/projects_over.gif") no-repeat top center;
}

#nav li a#gallery:hover, 
#nav li#active a#gallery {
	background: url("img/nav/gallery_over.gif") no-repeat top center;
}

#nav li a#methodology:hover, 
#nav li#active a#methodology {
	background: url("img/nav/methodology_over.gif") no-repeat top center;
}

#nav li a#careers:hover, 
#nav li#active a#careers {
	background: url("img/nav/careers_over.gif") no-repeat top center;
}

#nav li a#contact:hover, 
#nav li#active a#contact {
	background: url("img/nav/contact_over.gif") no-repeat top center;
}

/***************************************
 * CONTENT 
 ***************************************/
#content {
	width: 758px;
	padding: 21px 21px 43px 21px;
	overflow: hidden;
}

#content p {
	margin-bottom: 10px;
}

#locations {
	float: right;
	background: url("img/separator.gif") repeat-y top left;
	margin-left: 23px;
	width: /*306px;*/
	overflow: hidden;
	padding-bottom: 16px;
}

#locations address {
	font-style: normal;
	float: left;
	margin-left: 16px !important;
	margin-left: 10px;
	margin-top: 16px;
	width: 137px;
}

/***************************************
 * SUBPAGE
 ***************************************/
body#subpage #content {
	background: url("img/separator.gif") repeat-y top right;
	margin: 20px 0;
	padding-top: 0;
	padding-right: 11px;
}

 
body#subpage #locations {
	width: 170px;/*160px;*/
	background-image: none;
	margin-top: 40px;
	
}

#inside_column {
	width: 560px;
	overflow: hidden;
}

	
#photos {
	float: left;
	width: 301px;
	margin-right: 16px;
	margin-bottom: 43px;
}

#description {
	float: left;
	width: 242px;
	overflow: hidden;
}

.left_image {
	float: left;
	clear: none;
	width: 300; /* added to use 3 Attachments for featured projects. should be 306 to
	 allow for 3px padding/margin around each picture. */
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	line-height; 0%; /*not having any effect on spacing between rows of images on featured projects pages*/
}

.left_image img {
	/*padding: 2px 2px 2px 2px;*/ /* didn't work3px 3px 3px 3px;*/
	/*padding: 0px 6px 6px 0px;*/
	padding: 0px 5px 6px 0px;
}

.right_text {
	float: left;
	width: 243px; /*needed to allow for 6px padding on images 249px;*/ /* was 300. need to make sure everything still works */
	clear: none;
	margin-left: 10px;
}

.left_image_thumb {
	float: left;
	clear: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.right_text_summary {
	float: left;
	width: 470px;
	clear: none;
	margin-left: 10px;
	/*text-align: bottom; doesn't work */
	/*vertical-align: bottom; doesn't work */
	/*vertical-align: text-bottom; doesn't work */
}

.featured_proj_landing_img {
	float: left;
	width: 300px;
	margin: 20px 20px 20px 30px;

}

.featured_proj_landing_text {
	float: left;
	width: 210px;
	margin-top: 15px;
	line-height: 200%;
}

.featured_proj_landing_text a {
	text-decoration: underline;
}

.featured_proj_landing_text a:hover {
	text-decoration: underline;
	font-weight: bold;
}

.featured_proj_landing_text_paragraph {
	line-height: 120%;
}

ul.gold_square {
	list-style-image: url("img/gold_bullet.gif");
	list-style-position: outside;
	margin-left: 70px;
}

ul.gold_square li {
	color: #000066;
	font: bold 12px Arial;
}



.sitemap ul { list-style: disc inside; margin-left: 20px;}
.sitemap ul ul { list-style-type: circle; /*margin-left: 20px;*/}
.sitemap ul ul ul { list-style-type: square; }
.sitemap li { /*padding: 0 20px;*/}

/***************************************
 * FOOTER
 ***************************************/
#footerfix {
	width: 800px;
	height: 6px;
	background: url("img/footer.png") no-repeat top center;
	line-height: 5px;
	font-size: 5px;
	margin: 0 auto;
}

 
#footer {
	width: 800px;
	margin: 0 auto;
	margin-top: 10px;
	text-align: center;
	color: #fff;
}

#footer a {
	color: #fff;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#footer ul {
	margin-left: 40px;
}

#footer li,
#footer li a {
	float: left;
	display: block;
	text-decoration: none;
	color: #fff;
}

#footer li a {
	border-right: 1px solid #fff;
	padding: 0 5px 0 6px;
}

#footer #sds {
	font-size: 90%;
	margin-top: 15px;
}

.noborder, #footer li a.noborder {
	border: 0;
}


.paging ul { margin: 0; padding: 0; list-style: none; }
.paging li { margin: 0; padding: 0; display: inline; }
.paging .disabled { display: inline; }

/*
.actions ul { margin: 0; padding: 0; list-style: none; }
.actions li { margin: 0; padding: 0; display: inline; }
.actions .disabled { display: inline; }*/

/***************************************
 * SITEMAP
 ***************************************/
.sitemap ul { list-style: disc inside; margin-left: 20px;}
.sitemap ul ul { list-style-type: circle; /*margin-left: 20px;*/}
.sitemap ul ul ul { list-style-type: square; }
.sitemap li { /*padding: 0 20px;*/}

/***************************************
 * GALLERY
 ***************************************/
.gallery_outer {
	padding-left: 20px;
	padding-top: 5px;
}

.gallery_left {
	float: left;
	width: 300;
	margin-top: 20px;
}

.gallery_left img {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.gallery_image {
	padding: 0 0 0 0;
	margin: 0 0 -3px 0; /* -3px is to get rid of 3px spacing between image and label */
	border: 0px;
}

.gallery_image img {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border: 0px;
}

.gallery_right {
	float: left;
	width: 220px;
	margin-top: 20px;
	margin-left: 20px;
}

.building_list {
	line-height: 140%;
}

.gallery_label {
	background: url("img/gallery_label_background.jpg") no-repeat top center;
	height: 21px;
	width: 300px; /*290px;*/
	font: normal 11px Arial;
	color: #FFFFFF;	
	text-decoration: none;
	/*line-height: 0%;*/
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 0px;
}

.gallery_left img {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 0px;
}

.gallery_label_text_left {
	padding-left: 15px;
	padding-right: 0px; /*10px;*/
	float: left;
	/*height: 21px;*/
	padding-top: 3px;
}

.gallery_label_text_right {
	padding-left: 0px; /*15px;*/
	padding-right: 12px; /*15px; trying to fix too many links on one line problem */
	text-align: right;	
	float: right;
	/*height: 21px;*/
	padding-top: 0px;
	height: 21px;
}

.gallery_label_text_right a {
	background: url("img/gallery_label_not_current_number.jpg") no-repeat top center;
	color: #FFFFFF;
	text-decoration: none;
	width: 16px;
/*	margin-left: 5px;
	margin-right: 5px;*/
	padding-left: 1px; /*3px; trying to fix too many links on one line problem*/
	padding-right: 2px; /*3px; trying to fix too many links on one line problem*/
	padding-top: 3px; /*don't know this is needed */
	/*height: 21px;*/
	display: block;
	float: left;
	height: 21px;
	text-align: center;

}

.gallery_label_text_right a.active{
	background: url("img/gallery_label_current_number.jpg") no-repeat top center;
	color: #A17021;
	text-decoration: none;
	width: 16px;
/*	margin-left: 5px;
	margin-right: 5px;*/
	padding-left: 1px; /*3px; trying to fix too many links on one line problem */
	padding-right: 2px; /*3px; trying to fix too many links on one line problem*/
	padding-top: 3px; /*don't know this is needed */
	/*height: 21px;*/
	display: block;
	float: left;
	height: 21px;
	/*padding-bottom: 3px;*/
	text-align: center;

}