/* CSS Document */

html, body
{
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color: #999;
}

h2 {
	color: #221e1f;
	font-size: 13px;
	font-weight: normal;
}

p
{
	padding: 5px 0px 10px 0px;
	margin: 0px;
}

img.logo
{
	margin-left: 77px;
	margin-bottom: 15px;
}

img.homelink
{
	margin-top: 100px; 
}

img.bio
{
	background-color: #000000;
	float: left;
	margin: 9px 10px 0px 0px;	
}


/* they're smaller and right aligned */
div.staff-photo {
	text-align: right;
	float: left;
	margin: 9px 0 0px 0px;
	width: 171px;
}

a img {
	border: none;
}

p.bio {
	margin-left: 185px;
}

div.photo {
	float: left;
	width: 170px;
}

div.bio {
	float: right;
	width: 310px;
}

img.project
{
	float: left;
	margin: 5px 10px 5px 0px;
}

table
{
	font: 11px/13px Arial;
	color: black;
}

a
{
	font: 12px/16px Arial;
	color: black;
}
a:hover
{
	color: #395073;
}

/*------------------------- Page Areas ----------------------------------------*/

#wrapper
{
	width: 779px;
	margin: 0 auto;
	background-image: url('../images/bg_navbar.gif');
	background-repeat: repeat-y;
}

#left
{
	float: left;
	width: 189px;
	padding-top: 25px;
	text-align: center;
}

#menu_content
{

}

#right
{
	margin-left: 189px;
	width: 590px;
	text-align: left;
	padding-bottom: 5px;
}



#footer
{
	clear: both;
	background-color: transparent;
	font: 10px Arial;
	color: black;
	padding: 5px 0px;
	text-align: center;
}
/* Hides from IE5-mac \*/
* html #left {margin: 0px -3px 0px 0px;}
* html #right {margin: 0px 0px 0px 186px;}
/* End hide from IE5-mac */

#content
{
	padding: 0px 55px 15px 55px;
	font: 12px/16px Arial;
	color: black;
	text-align: left;	
}

#content-contacts
{
	padding: 0px 35px 15px 35px;
	font: 12px/16px Arial;
	color: black;
	text-align: left;	
}


#contact-info {
	margin-top: 15px;
}


/*------------------------- Navigation  ----------------------------------------*/

.header-image {
  text-align: left;
}

.header-image img{
  display: block;
}

#navigation_bar
{
	background: transparent url(../images/bg_navbar_gray.gif) 0 0 repeat-x;
	height: 20px;
	line-height: 20px;
	text-align: left;
}

#navbar_home
{
	background-image: url('../images/bg_navhome.gif');
	background-repeat: repeat-x;
	height: 20px;
	line-height: 20px;
	text-align: left;
	padding-left: 189px;

}

.subnav
{
	width: 100%;
	text-align: center;
	margin-top: 3px;
}

.subnav ul
{
	margin: 0px;
	padding: 0px;
}

.subnav li
{
	display: inline;
	list-item-style: none;
	padding: 0px 10px 0px 0px;
}

.subnav a, .subnav a:visited, .subnav a:active
{
	font: bold 10px verdana;
	letter-spacing: -1px;
	text-decoration: none;
	color: #333;
}

.subnav a:hover,  div.subnav a.selected
{
	color: #395073;
}

/*------------------------- Home page ----------------------------------------*/
#wrapper_home
{
	width: 780px;
	margin: 0px auto;
	text-align: left;
	background-color: #395073;
}

#home_content
{
	padding-top: 77px;
}

#home_left
{
	float: left;
	width: 231px;
	height: 387px;
	text-align: center;
}

#home_right
{
	height: 387px;
	margin-left: 231px;
}

#home_text
{
	width: 470px;
	padding-top: 25px;
	font: 12px/16px Arial;
	color: #FFFFFF;
}

.contact_col
{
	float: left;
	width: 250px;
}
.contact_col_3
{
	width:155px;
	height: auto;
	float: left;
	padding-right: 15px;
}

#clients_left
{
	text-align: left;
	float: left;
	width: 245px;
	padding-right: 10px;
}

#clients_right
{
	 text-align: left;
	 
}

#clients_right li
{
margin-left: 10px;
}

.underlined_text
{
	text-decoration: underline;
}

div.clear {
	clear: both;
}




/*

  TEAM PAGE

*/


.team-member {

}

.team-contact {
  margin-left: 185px;
  margin-bottom: 2em;  
}

.team-contact a {
	display: block;
}

a.vcard {
	text-decoration: none;
	margin-top: 4px;
	padding-left: 20px;
	background: transparent url(../images/vcard_icon.gif) 0 2px no-repeat;
}

a.vcard:hover {
	text-decoration: underline;
}

/*

  Projects Page

*/

.project-summary {
  width: 138px;
  height: 180px;
  float: left;
  margin-right: .8em;
  margin-bottom: 1em;
}

.project-summary .project-summary-photo {
  text-align: center;
  display: block;
}

.project-summary .project-summary-caption {
  margin-top: .3em;
  text-align: center;
  font-size: 11px;
}

.project-summary .project-summary-caption strong {
  text-align: center;
  font-size: 13px;
}