/**
 * @version $Id: template.css 16465 2010-04-26 01:46:24Z eddieajau $
 * @author Design & Accessible Team ( Angie Radtke  )
 * @package Joomla
 * @subpackage Accessible-Template-Beez
 * @copyright Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.
 * @license GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant to the
 * GNU General Public License, and as distributed it includes or is derivative
 * of works licensed under the GNU General Public License or other free or open
 * source software licenses. See COPYRIGHT.php for copyright notices and
 * details.
 */
 
 .btable {float: left;}
 
#bc ul, #bcb ul{
  list-style: disc inside;
  margin: 0 0 0 5px;
  padding: 0;
}
 
#socialmedia {height: 75px; margin: 0px 0 30px 0; float: left; display: inline;}
	h2.social {font-size: 18px; font-weight: bold; color: #4d4d4d; margin: 0 0 5px 0;}
	ul.sociallinks {float: left; margin: 0 30px 0 0; line-height: 24px;} 	
	ul.sociallinks img {margin: 0 15px 0 0;} 
	
			#contactinfo{
				 margin: 3px 30px 5px 0px;
				 text-align: left;
				 padding: 0px;
				 float: left;
				 color: #666;
				 font-size: 13px;
				 line-height: 21px;	 
				 display: inline;
			}
				
 
ol{
  list-style: decimal inside;
  margin: 0;
  padding: 0;
}

#body li{ margin:0px; padding:0 0 7px 0;}

.listbox{
  background: white url();
  float: right;
  margin: 5px 10px 10px 10px;
  padding: 0 0 10px 0;
  font-size: 12px;
  font-style: bold;
  width: 33%;
  padding: 15px 5px 10px 10px;

}
  .listbox p{
    font-weight: bold;

  }
  .listbox li{
    margin: 0 0px 5px 0px;
    padding: 0;
    line-height: 14px;
  }
    .listbox ul,ol{
    margin: 0;
    padding: 0;
  }

 img  {border-style: none;}
 
 
 #fpbuttons { width: 980px; height: 90px; background: url(../images/fpbuttons.jpg); margin: 0 auto 40px auto; }
 
	#comlink{ float: left; background: url(../images/com.png) no-repeat top center; width: 490px; min-height: 90px; margin: 0px 0 0 0;}
			#comlink:hover{ float: left; background: url(../images/comh.png) no-repeat top center; width: 490px; min-height: 90px; margin: 0px 0 0 0;}
			
	#resilink{ float: left; background: url(../images/resi.png) no-repeat top center; width: 490px; min-height: 90px; margin: 0px 0 0 0;}
			#resilink:hover{ float: left; background: url(../images/resih.png) no-repeat top center; width: 490px; min-height: 90px; margin: 0px 0 0 0;}
	
 #bodyfoot{
	width: 960px;
	float: left;
	background: url(../images/interface/bg_page.png) repeat;
	padding: 2px 0 2px 0;
	margin: 30px 0 0px 0;
}

#nowhiring {float: right; min-height: 47px; width: 190px; background: url(../images/nowhiring.png) top left no-repeat; margin: -3px 25px 0 0;}


 #botfoot{
	width: 980px;
	min-height: 25px;
	font-size: 12px;
	float: left;
	color: #8B8B8B;
	padding: 15px 0px 0px 0px;
}
	#botfoot a{ text-decoration:none; color: #069;}
	#botfoot a:hover{color: blue;}
	#botfoot a:active{text-decoration:none; color: #6A655D;}
	#bfcontent{
		width: 960px;
		margin: 0 auto 0 auto;
		padding: 5px 0 0 0;
		color: #6A655D;
	}
a { text-decoration:none }
a:link    {color:#005794;}

a:visited {color:#005794;}
a:hover   {color:#333;}



#seonav {padding: 10px 0 30px 0; font-size: 9px; width: 980px; margin: 0 auto 0 auto; text-align: center;}





#seonav a { text-decoration:none }
#seonav a:link    {color:#666666;}
#seonav a:visited {color:#777;}
#seonav a:hover   {color:#555555;}


.sidep{
line-height:19px;	
margin: 0 0 5px 0;
font-size: 12px;
}


.sidehr{
border-top: dashed 1px gray;
margin: 20px 0 20px 0;
height: 1px;
width: 190px;
}


.sidehrfirst{
border-top: dashed 1px gray;
margin: 5px 0 20px 0;
min-height: 1px;
width: 190px;
}

#bc {
    background: url("../images/bcbg1.png") no-repeat scroll 0 0 transparent;
    clear: both;
    line-height: 17px;
    margin: 30px auto 25px;
    min-height: 160px;
    padding: 40px 15px 15px 20px;
    width: 425px;
	font-size: 12px;
}
#bcb img {
    vertical-align: middle;
	    margin: 5px;
}
#bcl {
    background: url("../images/bcbgb.png") no-repeat scroll right top transparent;
    float: right;
    line-height: 17px;
    margin: 15px 0 15px 15px;
    min-height: 160px;
    padding: 10px 15px;
    width: 250px;
}
#bcv {
    background: url("../images/bcbgb.png") no-repeat scroll 0 0 transparent;
    line-height: 17px;
    margin: 20px auto;
    min-height: 160px;
    padding: 40px 15px 10px;
    width: 425px;
}

img.bci {
    float: right;
    margin: 10px 7px 5px 15px;
}

#bcb{
		width: 430px;
		background: url(../images/bcbg1.png) no-repeat;
		min-height: 160px;
		padding: 45px 15px 25px 15px;
		margin: 20px auto 15px auto;
		line-height: 17px;	
		clear: both;
		text-align: justify;
		color: #333;
	}
	#bcb img{
		vertical-align: middle;
	}

* {font-family: Arial, Helvetica, sans-serif; padding: 0; vertical-align: top;}



.galleryimg {margin: 12px}


img.ialeft{
float:left;  
margin:0px 25px 5px 0px;
}

img.iaright{
float: right; 
margin: 5px 0px 15px 30px;
}


img.sideimage { margin: 10px 0 15px 0px;}

.bt {line-height: 22px; font-size: 18px; margin: 0 0 15px 0; font-weight: normal;}
.nuh {font: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #333; margin: 20px 0 15px 0;}
.leftmenu {font: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #005794; margin: 0px 0 5px 10px;}


ul {font: Arial, Helvetica, sans-serif; font-size: 13px; color: #333; line-height: 22px;}




	#pbodytitle h1{display: block; float: left; width:699px; min-height: 30px; margin: 15px 30px 10px 0px; padding: 0px; white; color: #333333; font-size: 28px; line-height: 40px; font-weight: normal;}
	
h1 { font-size: 24px; color: #005794; margin: 0 0 20px 0;}
h2 { color: #333; line-height: 22px; font-size: 18px; margin: 0 0 15px 0; }
p {font: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 22px; color: #333; margin: 0px 0 15px 0;}


h2.pgallery { color: #333;  line-height: 24	px; font-size: 21px; margin: 0 0 0px 0; border-bottom: 1px solid #666; font-weight: normal; padding: 0 0 5px 0; }

#bc h3{
	color: #005594;
	font-size: 16px;
	font-weight: bold;
	margin: 0px 0 10px 0;
	
	}
#bc h4{
	color: #e28600;
	margin: 10px 0 0 0;
	font-size: 13px;
	
	}
	
h4 {color: #005594;
	font-size: 16px;
	font-weight: bold;
	margin: 0px 0 10px 0;
	text-align: left;
}

#sideform h4{margin-top: 0px;}

h5{
	color: #F9A12D;
	margin: 10px 0 0 0;
	font-size: 13px;
	
	}
	h5 a:hover{ color: #e28600;}
	h5 a:link{color: #F9A12D;}
	h5 a:visited{color: #F9A12D;}

/**   h5   */
.h7 a{
	color: #F9A12D;
	margin: 10px 0 0 0;
	font-size: 11px;
	font-weight: bold;
	
	}
	
	
	
	.h7 a:hover{ color: #e28600;}
	
/**   h4   */
	.h8{
	color: #005594;
	font-size: 16px;
	font-weight: bold;
	margin: 0px 0 10px 0;
	
	}
	
	
h6{
	color: #005594;
	font-size: 13px;
	margin: 0px 0 10px 0;	
	}	
	


body {
	background: url(../images/pbg.png) top center #F1F7FB no-repeat;}

#header { width: 980px;height: 156px; margin: 0 auto 0 auto;background: url() no-repeat;}
	#hlogo{ float: left; width: 495px; min-height: 75px; background: url(../images/logo-fp.png) no-repeat; position: relative; top: 70px; left: 20px;}
	
#getstarted{ float: right; width: 192px; height: 69px; background: url(../images/getstarted.png) no-repeat; margin: 80px 15px 0 0;}
	
#menuarea { width: 980px ;height: 32px; margin: 0 auto 0 auto;background:white; border-top: 1px solid #F0F0F0;   }
	#menu{float: left; background: white;  margin: 0 30px 0 30px; align: right;}
	#sitemenu{float: right; background: white;  margin: 0 30px 0 0; align: right;}
	#banner { width: 980px; height: 400px; margin: 0 auto 0 auto;}




		#comfpspacer {height: 0px; width: 980px; background: none; float: left; margin: 30px 0 0 0;}
		
	
		#comadv{ float: left; width: 300px; height: 270px; margin: 0 20px 0 20px;  background: url(../images/advbg.png);}
		#advheader{ width: 300px; height: 70px;}
			#comadvgraph{ float: left; background: url(../images/comadvgraph.png) top center no-repeat; width: 300px; min-height: 200px; margin: 65px 0px 0 0px;  }
		
	#videos{ float: left; background: white;  width: 300px; height: 270px; margin: 0 0px 0 0; background: url(../images/renewablesbg.png);}
		#videoheader{ width: 300px; height: 70px;}
		
		
	
		
		
	#news{  float: left; background: white; width: 300px; min-height: 270px; padding: 0 0 0 0px; margin: 0 0 0 20px; background: url(../images/newsbg.png);}
		#newswrapper{float: left; width: 250px; margin: 60px 0 0 20px;}
	
	#associations{ background: white; width: 940px; height: 125px; margin: 20px auto 20px auto; }

#page { width: 980px; height: auto; margin: 0 auto 0 auto; padding: 0 0 30px 0; background: white; display: table;}
	#pleft {float: left; width:200px; min-height: 100px; margin: 50px 0px 0 25px; }
		.leftcell {width: 180px; padding: 15px 10px 15px 10px; background: white;border: 1px solid #EBEBEB; margin: 0px 0 15px 0;}
	
	
    #bannertriangle{float: right; width:690px; height: 20px; margin: 0px 30px 0 0px; padding: 0; background: url(../images/bannertriangle.png) top no-repeat; color: white; font-size: 30px; font-weight: bold;}
	
	#pbody {float: left; width:699px; min-height: 450px; margin: -20px 0px 0 30px; background: white; vertical-align: top;}
		.videogallerycell {float: left; width: 275px; height: 205x; margin: 10px 10px 20px 30px; padding: 10px;}
					.videogallerycell h3{ margin: 0px 0 5px 0; font-size: 14px;}
					.videogallerycell:hover {
-moz-box-shadow: 0px 0px 8px #888;
-webkit-box-shadow: 0px 0px 8px #888;
box-shadow: 0px 0px 8px #888;
}
		.casestudypreview {float: left; width: 285px; height: 200px; margin: 0 7px 15px 7px;}
	#pright {float: left; width:195px; min-height: 100px; margin: 0px 25px 0 25px; padding: 15px 5px 15px 5px; background: white;border: 1px solid #EBEBEB;}
		#pright p{font-size: 11px;}
		#pright h2{font-size: 15px;}
		#pright img{margin: 15px 0 15px 0;}
		
#footer {width: 980px; min-height: 50px; padding-bottom: 5px; background: url(../images/footerbg.png) top repeat-x; margin: 0 auto 0 auto;}
	#footertext {margin: 0 auto 0 auto; padding: 15px 0 0 0; font-size: 11px; color:#666666; text-align: center;}
	


div#videoslides {
	width: 300px; height:200px;
	overflow: scroll; /* Allows the slides to be viewed using scrollbar if Javascript isn't available */
	position: relative; z-index: 5;
}

#nav {
	display: none ;
	list-style: none;
	position: absolute; ; 
	margin: 75px 0 0 0;
	z-index: 999999999;
	padding: 0;
	height: 0;
	width: 300px;
	
}
	div#videos ul#nav li#prev {
		float: left; margin: 0 0 0 15px;
	}
	div#videos ul#nav li#next {
		float: right; margin: 0 15px 0 0;
	}
	div#videos ul#nav li a {
		display: block; width: 40px; height: 40px; text-indent: -9999px;
	}
		div#videos ul#nav li#prev a {
			background: url(../images/prev.png) no-repeat;
		}
		div#videos ul#nav li#next a {
			background: url(../images/next.png) no-repeat;
		}

	ul#videoslides {
		list-style: none; margin: 0 0 0 0; height: 400px;
	}
	
		ul#videoslides {
		list-style: none; margin: 0 0 0 0; height: 200px;
	}
	
	
		div#videos ul#slides li {
			margin: 0 0 20px 0;
		}
		
				div#videos ul#videoslides li {
			margin: 0 0 20px 0;
		}
		


#caseimg {
	width: 600px; height:350px;
	overflow: scroll; /* Allows the slides to be viewed using scrollbar if Javascript isn't available */
	position: relative; z-index: 5;
	margin: 0 0 15px 0;
}

#nav {
	display: none ;
	list-style: none;
	position: absolute; ; 
	margin: 75px 0 0 0;
	z-index: 999999999;
	padding: 0;
	height: 0;
	width: 300px;
	
}


#caseimg #nav {
	display: none ;
	list-style: none;
	position: absolute; ; 
	margin: 150px 0 0 0;
	z-index: 999999999;
	padding: 0;
	height: 0;
	width: 600px;
	
}
	div#caseimg ul#nav li#prev {
		float: left; margin: 0 0 0 15px;
	}
	div#caseimg ul#nav li#next {
		float: right; margin: 0 15px 0 0;
	}
	div#caseimg ul#nav li a {
		display: block; width: 40px; height: 40px; text-indent: -9999px;
	}
		div#caseimg ul#nav li#prev a {
			background: url(../images/prev.png) no-repeat;
		}
		div#caseimg ul#nav li#next a {
			background: url(../images/next.png) no-repeat;
		}

	ul#caseul {
		list-style: none; margin: 0 0 0 0; height: 400px;
	}
	
		ul#caseul {
		list-style: none; margin: 0 0 0 0; height: 200px;
	}
	
	
		div#caseul ul#slides li {
			margin: 0 0 20px 0;
		}
		
				div#caseimg ul#caseul li {
			margin: 0 0 20px 0;
		}
		
		
		
		
.casebody{
float: left;
padding: 0;
margin: 0;
width: 580px;
	
}

	.pnl225 {
	float: left;
	background: url(../images/225.png) top left no-repeat;
	min-width: 80px;
	min-height: 150px;
	margin: 0 10px 0 0px;
	}
	
		.pnl240 {
	float: left;
	background: url(../images/240.png) top left no-repeat;
	min-width: 80px;
	min-height: 150px;
	margin: 0 10px 0 0px;
	}

.casedetails{
display: block;
float: right;
padding: 0 0 20px 20px;
margin: 0;
width: 220px;	
}

	.casedetails p{
		line-height: 20px;
		font-size: 15px;
		margin: 0;
		padding: 0;
		font-weight: 500; 
		color: #333;
		
	}
	
	.casedetails .bt{
		line-height: 22px;
		font-size: 18px;
		margin: 0 0 10px 0;
		padding: 0;
		font-weight: 500; 
		color: #333;
		
	}
	.p2{
			line-height: 20px;
	font-size: 15px;
	margin: 0 0 10px 0;
	padding: 0;
	font-weight: 500; 
	color: #939598;
	}

	
	.240panel{
	float: left;
	background: url(../images/240.png) top left no-repeat;
	width: 80px;
	height: 150px;
	margin: 0 10px 0 0;
	}
	
	
	.bigquotemark{
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 50px;	
	line-height: 0x;
	padding: 0px 0 0 0;
	color:#1674AD;
	margin: -5px 0 0 0;
	}
	
	
	.bigquote{
		font-size: 18px;
		margin: -20px 20px 20px 20px;
		line-height: 24px;
		color: #333;
		font-style: italic;
		
	}
	
	



div#fpslider {
	width: 980px; height:400px;
	overflow: scroll; /* Allows the slides to be viewed using scrollbar if Javascript isn't available */
	position: relative; z-index: 5;
}

#bannernav {
	display: none ;
	list-style: none;
	position: absolute; ; 
	margin: 180px 0 0 0;
	z-index: 999999999;
	padding: 0;
	height: 0;
	width: 980px;
	
}
	div#banner ul#bannernav li#bannerprev {
		float: left; margin: 0 0 0 15px;
	}
	div#banner ul#bannernav li#bannernext {
		float: right; margin: 0 15px 0 0;
	}
	div#banner ul#bannernav li a {
		display: block; width: 40px; height: 40px; text-indent: -9999px;
	}
		div#banner ul#bannernav li#bannerprev a {
			background: url(../images/prev.png) no-repeat;
		}
		div#banner ul#bannernav li#bannernext a {
			background: url(../images/next.png) no-repeat;
		}

	ul#fpslides {
		list-style: none; margin: 0 0 0 0; height: 400px;
	}
	
		ul#fpslides {
		list-style: none; margin: 0 0 0 0; height: 200px;
	}
	
	
		div#banner ul#slides li {
			margin: 0 0 20px 0;
		}
		
				div#banner ul#fpslides li {
			margin: 0 0 20px 0;
		}
		
		
		
		
#comvideos		{
	width: 250px; height:158px;
	margin: 10px auto 0 auto;
}


		
		.lof-articlessroller .lof-next{ top: 177px;}
			.lof-articlessroller .lof-next:hover{ top: 177px;}	
		.lof-articlessroller .lof-previous{ top: 177px;}
			.lof-articlessroller .lof-previous:hover{ top: 177px;}			
				
		
		
div#comvideoslides {
	width: 250px; height:158px;
	overflow: scroll; /* Allows the slides to be viewed using scrollbar if Javascript isn't available */
	position: relative; z-index: 5;
}

#nav {
	display: none ;
	list-style: none;
	position: absolute; ; 
	margin: 75px 0 0 0;
	z-index: 999999999;
	padding: 0;
	height: 0;
	width: 250px;
	
}
	div#comvideos ul#nav li#prev {
		float: left; margin: 0 0 0 15px;
	}
	div#comvideos ul#nav li#next {
		float: right; margin: 0 15px 0 0;
	}
	div#comvideos ul#nav li a {
		display: block; width: 40px; height: 40px; text-indent: -9999px;
	}
		div#comvideos ul#nav li#prev a {
			background: url(../images/prev.png) no-repeat;
		}
		div#comvideos ul#nav li#next a {
			background: url(../images/next.png) no-repeat;
		}

	ul#comvideoslides {
		list-style: none; margin: 0 0 0 0; height: 400px;
	}
	
		ul#comvideoslides {
		list-style: none; margin: 0 0 0 0; height: 200px;
	}
	
	
		div#comvideos ul#comslides li {
			margin: 0 0 20px 0;
		}
		
				div#comvideos ul#comvideoslides li {
			margin: 0 0 20px 0;
		}
		
		
		
		
		
			

#sitefooterwrapper { width: 100%; height: 725px; margin: 0px 0 0px 0; padding: 0 0 40px 0; background: white;}

#sitefooter {width: 980px; margin: 0 auto 0 auto; padding: 10px 0 30px 0; background: white;}

#badges {width: 980px; padding: 30px 0px 0 0;}
	#badges img{float: left; margin: 0 30px 0 0px;}
	
	#nabnums{ 
		float: left;
		font-size: 11px;
		line-height: 14px;
		color: #666666;
		margin:0px 30px 0 0;
		}
			#partners{
				margin: 0px 15px 7px 15px;
				text-align: left;
				padding: 0px;
				float: right;
			}
			 
#sitefooter ul{list-style: none}
	
#footer-left {float: left; width: 800px}

#mission {font-size: 19px; font-family: Arial, Helvetica, sans-serif; line-height: 24px; font-weight:bold; padding:30px 0px 30px 0; color: #333333;}

ul.footermenu a:link{text-decoration: none; color: #4d4d4d;}
ul.footermenu a:hover{text-decoration: underline; color: #4d4d4d;}
ul.footermenu a:active{text-decoration: none; color: #4d4d4d;}
ul.footermenu a:visited{text-decoration: none; color: #4d4d4d;}


ul.subcategory a:link{text-decoration: none; color: #005794;}
ul.subcategory a:hover{text-decoration: underline; color: #005794;}
ul.subcategory a:active{text-decoration: none; color: #005794;}
ul.subcategory a:visited{text-decoration: none; color: #005794;}


ul.pagelist li a:link{text-decoration: none; color: #4d4d4d;}
ul.pagelist li a:hover{text-decoration: underline; color: #4d4d4d;}
ul.pagelist li a:active{text-decoration: none; color: #4d4d4d;}
ul.pagelist li a:visited{text-decoration: none; color: #4d4d4d;}


	ul.footermenu {width:980px;  font-size: 18px; font-weight: bold; color: black;}
		ul.footermenu li {width:410px; float: left; margin: 0px 0 0px 0;}
		ul.footermenu li.aboutus {width:160px; float: left; margin: 0px 0 0px 0;}
		
		ul.subcategory { width:410px; float: left; font-size: 12px; font-weight:bold; margin: 5px 0 10px 0;}
		ul.subcategory.aboutus{ width:160px; float: left; font-size: 12px; font-weight:bold; margin: 5px 0 10px 0;}
			
			ul.subcategory li{float: left; width:110px; margin: 0px 15px 0px 0; line-height: 18px;}
				
			ul.pagelist {font-size: 12px; font-weight: normal; margin: 5px 0 0 0;}
				ul.pagelist li{}
			
#footer-right {float: left; width: 0px}		

#footerform {width: 500px; float: left; margin: 20px 0 0 0;}
		
		
	body {margin: 0}	
		
		
		<!--    ------------------------------- Commercial CSS ------------------ -->
		
	


#bc h4{
	color: #005594;
	font-size: 16px;
	font-weight: bold;
	margin: 0px 0 10px 0;
	text-align: left;
	
	}
#bc h5{
	color: #e28600;
	margin: 10px 0 0 0;
	font-size: 13px;
	
	}