/* Brooks Creative 2009 */


html, body {
	height: 100%;
}

body {
	width: 1000px;
	margin: 0px auto;
	padding: 0px;
	font-family:  Arial, Verdana, Serif;
	font-size: 11px;
	color: #000000;
	line-height: 10pt;
	background: #CCCC99;
	}

#container {
	width: 1000px;
	height: 757px;
	position: absolute;
	top: 50%;
	margin-top: -300px;	
}	

table {
	font-family:  Arial, Verdana, Serif;
	font-size: 11px;
	color: #898989;
}

/********** Flash Component ************/

#flashComponent {
	float: left;
	width: 574px;
	height: 499px;
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	}

/********** Main Content ************/

#mainContent {
	float: right;
	text-align: left;
	width: 426px;
	height: 600px;
	margin: 0px;
	padding: 0px;
	/*background: #f4f4f4;*/
	}

.mainPadding {
	padding-top: 0px;
	padding-right: 50px;
	padding-bottom: 45px;
	padding-left: 50px;
	}
	
.mainFrogPadding {
	padding-top: 0px;
	padding-right: 50px;
	padding-bottom: 45px;
	padding-left: 50px;
	}
	
#mainContent h1 {
	font-size: 18px;
	color: #000000;
	margin: 0px;
	padding: 0px;
	line-height: normal;
}

#mainContent h2 {
	font-size: 13px;
	color: #000000;
	margin: 0px;
	padding: 0px;
}

#mainContent h3 {
	font-size: 12px;
	color: #000000;
	margin: 0px;
	padding: 0px;
}


#mainFrogContent p {
	font-size: 11px;
	color: #000000;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.1em;
}


#mainFrogContent {
	float: right;
	text-align: left;
	width: 426px;
	height: 600px;
	margin: 0px;
	padding: 0px;
	/*background: #f4f4f4;*/
}

/********** Header ************/

#header {
	width: 326px;
	height: 88px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	}

#header img {
	float: left;
	}

/********** Main Menu ************/

#menu {
	width: 321px;
	height: 65px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 1px;
	padding: 0px;
	}
	
#menuLeft {
	width: 201px;
	height: 50px;
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
#menuRight {
	width: 120px;
	height: 50px;
	float: right;
	margin: 0px;
	padding: 0px;
	}

/** Performance menu item **/

#menu a:hover#work, body#work a#work {
	background: url(../images/menu/menu2_work_on.gif) no-repeat 0 0;
}

#menu a#work	{
	float: left;
	width: 201px;
	height: 13px;
	background: url(../images/menu/menu2_work_off.gif) no-repeat 0 0;
}

/** CSS Flicker Fix **/
#menu span#work	{
	float: left;
	width: 201px;
	height: 13px;
	background: url(../images/menu/menu2_work_off.gif) no-repeat 0 0;
}

/** Mission menu item **/

#menu a:hover#mission, body#mission a#mission {
	background: url(../images/menu/menu2_mission_on.gif) no-repeat 0 0;
}

#menu a#mission	{
	float: left;
	width: 201px;
	height: 13px;
	background: url(../images/menu/menu2_mission_OFF.gif) no-repeat 0 0;
}

/** CSS Flicker Fix **/
#menu span#mission	{
	float: left;
	width: 201px;
	height: 13px;
	background: url(../images/menu/menu2_mission_OFF.gif) no-repeat 0 0;
}

/** Services menu item **/

#menu a:hover#services, body#firm a#services	{
	background: url(../images/menu/menu2_services_on.gif) no-repeat 0 0;
}

#menu a#services	{
	float: left;
	width: 201px;
	height: 13px;
	background: url(../images/menu/menu2_services_off.gif) no-repeat 0 0;
}

/** CSS Flicker Fix **/
#menu span#services	{
	float: left;
	width: 201px;
	height: 13px;
	background: url(../images/menu/menu2_services_off.gif) no-repeat 0 0;
}

/** Awards menu item **/

#menu a:hover#awards, body#awards a#awards	{
	background: url(../images/menu/menu2_awards_on.gif) no-repeat 0 0;
}

#menu a#awards	{
	float: left;
	width: 201px;
	height: 13px;
	background: url(../images/menu/menu2_awards_off.gif) no-repeat 0 0;
}

/** CSS Flicker Fix **/
#menu span#awards	{
	float: left;
	width: 201px;
	height: 13px;
	background: url(../images/menu/menu2_awards_off.gif) no-repeat 0 0;
}


/** Sustainability menu item **/

#menu a:hover#sustainability, body#sustainability a#sustainability	{
	background: url(../images/menu/menu2_sustain_on.gif) no-repeat 0 0;
}

#menu a#sustainability	{
	float: left;
	width: 201px;
	height: 13px;
	background-image: url(../images/menu/menu2_sustain_off.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

/** CSS Flicker Fix **/
#menu span#sustainability	{
	float: left;
	width: 201px;
	height: 13px;
	background: url(../images/menu/menu2_sustain_off.gif) no-repeat 0 0;
}


/** Contact menu item **/

#menu a:hover#contact, body#contact a#contact	{
	background: url(../images/menu/menu2_contact_on.gif) no-repeat 0 0;
}

#menu a#contact	{
	float: left;
	width: 201px;
	height: 13px;
	background: url(../images/menu/menu2_contact_off.gif) no-repeat 0 0;
}

/** CSS Flicker Fix **/
#menu span#contact	{
	float: left;
	width: 201px;
	height: 13px;
	background: url(../images/menu/menu2_contact_off.gif) no-repeat 0 0;
}

/********** Section Header ************/

#sectionHeader {
	width: 326px;
	height: 28px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 20px;
	margin-bottom: 10px;
	}
	
	
/********** Section Sub Header ************/

#sectionSubHeader {
	width: 326px;
	height: 23px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
	}	
	
	
/********** Page Content ************/

.pageContent {
	width: 326px;
	height: 245px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	overflow: hidden;
	}
	
.pageContent2 {
	width: 326px;
	height: 268px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	overflow: hidden;
	}
	
#pageLinks {
	width: 326px;
	height: 10px;
	text-align:left;
	margin: 0px;
	padding: 0px;
	}


.hidden {
    visibility: hidden;
    height:1px;
    overflow: hidden;
	}

a:link.light {
	color: #da79be;
	text-decoration: none;
	}
	
a:visited.light {
	color: #bd3896;
	text-decoration: none;
	} 

a:hover.light {
	text-decoration:underline;
	}   
	
a:active.light {
	color: #f462c9;
	}

	
a:link {
	color: #bd3896;
	text-decoration: none;
	}
	
a:visited {
	color: #bd3896;
	text-decoration: none;
	}  
	
a:hover {
	text-decoration:underline;
	}   
	
a:active {
	/*color: #f462c9;*/
	color: #898989;
	}
	
a:link.projectLink {
	color: #898989;
	text-decoration: none;
	}
	
a:visited.projectLink {
	color: #898989;
	text-decoration: none;
	} 

a:hover.projectLink {
	color: #bd3896;
	text-decoration:underline;
	}   
	
a:active.projectLink {
	color: #898989;
	}
	
.projectSubHead {
	font-size: 12px;
	font-weight: bold;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: -7px;
	padding: 0px;
	}
	
.sectionTitle {
	width: 326px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	}


/********** Footer ************/	

#footer {
	width: 326px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 5px;
	margin-bottom: 0px;
	font-family:  arial, verdana, serif;
	font-size: 11px;
	color: #000000;
	}
	
#footerMenu {
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
	}
	
#footerMenu a:link {
	color: #7b7d7d;
	text-decoration: none;
	}
	
#footerMenu a:visited {
	color: #7b7d7d;
	text-decoration: none;
	}  
	
#footerMenu a:hover {
	color: #bd3896;
	text-decoration: underline;
	}   
	
#footerMenu a:active {
	color: #f462c9;
	}

#footerCopy a:link {
	color: #b4b5b5;
	text-decoration: none;
	margin-left:48px;
	}
	
#footerCopy a:visited {
	color: #b4b5b5;
	text-decoration: none;
	}  
	
#footerCopy a:hover {
	color: #bd3896;
	text-decoration: underline;
	}   
	
#footerCopy a:active {
	color: #f462c9;
	}
#testimonials {
	width: 574px;
	height: 101px;
	text-align:left;
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	}
#sectionHeaderHome {
	width: 326px;
	height: 28px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 25px;
	margin-bottom: 25px;
}
#sectionHeaderSustainability {
	width: 326px;
	height: 28px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 25px;
	margin-bottom: 15px;
}
#sectionHeaderClients {
	width: 326px;
	height: 15px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 15px;
	margin-bottom: 5px;
}
#sectionContentMINACS {
	width: 326px;
	height: 250px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 15px;
	margin-bottom: 5px;
}
#sectionSubHeader2 {
	width: 326px;
	height: 30px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}#sectionContentEco {
	width: 326px;
	height: 300px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#sectionSubHeaderECODESIGN {
	width: 326px;
	height: 90px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#sectionSubHeaderCoF {
	width: 326px;
	height: 200px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#sectionSubHeaderFieldGuide {
	width: 326px;
	height: 80px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#sectionSubHeaderHOME {
	width: 326px;
	height: 65px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#sectionSubHeaderProjects {
	width: 326px;
	height: 40px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}