body 				{ background-color:#EDEDEC;font-size:100%;margin:0;padding:0pt; }
#wrapper2			{ margin:20px 0 0 25px; width:771px; }
#intro 				{ padding-bottom:10px; }
#slider 			{ margin:0pt auto; position:relative; width:771px; background:url(/images/portfolio/portfolio-back.jpg) repeat-x scroll -1px 80px;  }
.panel				{ background:url(/images/portfolio/portfolio-back.jpg); }
.panel:after 		{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.scroll				{ clear:left; height:431px;position:relative;width:761px; margin:4px; }
.scrollContainer div.panel { height:210px; padding:0; width:771px;}


ul.navigation 		 { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0pt; padding:0pt 0pt 9px; }
ul.navigation li 	 { display:inline; margin-right:10px; }
ul.navigation a 	 { color:#000000;padding:0; margin:0; height:80px;text-decoration:none; display:block; width:96px; text-indent:-9999px; float:left;}
#slider ul.navigation a:hover,
#slider ul.navigation a.selected	{ background-position:-96px 0; }
ul.navigation a:focus { outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; }

#menu1				{  background:#EDEDEC url(/images/portfolio/menu-trb.jpg) no-repeat 0 0; }
#menu2				{  background:#EDEDEC url(/images/portfolio/menu-sustayn.jpg)  no-repeat 0 0; }
#menu3				{  background:#EDEDEC url(/images/portfolio/menu-pms.jpg)  no-repeat 0 0; }
#menu4				{  background:#EDEDEC url(/images/portfolio/menu-si.jpg)  no-repeat 0 0; }
#menu5				{  background:#EDEDEC url(/images/portfolio/menu-oie.jpg)  no-repeat 0 0; }
#menu6				{  background:#EDEDEC url(/images/portfolio/menu-pumps.jpg)  no-repeat 0 0; }
#menu7				{  background:#EDEDEC url(/images/portfolio/menu-gce.jpg)  no-repeat 0 0; }
#menu8				{  background:#EDEDEC url(/images/portfolio/menu-hom.jpg)  no-repeat 0 0; }



.scrollButtons 		  { cursor:pointer; position:absolute; top:150px; }
.scrollButtons.left   { left:-50px; }
.scrollButtons.right  { right:-50px;}
.hide 				  { display:none; }

.scrollContainer .panel img			{ float:left; width:300px; margin:42px 0 0 36px;}
.scrollContainer .panel .details	{ float:right; margin:38px 55px 0 0; width:334px;}	

h2					{ margin:0; height:28px; width:334px; }
.details span		{ margin:0 0 0 2px; padding:4px 0 0 0; display:block; text-align:right;  }
#trb h2				{ border-bottom: 3px solid #a9ea00; }
#sustayn h2			{ border-bottom: 3px solid #94ae31; }
#pms h2				{ border-bottom: 3px solid #f56f8f; }
#strategy h2		{ border-bottom: 3px solid #c26c39; }
#pumps h2			{ border-bottom: 3px solid #434142; }
#oie h2				{ border-bottom: 3px solid #9bcd54; }
#gce h2				{ border-bottom: 3px solid #cfdf20; }
#hom h2				{ border-bottom: 3px solid #afad3f; }
.panel				{ clear:both; }

.panel a img		{ border:none; }