* {margin: 0; padding: 0;}

body {
	background: #fff;
	}
body.homepage {
	background: #99c625 url(../images/home1.jpg) top left repeat-x;
	}
/* ==========================================
/
/ POSITIONING AND LAYOUT
/
/ ===========================================*/
div#wrapper {
	width: 890px;
	margin: 0 auto;
	}
a img {
	border: none;
	}	
div#header {
    margin: 0 auto;
	width: 890px;
	position: relative;
	margin-top: 20px;
	z-index: 999;
	}
div#homelogo {
	position: absolute;
	top: 0px;
	left: 0;
	padding-bottom: 5px;
	}
div#homelogo2 {
	position: absolute;
	top: 445px;
	left: 40;
	padding-bottom: 5px;
	}
div#homelogo3 {
	position: absolute;
	top: 0px;
	left: 0;
	padding-bottom: 5px;
	}
div#logo {
	position: absolute;file:///Users/freelance/Sites/profile/index.html
	top: 0;
	left: 0;
	width: 890px;
	padding-bottom: 5px;
	border-bottom: 1px solid #b2b2b2;
	}
div#logo_sub {
	position: absolute;file:///Users/freelance/Sites/profile/index.html
	top: 0;
	left: 0;
	width: 100px;
	margin-top: 28px;
	padding-bottom: 5px;
	}
#content {
	background: #fff;
	padding-top: 80px;
	position: relative;
	}
.legacy {
	padding-top: 80px;
	position: relative;
	}
#content2 {
	padding-top: 18px;
	}
#content_news_top, #content2_top {
	padding-top: 80px;
	position: relative;
	padding-bottom: 18px;
	}
#content_news {
	padding-top: 18px;
	}
#content_team {
	background: #fff;
	width: 890px;
	position: relative;
	padding-top: 18px;
	}
#content #bigcol {
	float: left;
	width: 890px;
	}
#content #bigcol2 {
	float: left;
	width: 890px;
	}
#content #leftcol {
	float: left;
	width: 430px;
	}
#content #rightcol {
	float: right;
	width: 430px;
	}
#content2 #leftcol {
	float: left;
	width: 430px;
	}
#content2_top #leftcol {
	float: left;
	width: 430px;
	}
#content_news #leftcol {
	float: left;
	width: 430px;
	}
#content_news_top #leftcol {
	float: left;
	width: 430px;
	}
#content_team #col1 {
	position:absolute;
	top: 0;
  	left:0;
 	width:220px;
	}
#content_team #col2 {
	position:absolute;
	top: 0;
  	left:225px;
 	width:220px;
	}
#content_team #col3 {
	position:absolute;
  	top:0;
  	left:450px;
 	width:220px;
	}
#content_team #col4 {
	position:absolute;
  	top:0;
  	left:670px;
 	width:220px;
	}
#content2 #rightcol {
	float: right;
	width: 430px;
	}
#content2_top #rightcol {
	float: right;
	width: 430px;
	}
#content_news #rightcol {
	float: right;
	width: 430px;
	}
#content_news_top #rightcol {
	float: right;
	width: 430px;
	}
#content #portfolio_image_hor {
	margin-bottom: 30px;
	}
#content #portfolio_description_hor {
	margin-left: 460px;
	}
#content #portfolio_image_vert {

	}
#content #portfolio_description_vert {
	width: 430px;
	position: absolute;
	top: 470px;
	bottom: 0;
	right: 0;
	margin-bottom: -6px;
	z-index: 99;
	}
#content h1.project_title {
	display: inline;
	margin-right: 4px;
}
#content #project_links, ul {
	display: inline;
}
#content #project_links, ul, li {
	list-style-type: none;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-transform: uppercase;
	letter-spacing: .1em;
	display: inline;
	font-weight: bold;
	
}
/*a.paddinglink {	text-decoration: none; padding: 0 7px;margin: 0 -4px;}
a.paddinglink:hover { color:99c525;	text-decoration: underline;}
a.paddinglink:hover { color:99c525;	text-decoration: underline;}
*/
#project_links a { color:#b2b2b2; font-size: 14px; text-decoration: none; padding: 0 4px; margin: 0 -4px;}
#project_links a:hover,
#project_links a:focus:hover { color:#99c525;	text-decoration: underline;}
#project_links a:active,
#project_links a:focus { color:#99c525;	text-decoration: underline; }

#content img {
	margin-bottom: 18px;
	}
#content2 img {
	margin-bottom: 18px;
	}
#content3 img {
	margin-bottom: 2px;
	}
#footer2 {
	width: 890px;
	margin: 0 auto;
	position: absolute;
	top: 720px;
	}
#footer {
	margin: 60px auto;
	text-align: left;
	}
#footerhome {
	position: absolute;
	top: 580px;
	left: 0;
	}		
/* ==========================================
/
/ MAIN AND SUB-NAVIGATION
/
/ ===========================================*/
#homenav {
	height: 16px;
	list-style: none;
	display: inline;
	list-style-position: inside;
	overflow: hidden;
	position: absolute;
	top: 425px;
	right: 0;
	}
#mainnav {
	height: 16px;
	list-style: none;
	display: inline;
	overflow: hidden;
	position: absolute;
	top: 5px;
	right: 0;
	}	
#subnav {
	height: 16px;
	list-style: none;
	display: inline;
	overflow: hidden;
	position: absolute;
	top: 36px;
	right: 0;
	}
#backtop {
	height: 16px;
	display: inline;
	overflow: hidden;
	position: relative;
	margin: 60px auto;
	float: right;
	}
#back {
	height: 16px;
	display: inline;
	overflow: hidden;
	position: relative;
	margin: 0px auto;
	float: right;
	}
#mainnav li, #subnav li, #homenav li {
    list-style: none;
	float:left;
	margin-left: 10px;
	}	
#mainnav a, #subnav a, #homenav a, #backtop a, #back a, #send {
	float: left;
	padding: 16px 0 0 0;
	overflow: hidden;
	height: 0px; 
	height /**/:16px; /* for IE5/Win only */
	}	
#mainnav a:hover, #subnav a:hover, #mainnav a.selected {
	background-position: 0 -16px;
	}
#mainnav a:active, #subnav a:active, #subnav a.selected {
	background-position: 0 -32px;
	}
#profile a  {
	width: 42px;
	background: url(../images/profile.gif) top left no-repeat;
	}
#portfolio a  {
	width: 54px;
	background: url(../images/portfolio.gif) top left no-repeat;
	}
#annoucements a  {
	width: 99px;
	background: url(../images/annoucements.gif) top left no-repeat;
	}
#coverage a  {
	width: 55px;
	background: url(../images/coverage.gif) top left no-repeat;
	}
#resources a  {
	width: 61px;
	background: url(../images/resources.gif) top left no-repeat;
	}
#news a  {
	width: 33px;
	background: url(../images/press.gif) top left no-repeat;
	}
#contact a  {
	width: 50px;
	background: url(../images/contact.gif) top left no-repeat;
	}
	
#blog a  {
	width: 28px;
	background: url(../images/blog.gif) top left no-repeat;
	}
#sectors a  {
	width: 47px;
	background: url(../images/sectors.gif) top left no-repeat;
	}
#studio a  {
	width: 43px;
	background: url(../images/studio.gif) top left no-repeat;
	}
#projects a  {
	margin-top:-1px;
	width: 71px;
	background: url(../images/projects.gif) top left no-repeat;
	}
	
#highlights a  {
	width:62px;
	background: url(../images/highlights.gif) top left no-repeat;
	}

#previous a  {
	width: 13px;
	background: url(../images/arrowleft.gif) top left no-repeat;
	}
#archives a {
	width: 54px;
	background: url(../images/archives.gif) top left no-repeat;
	} 
#next a  {
	width: 13px;
	background: url(../images/arrowright.gif) top left no-repeat;
	}
#archive a  {
	width: 48px;
	background: url(../images/archive.gif) top left no-repeat;
	}
#featured_project a  {
	width: 104px;
	background: url(../images/featuredproject.gif) top left no-repeat;
	}
#mission a  {
	width: 49px;
	background: url(../images/mission02.gif) top left no-repeat;
	}
#currentnews a  {
	width: 85px;
	background: url(../images/currentnews.gif) top left no-repeat;
	}
#pressreleases a	{
	width: 91px;
	background: url(../images/pressreleases.gif) top left no-repeat;
	}
#founders a  {
	width: 57px;
	background: url(../images/founders.gif) top left no-repeat;
	}
#perspectives a  {
	width: 78px;
	background: url(../images/perspectives.gif) top left no-repeat;
	}
#capabilities a  {
	width: 74px;
	background: url(../images/capabilities.gif) top left no-repeat;
	}
#focus a  {
	width: 38px;
	background: url(../images/focus.gif) top left no-repeat;
	}
#team a  {
	width: 36px;
	background: url(../images/team.gif) top left no-repeat;
	}
#history a  {
	width: 46px;
	background: url(../images/history.gif) top left no-repeat;
	}
#achievements a  {
	width: 86px;
	background: url(../images/achievements.gif) top left no-repeat;
	}
#location a  {
	width: 52px;
	background: url(../images/location.gif) top left no-repeat;
	}
#jobs a  {
	width: 30px;
	background: url(../images/jobs.gif) top left no-repeat;
	}
#transportation a  {
	width: 87px;
	background: url(../images/transport.gif) top left no-repeat;
	}
#legacy_projects a  {
	width: 98px;
	background: url(../images/legacy_projects.gif) top left no-repeat;
	}
#recent a  {
	width: 45px;
	background: url(../images/recent.gif) top left no-repeat;
	}
#intro a {
	width: 78px;
	background: url(../images/intro.gif) top left no-repeat;
	}
#featured a  {
	width: 53px;
	background: url(../images/featured.gif) top left no-repeat;
	}
#client_index a  {
	width: 76px;
	background: url(../images/client_index.gif) top left no-repeat;
	}
#homenav #profile a  {
	width: 42px;
	background: url(../images/profile_g.gif) top left no-repeat;
	}
#homenav #profile a:hover {
	background-position: 0 -16px;
	}
#homenav #portfolio a  {
	width: 54px;
	background: url(../images/portfolio_g.gif) top left no-repeat;
	}
#homenav #portfolio a:hover {
	background-position: 0 -16px;
	}
#homenav #news a  {
	width: 36px;
	background: url(../images/news_g.gif) top left no-repeat;
	}
#homenav #news a:hover {
	background-position: 0 -16px;
	}
#homenav #contact a  {
	width: 50px;
	background: url(../images/contact_g.gif) top left no-repeat;
	}
#homenav #contact a:hover {
	background-position: 0 -16px;
	}
#homenav #studio a  {
	width: 53px;
	background: url(../images/studio_g.gif) top left no-repeat;
	}
#homenav #studio a:hover {
	background-position: 0 -16px;
	}
#backtop a {
	width: 87px;
	background: url(../images/top.gif) top left no-repeat;
	}
#backtop a:hover {
	background-position: 0 -16px;
	}
#backtop a:active {
	background-position: 0 -32px;
	}
#back a {
	width: 33px;
	background: url(../images/back.gif) top left no-repeat;
	}
#back a:hover {
	background-position: 0 -16px;
	}
#back a:active {
	background-position: 0 -32px;
	}
#send {
	width: 34px;
	background: url(../images/send.gif) top left no-repeat;
	}
#send:hover {
	background-position: 0 -16px;
	}
#send:active {
	background-position: 0 -32px;
	}
/* ==========================================
/
/ TYPOGRAPHY
/
/ ===========================================*/
#content h1 {
	font-family: Arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 28px;
	color: #99c525;
	margin-bottom: 18px;
	}
#content2 h1 {
	font-family: Arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 15px;
	color: #99c525;
	margin-bottom: 20px;
	}
#content_news h1 {
	font-family: Arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 28px;
	color: #99c525;
	margin-bottom: 18px;
	}
#content_team h1 {
	font-family: Arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 28px;
	color: #99c525;
	margin-bottom: 18px;
	}
#content h2 {
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	color: #777;
	margin-bottom: 18px;
	}
#content2 h2 {
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	color: #777;
	margin-bottom: 18px;
	}
#content h3 {
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	color: #99c525;
	margin-bottom: 18px;
	}
#content p {
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	color: #777;
	margin-bottom: 18px;
	}
#content2 p {
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	color: #777;
	margin-bottom: 18px;
	}
#content_news p {
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	color: #777777;
	margin-bottom: 18px;
	}
#content_team p {
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	color: #777;
	margin-bottom: 18px;
	}
#content p.large {
	font-family: Arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 32px;
	color: #777;
	margin-bottom: 28px;
	}
#content p.large2 {
	font-family: Arial, sans-serif;
	font-size: 28px;
	font-weight: normal;
	line-height: 38px;
	color: #777;
	margin-bottom: 28px;
	}
#content2 p.large2 {
	font-family: Arial, sans-serif;
	font-size: 21px;
	font-weight: normal;
	line-height: 32px;
	color: #777;
	margin-bottom: 28px;
	}
#content p.byline {
	font-family: Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 18px;
	color: #b2b2b2;
	text-transform: uppercase;
	letter-spacing: .1em;
	margin-bottom: 18px;
	}
#content p.caption{
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	color: #777;
	margin-bottom: 18px;
	}
#content2 p.caption{
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	color: #777;
	margin-bottom: 18px;
	}
#content li {
	list-style: none;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	color: #777;
	margin-bottom: 18px;
	}
#footer2 p {
	font-family: Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 18px;
	color: #777;
	width: 890px;
	margin: 0 auto;
	}
#footer p, #footerhome p {
	font-family: Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 18px;
	color: #777;
	margin-bottom: 18px;
	}
/*==================================
/
/CONTACT FORM
/
/===================================*/

fieldset {
	padding: 0;
	border-style: none;
	}
legend {
	margin-left: 0;
	font-family: Arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 28px;
	color: #99c525;
	margin-bottom: 5px;
	}
fieldset ul {
	list-style: none;
	padding: 0;
	}
fieldset li {
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	color: #777;
	padding-bottom: 1em;
	}
label {
	display: block;
	}
input, textarea {
	border: 1px solid #b2b2b2;
	}	
/* ==========================================
/
/ LINKERY
/
/ ===========================================*/
a {
	color: #99c525;
	text-decoration: underline;
	}
a:hover {
	color: #000;
	text-decoration: underline;
	}
#content #footerhome a, #footer a, #footerhome a, #footer2 a{
	color: #777;
	text-decoration: underline;
	}
#content #footerhome a:hover, #footer a:hover, #footerhome a:hover #footer2 a:hover{
	color: #000;
	text-decoration: underline;
	}
#content ul.project_links li a {
	color: #b2b2b2;
	text-decoration: none;
	}
#content ul.project_links li a:hover {
	color: #99c525;
	text-decoration: underline;
	}
#content p a {
	color: #99c525;
	text-decoration: none;
	}
.hidden {
	display: none;
	}
	
	
/* ==========================================
/
/ NEW PRESS PAGE STYLES
/
/ ===========================================*/


#content #press_leftcol { float: left; width: 180px; }
#content #press_rightcol { float: left; width: 345px; margin-right: 10px;}
#content #press_rightcol_story { width: 345px; font-family: arial; color: #777777; font-size: 11px; line-height: 16px; text-decoration: none; padding-left: 5px; }
#content #press_rightcol2 {	float: right; width: 350px; }

.press_rightcol_story { width: 345px; font-family: arial; color: #777777; font-size: 11px; line-height: 16px; text-decoration: none; }
a.press_rightcol_story { color: #99c525; text-decoration: none; }
a.press_rightcol_story:hover { text-decoration: underline; }

.press_headers { font-family: arial; color: #99c525; font-size: 15px; line-height: 20px; text-decoration: none;}
a.press_headers { font-family: arial; color: #99c525; font-size: 15px; line-height: 20px; text-decoration: none;}
a.press_headers:hover { font-family: arial; color: #99c525; font-size: 15px; line-height: 20px; text-decoration: underline;}

.press_headers_2 { font-family: arial; color: #99c525; font-size: 11px; line-height: 15px; text-decoration: none;}
a.press_headers_2 { font-family: arial; color: #99c525; font-size: 11px; line-height: 15px; text-decoration: none;}
a.press_headers_2:hover { font-family: arial; color: #99c525; font-size: 11px; line-height: 15px; text-decoration: underline;}

.press_headers_3 { font-family: arial; color: #777777; font-size: 15px; line-height: 18px; text-decoration: none;}
a.press_headers_3 { font-family: arial; color: #777777; font-size: 15px; line-height: 18px; text-decoration: underline;}
a.press_headers_3:hover { font-family: arial; color: #777777; font-size: 15px; line-height: 18px; text-decoration: underline;}

.press_dates { font-family: arial; color: #777777; font-size: 11px; line-height: 16px; text-decoration: none; }
a.press_dates { font-family: arial; color: #777777; font-size: 11px; line-height: 16px; text-decoration: none; }
a.press_dates:hover { font-family: arial; color: #99c525; font-size: 11px; line-height: 16px; text-decoration: none; }
a.press_dates_selected { font-family: arial; color: #99c525; font-size: 11px; line-height: 16px; text-decoration: none; }
a.press_dates_selected:hover { font-family: arial; color: #99c525; font-size: 11px; line-height: 16px; text-decoration: none; }

.press_left { font-family: arial; color: #777777; font-size: 10px; line-height: 14px; text-decoration: none; }
a.press_left { font-family: arial; color: #777777; font-size: 10px; line-height: 14px; text-decoration: none; }
a.press_left:hover { font-family: arial; color: #99c525; font-size: 10px; line-height: 14px; text-decoration: none; }
.press_left_selected { font-family: arial; color: #99c525; font-size: 10px; line-height: 14px; text-decoration: none; }
a.press_left_selected { font-family: arial; color: #99c525; font-size: 10px; line-height: 14px; text-decoration: none; }
a.press_left_selected:hover { font-family: arial; color: #99c525; font-size: 10px; line-height: 14px; text-decoration: none; }
	
.press_pdf { font-family: arial; color: #777777; font-size: 9px; line-height: 18px; text-decoration: none; }
a.press_pdf { font-family: arial; color: #777777; font-size: 9px; line-height: 18px; text-decoration: none; }
a.press_pdf:hover { font-family: arial; color: #99c525; font-size: 9px; line-height: 18px; text-decoration: underline; }

.press_pdf2 { font-family: arial; color: #99c525; font-size: 11px; line-height: 18px; text-decoration: none; }
a.press_pdf2 { font-family: arial; color: #99c525; font-size: 11px; line-height: 18px; text-decoration: none; }
a.press_pdf2:hover { font-family: arial; color: #99c525; font-size: 11px; line-height: 18px; text-decoration: underline; }


/* New Contact Page */

.contact_rr { font-family: arial; color: #777777; font-size: 12px; line-height: 16px; text-decoration: none; }
.contact_rr_header { font-family: arial; color: #99c525; font-size: 12px; line-height: 16px; text-decoration: none; }

/* ==========================================
/
/ New Company pages
/
/ ===========================================*/
	

.company_profile {
	top: 50px;
	left: 0px;
	width: 172px;
	height: 172px;
	background: transparent url(images/company.jpg) 0px 0px no-repeat;
}

.company_profile a:hover {
    background: transparent url(images/company.jpg) -300px -401px no-repeat;
    }	
	
	
	
/* ==========================================
/
/ HACKERY
/
/ ===========================================*/
	
/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */