* {
		margin:0;
		padding:0;
	}
	html {
		overflow-y: scroll;
	}
	img{
		border: none;
	}
	body{
		font-size:14px;
		font-family: 'Open Sans', sans-serif;
		background-color:#e7e7e7;
		text-align:left;
	}
	#wrapper{
		max-width:1030px;
		text-align:left;
		margin:0 auto;
		background-color: #fff;
		overflow: hidden;
	}
	#header{
		overflow: hidden;
		height: 140px;
	}
	.logo{
		float: left;
		margin-left:46px;
	}
	ul#introList{
		list-style:none;
		padding-bottom: 15px;
	}
	ul#introList li{
		color: #666;
		font-size: 0.9em;
		line-height:16px;
		padding: 0 0 3px 8px;
		background:url(../img/common/blue-bullet.gif) no-repeat 0 8px;
	}
	p{
		color: #666;
		font-size: 12px;
		padding-bottom: 8px;
		line-height:16px;
	}
	h1{
		color: #739bcb;
		font-size: 18px;
		padding-bottom: 8px;
		font-weight: bold;
		padding:0px;
		margin:0px;
		margin-bottom:15px;
	}
	h2{
		color: #739bcb;
		font-size: 16px;
		padding-bottom: 8px;
		font-weight: bold;
		padding:0px;
		margin:0 0 10px 0;
		
	}
	h3{
		color: #739bcb;
		font-size: 14px;
		padding-bottom: 8px;
		font-weight: bold;
		padding:0px;
		margin:0px;
	}
	a{
		text-decoration:none;
		color: #739bcb;
	}
	a:visited{
		color: #739bcb;
	}
	a:hover{
		color:#303030;
	}
	.main_pic{
		width: 940px;
		height: 190px;
		position:relative;
		margin: 15px 0 15px 45px;
	}
	#projectPanel{
		background-color:#303030;
		border-top: solid #fff 1px;
		overflow: hidden;
	}
	#projectCopy{
		float: left;
		width: 200px;
	}
	#projectPanel img{
		float: left;
		padding: 5px 15px 5px 5px;
	}
	#projectPanel h3{
		color:#fff;
		font-size: 1.6em;
		padding-top: 5px;
	}
	#projectCopy p{
		color:#fff;
		padding: 0;
	}
	
	
/*--HEADER-------*/
	#ctaBox{
		float: right;
		margin:15px 45px 0 0;
	}
	ul#social{
		margin-bottom: 50px;
		margin-left: 275px;
		overflow: hidden;
	}
	ul#social li{
		float: left;
		list-style: none;
	}
	.facebookHeader{
		margin-right: 5px;
	}
	ul#contact{
		margin-top:60px;
	}
	ul#contact li{
		/*float: left;*/
		list-style: none;
		padding-bottom:10px;
	}
	ul#contact li.emailHeader{
		background:url(../img/common/mail-icon-header.gif) no-repeat 0 3px;
		padding-left: 22px;
	}
	ul#contact li.phoneHeader{
		background:url(../img/common/call-icon-header.gif) no-repeat 0 2px;
		padding-left: 20px;
	}
/*--HEADER ENDS---*/	



		
/*--TOP NAV--------*/
	#navStrip{
		overflow: hidden;
		width: 940px;
		background-color: #303030;
		margin-left:45px;
	}
	#home #homeNav,
	#about #aboutNav,
	#domestic #domesticNav,
	#commercial #commercialNav,
	#solar #solarNav,
	#stadium #stadiumNav,
	#school #schoolNav,
	#energy #energyNav,
	#contact #contactNav{
		 background-color: #739bcb;
	}
	ul#topnav {
		margin: 0;
		font-size: 1.2em;
		background-color: #303030;
	}
	ul#topnav li {
		float: left;
		background-color: #303030;
		list-style: none;
	}
	ul#topnav li a {
		padding: 18px 18px;
		display: block;
		color: #f0f0f0;
		text-decoration: none;
	}
	ul#topnav li:hover {
		background-color: #739bcb;
	}
/*--TOP NAV ENDS-------*/





/*--IMAGE STRIP--------*/
	#main_pic{
		
		position:relative;
		margin: auto;
		
	}
	.infoBox{
		background-color: #303030;
		padding: 20px 30px 10px 30px;
		overflow:auto;
		position:absolute;
		z-index:100;
	}
	
	.infoBox p{
		color:#FFFFFF;
		font-size: 12px;
	}
	
	.infoBox h2{
		background-repeat: no-repeat;
		margin-bottom: 6px;
		text-align:left;
		color:#fff;
		font-size:1.4em;
		font-weight:bold;
	}
	
	.infoBox.message{
		left:20px;
		bottom:25px;
		width:350px;
		zoom: 1;
		filter: alpha(opacity=90);
		opacity: 0.9;
	}
	
/*--IMAGE STRIP ENDS-------*/




/*--SERVICES STRIP--------*/
	ul#serviceLinks{
		margin: 45px 0 0 45px;
		overflow: hidden;
	}
	ul#serviceLinks li{
		float: left;
		width: 312px;
		height: 148px;
		margin: 0 2px 2px 0;
		background-color:#06F;
		text-align: left;
		font-size: 1.2em;
		font-weight: bold;
		list-style: none;
	}
	ul#serviceLinks li a{
		width: 312px;
		display: block;
		color:#fff;
		margin: 120px 0 0 10px;
		background:url(../img/common/serviceArrow.png) no-repeat 280px 3px;
	}
	ul#serviceLinks li a:visited{
		color:#fff;
	}
	ul#serviceLinks li a:hover{
		color:#739bcb;
		background:url(../img/common/serviceArrowHover.png) no-repeat 280px 3px;
	}
	ul#serviceLinks li.domestic{
		background:url(../img/home/service-domestic.jpg) no-repeat 0 0;
	}
	ul#serviceLinks li.commercial{
		background:url(../img/home/service-commercial.jpg) no-repeat 0 0;
	}
	ul#serviceLinks li.solar{
		background:url(../img/home/service-solar.jpg) no-repeat 0 0;
	}
	ul#serviceLinks li.stadium{
		background:url(../img/home/service-stadium.jpg) no-repeat 0 0;
	}
	ul#serviceLinks li.school{
		background:url(../img/home/service-school.jpg) no-repeat 0 0;
	}
	ul#serviceLinks li.energy{
		background:url(../img/home/service-energy.jpg) no-repeat 0 0;
	}
/*--SERVICES STRIP ENDS-------*/




/*--HOME DETAILS-------*/
	
	#accreditations{
		margin: 25px 0 0 45px;
	}
	ul#accreditationLogos{
		
		margin: 0;
	}
	ul#accreditationLogos li{
		display:inline;
		margin: 0;
		
	}
/*--HOME DETAILS ENDS-------*/


	
/*--COMMON DETAILS-------*/	
		ul#commonServices{
		padding: 0 0 5px 10px;
		
	}
	ul#commonServices li{
		font-size: 12px;
		list-style: none;
		color:#fff;
		padding: 0 0 2px 8px;
		background:url(../img/common/white-bullet.gif) no-repeat 0 8px;
	}
	ul#commonServices h3{
		padding: 0 0 2px 10px;
		color:#fff;
	}
	ul#subLinks{
		width:375px;
		margin-top: 10px;
		margin-bottom: 0;	
	}
	ul#subLinks li{
		font-size: 12px;
		background-color: #303030;
		border-top: solid #fff 1px;
		list-style: none;
	}
	ul#subLinks li a{
		display: block;
		color:#fff;
		padding: 5px 5px;
		text-decoration: none;
		background:url(../img/common/serviceArrow.png) no-repeat 360px 7px;
	}
	ul#subLinks li a:hover{
		background-color: #739bcb;
	}
	
	#home ul#subLinks {margin-top:0px; display: none;}
	
/*--COMMON DETAILS ENDS-------*/	
	


/*--SOLAR ENERGY----*/
	#team {
		width: 550px;
	}
	.teamButton {	
		background:url(../img/common/serviceArrow.png) no-repeat 530px 7px;
		margin-bottom:1px;
		background-color: #e1e1e1e;
		border: solid #cccccc 1px;
		width: 550px;
		height: 30px;
		float: left;
		_float: none; 
		cursor: pointer;
	}
	.teamButton p{	
		padding: 8px 0 0 10px;
	}
	
	.teamContent {	
		width: 550px;
		float: left;
		_float: none; /* Float works in all browsers but IE6 */
		/*background: #ececec;*/
		border: solid #cccccc 1px;
		margin-bottom: 1px;
	}
	.teamContent p{	
		padding: 5px 5px 3px 10px;
		/*font-size: 1.2em;*/
		color: #666;
	}
	.teamContent ul{	
		list-style:none;
		padding-top: 10px;
	}
	.teamContent ul li{	
		font-size: 1.1em;
		padding: 0 5px 8px 10px;
		color: #fff;
	}
	.teamContent ul li a{	
		color: #fff;
	}
	.teamContent ul li a:visited{	
		color: #feab00;
	}
	.teamContent ul li a:hover{	
		color: #fff;
	}
	.on, .over {
		background-image:url(../img/common/serviceArrow.png);
		background-repeat: no-repeat;
		background-position: 530px 7px;
		background-color: #739bcb;
		
	}
/*--SOLAR ENERGY ENDS----*/	
	
	
/* CONTACT STARTS ______________________________ */

	/*.contactDetails{
		color:#00aeef;
		font-size: 2.2em;
		padding: 35px 0 70px 0;	
		line-height: 1.4em;
		font-weight: bold;
	}
	*/
	#contentRight p{
		color:#ffffff;
		padding: 0 0 5px 15px; 
	}
	#contentRight a{
		color:#ffffff;
	}
	#contentRight a:visited{
		color:#ffffff;
	}
	#contentRight a:hover{
		color:#333;
	}
/* CONTACT END ______________________________ */
	
	
	
	
	
	
	
/* Gallery starts-------------------------------------*/
	/*#galleryContentContainer{
		margin: 30px 0 30px 0;
		overflow: hidden;
	}
	#galleryContentContainer p{
		width: 650px;
	}
	#galleryContentContainer img{
		border: #CCC 5px solid;
	}
	.detail  {
		
		margin:0 19px 30px 0;
		width:450px;
		height: 400px;
	}
	.detailRight  {
		float:left;
		margin:0 0 30px 1px;
		width:450px;
	}
	#mainGallery p {
		font-size: 1.1em;
		width: 295px;
		background-color:#303030;
		padding: 5px 0 7px 5px;
		color: #fff;
	}
	#mainGallery a {
		color: #fff;
	}
	#mainGallery a:hover{
		color:#739bcb;
	}
	#mainGallery h1 {
		padding: 10px 0 2px 15px;	
		font-size: 1.6em;
	}*/
	#workContainer{
	width: 550px;	
	}
	.imagePanel{
		position: absolute;
		background-color:#739bcb;
		width: 550px;
		height: 25px;
		filter: alpha(opacity=80);
		opacity: 0.8;
	}
	.imagePanel p{
		color:#fff;
		padding: 5px 0 0 5px;
		font-weight: bold;
		text-transform: uppercase;
		font-size:1.1em;
	}
	ul.columns {
		width: 550px;
		list-style: none;
	}
	ul.columns li {
		width: 550px;
		margin: 0 0 19px 0;
		padding: 0;
		float: left;
		border-bottom: #CCC 1px solid;
	}
	ul.columns li img{
		/*float: left;*/
		width: 550px;
		padding-bottom: 10px;
	}
	.projectCopy{
		margin: 0 0 0 0;
		width: 550px;
	}
	.projectCopy h2{
		margin: 0 0 10px 0;
	}
/* Gallery ends-----------------*/