body{
	font-family: Arial, Helvetica, sans-serif;
  background: top url(images/header_bg_top.jpg) no-repeat;
  margin:0; background-color:#ccffcc
  }
header,footer,aside,section{
	display:block;
	}
a,input,textarea{
	outline:none;
	}
.clear{
	clear:both;
	}
	


h1{
font-family: Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:normal;
	margin:0;
	color:#054c60;
	border-bottom:1px solid #999;
	padding:0 0 10px 0;
	}

h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:normal;
	margin:0;
	color:#054c60;
	text-shadow:1px 1px 1px #fff;
	padding:0 0 10px 0;
	}

.full{
 width:100%;

 }

#container{
	width:990px;
	margin:0 auto;
	}
	
header{
	width:930px;
	margin:0 auto;
	height:113px;
	
	}	
	
.logo{
	width:329px;
	height:113px;
	float:left;
	margin-top:0px;
	}

#masterpanel {

	padding:0;
	margin:0 auto;
	


}

#masterpanel ul {
	padding:0;
	margin:0;
}
#masterpanel ul li {
	width:600px;
	background:url(images/list-img.png) left no-repeat;
	padding-left:30px;
	line-height:30px;
	list-style: circle;
	display:block;
	text-align: left;

}


a.facebook  { background:url(images/facebook.html) no-repeat;}
a:hover.facebook  { background:url(images/facebook_hover.html) no-repeat;}
a.twitter 	{ background:url(images/twitter.html) no-repeat;}
a:hover.twitter  { background:url(images/twitter_hover.html) no-repeat;}
a.rss 	{ background:url(images/rss.html) no-repeat;}
a:hover.rss  { background:url(images/rss_hover.html) no-repeat;}
a.linked	{ background:url(images/in.html) no-repeat;}
a:hover.linked  { background:url(images/in_hover.html) no-repeat;}


.menu{
  width:930px;
  margin:10px auto;
  height:49px;
  }
.menu_left{
	width:14px;
	height:49px;
	background:url(images/menu_left.png) no-repeat;
	float:left;
	}
.menu_center{
	width:902px;
	height:49px;
	float:left;
	background:url(images/menu_center.jpg) repeat-x;
	}

.menu_center ul{
	margin:0;
	padding:10px 0 0 0;
	}
.menu_center li{
	float:left;
	list-style:none;
	padding:0 7px;
	display: block;
	line-height:30px;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#8f8f8e;
	}
.menu_center li a{	
	text-decoration:none;
	color:#fff;
	}
.menu_center li a:hover, .menu_center li .current{
	color:#f4e610;
	}



.menu_right{
	width:14px;
	height:49px;
	background:url(images/menu_right.png) no-repeat;
	float:left;
	}
	
.banner
{
width:960px;
height:390px;
margin:20px auto;
position:relative;
padding:0;
}



#main{
	width:968px;
	padding:15px 15px 1px 15px;
	}
.services{
	width:955px;
	background: #EFEFEF url(images/gallery.png) repeat;
	border-radius:5px;
	margin:0 0 10px 0;
	padding:10px;
	}
.services ul{
	margin:0;
	padding:0;
	}
.services li{
	width:230px;
	padding:0 1px 10px 2px;
	float:left;
	list-style:none;
	}
.services li:last-child{
	padding:0;
	}
.services_img{
  	width:208px;
	height:160px;
	border:5px solid #FFF;
	margin:0 auto;
	
}

.services_title{
  	width:208px;
	text-align:center;
		font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	margin:0 auto;
	padding:5px 0;
	text-shadow:1px 1px 1px #fff;
	color:#095f77;
}


.services_text{
	width:208px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	color:#333px;
	font-size:12px;
	line-height:20px;
	}
.services_more{
	width:208px;
	text-align:center;
	height:30px;
	padding:10px 0;
	margin:0 auto;
	}
.text{
	width:700px;
	float:left;
	padding:10px;
	font-family:colaborate-regularregular, Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size:14px;
	line-height:18px;
	}
	
	.text_1{
	width:930px;
	float:left;
	padding:10px;
	font-family:colaborate-regularregular, Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size:14px;
	line-height:18px;
	}
.contactpage{
	width:560px;
	float:left;
	padding:10px;
}

.contactpage li{
	list-style:none;
}
	


.text a{
	text-decoration:none;
	color:#029441;
	}
.text a:hover{
	text-decoration:none;
	color:#000;
	}



.highlighted_text_block{
	margin:10px 0 0 0;
	padding:10px;
	font-family:colaborate-regularregular, Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size:18px;
	line-height:24px;
	background:#333;
	border-radius:5px;
	-moz-border-radius:5px;
	color:#CCC;
	}
.highlighted_text_block img
{
	width:176px;
	height:230px;
}
.highlighted_text_block strong
{
	color:#FFCC00;
}

.text2{
	width:700px;
	float:left;
	padding:10px;
	font-family:colaborate-regularregular, Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size:14px;
	line-height:18px;
	}


.text2 a{
	text-decoration:none;
	color:#029441;
	}
.text2 a:hover{
	text-decoration:none;
	color:#000;
	}

.text2 img{
	width:187px;
	height:300px;
	float:left;
	border:2px solid #000;
	margin:10px 10px 5px 0;
	}

.text2 ul{
	margin:0;
	padding:0;
	}
.text2 li{
	width:620px;
	float:left;
	display:block;
	background:url(images/arrow.html) no-repeat left 0px;
	list-style:none;
	margin:5px 0;
	padding:0 0 0 30px;
	}	

.form{
	width:240px;
	height:341px;
	float:right;
	background: url(images/form.png) no-repeat;
	}
.form h2{
	color:#fff;
	text-align:center;
	padding-top:15px;	
}

.form2{
	width:240px;
	float:right;
	background:#2a2a2a;
	}
.form2 h3{
	color:#fff;
	text-align:center;
	border:thin dashed #FFF;
}
.field{
	width:199px;
	padding:0;
	margin:5px 0;
	border:none;
	}
.textarea{
	width:199px;
	height:80px;
	border:none;
	padding:0 10px;
	background:url(images/textarea.html) no-repeat;
	}
.submit{
	width:152px;
	padding:5px 0 0 0;
	margin:0 auto;
	}
	
	
input#s {
    width:100%;
    border:0;
    border-radius:20px;
    background:transparent;
    height:16px;
    color:#777;
    text-shadow:0 1px 1px #fff;
}

input#s:focus {
        outline:none;
         color:#777;
    }

input#searchSubmit {
    width:19px;
    height:19px;
    text-indent:-9999px;
    overflow:hidden;
    border:0;
    position:absolute;
    top:7px; right:13px;
    z-index:5;
    display:none;
    cursor:pointer;
}



input[type="submit"].solid	{
	float: left;
	cursor: pointer;
	width: 130px;
	padding: 8px 6px;
	margin-left: 20px;
	background-color: #f8b838;
	color: rgba(134, 79, 11, 0.8);
	text-transform: uppercase;
	font-weight: bold;
	border: 1px solid #99631d;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	text-shadow: 0 1px 2px rgba(255, 255, 255, 0.7), 0 -1px 0 rgba(64, 38, 5, 0.9); 
	
	-moz-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6), inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 5px 0 #b8882a, 0 6px 0 #593a11, 0 13px 0 #ccc;
	-webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6), inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 5px 0 #b8882a, 0 6px 0 #593a11, 0 13px 0 #ccc;
	box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6), inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 5px 0 #b8882a, 0 6px 0 #593a11, 0 13px 0 #ccc;

	-webkit-transition: background 0.2s ease-out;
}
	
input[type="submit"].solid:hover, input[type="submit"].solid:focus	{
	background: #ffd842;
		
	-moz-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.9), inset 0 2px 1px rgba(255, 250, 76, 0.8), 0 5px 0 #d8a031, 0 6px 0 #593a11, 0 13px 0 #ccc;
	-webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.9), inset 0 2px 1px rgba(255, 250, 76, 0.8), 0 5px 0 #d8a031, 0 6px 0 #593a11, 0 13px 0 #ccc;
	box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.9), inset 0 2px 1px rgba(255, 250, 76, 0.8), 0 5px 0 #d8a031, 0 6px 0 #593a11, 0 13px 0 #ccc;
}
	
input[type="submit"].solid:active	{
	background: #f6a000;
	position: relative;
	top: 5px;
	border: 1px solid #702d00;
	
	-moz-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6), inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 3px 0 #b8882a, 0 4px 0 #593a11, 0 8px 0 #ccc;
	-webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6), inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 3px 0 #b8882a, 0 4px 0 #593a11, 0 8px 0 #ccc;
	box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6), inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 3px 0 #b8882a, 0 4px 0 #593a11, 0 8px 0 #ccc; 
}

.field input,.field textarea,select{width:189px;padding:5px 10px;color:#555;text-shadow:none;font:13px/18px Arial,Helvetica,sans-serif;background:url(images/field.html) repeat-x bottom #fff;-webkit-box-shadow:inset rgba(0,0,0,0.35) 2px 2px 12px,rgba(0,0,0,0.3) 0 -1px 2px;-moz-box-shadow:inset rgba(0,0,0,0.35) 2px 2px 12px,rgba(0,0,0,0.3) 0 -1px 2px;box-shadow:inset rgba(0,0,0,0.35) 2px 2px 12px,rgba(0,0,0,0.3) 0 -1px 2px;border:1px solid #8d8d8d;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}
.field input:hover,.field textarea:hover,select:hover{border:1px solid #0b8cb8; -webkit-box-shadow:inset rgba(0,0,0,0.35) 2px 2px 12px,#0b8cb8 0 0 10px;-moz-box-shadow:inset rgba(0,0,0,0.35) 2px 2px 12px,#095d7a 0 0 10px;box-shadow:inset rgba(0,0,0,0.35) 2px 2px 12px,#095d7a 0 0 10px;}



.footer{
	width:100%;
	background:#2a2a2a;
	padding:10px 0;
	margin:10px 0 0 0;
	}

footer{
	width:998px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0;
	margin:0 auto;
	}
.footer_left{
	width:645px;
	float:left;
	padding:10px 25px;
	}
.footer_left ul{
	margin:0;
	padding:0;
	}
.footer_left li{
	display:inline;
	padding:0 6px;
	color:#fff;
	text-shadow:1px 1px 1px #000;
	}
.footer_left li a{
	text-decoration:none;
	color:#fff;
	}
.footer_left li a:hover{
	color:#67d1f0;
	}
	
.footer_right{
	width:190px;
	float:right;
	color:#fff;
	padding:10px 10px 0 0;
	text-align:right;
	}
.footer_right a{
	text-decoration:none;
	color:#fff;
	}
.footer_right a:hover{
	color:#67d1f0;
	}


.ws{
	width:80px;
	float:right;
	height:25px;
	text-indent:-9999px;
	}
.ws a{
	background:url(images/ws.html) no-repeat;
	display:block;
	height:25px;
	text-indent:-9999px;
		 -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
	}
	
.ws a:hover{
	background:url(images/ws_hover.html) no-repeat;
	
		 -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
	}

.footer_right_2{
	width:100px;
	float:left;
	}
	
/*--------------top slider css Start-----------------------------*/
			
				#slider_wrapper{width:950px;  height:170px; float:left; padding:14px 0 0px 0; position:relative; background:url(images/gallery.png) repeat;}
			.arrow_left{width:26px; height:31px; float:left; position:absolute; z-index:5; top:-40px; left:190px;}
			.slide_image_wrapper{width:950px; height:170px; float:left;  text-align:left; padding:0 0 0 7px; overflow:hidden;}
			.arrow_right{width:26px; height:31px; float:left; padding:0; position:absolute; z-index:5; top:-40px; left:150px;}
			#slide_image_contener {width:950px; height:170px;  float:left; padding:0px;}
			#slide_image_contener ul#slide {margin:0; padding:0; list-style: none; float: left; width:690px;}
			#slide_image_contener ul#slide li {float: left; margin:0 10px 0 0;  padding:0 0 0 7px; width:218px; height:170px; border-radius:5px;}
			
			/*--------------------------top slider css ends --------------------------*/
			
.enquiry{
	background:url(images/enquiry.html) no-repeat center right;
	}
	
	

table {
    *border-collapse:collapse; /* IE7 and lower */
    border-spacing: 0;
    width: 930px;
	margin:10px 0 0 0;
}

.bordered {
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;         
}

.bordered tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
    
.bordered td, .bordered th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 5px;
    text-align: left;    
}

.bordered th {
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:    -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:         linear-gradient(top, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
}

.bordered td:first-child, .bordered th:first-child {
    border-left: none;
}

.bordered th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.bordered th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.bordered th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.bordered tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.bordered tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}



/*----------------------*/

.zebra td, .zebra th {
    padding: 10px;
    border-bottom: 1px solid #f2f2f2;    
}

.zebra tbody tr:nth-child(even) {
    background: #f5f5f5;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
}

.zebra th {
    text-align: left;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
    border-bottom: 1px solid #ccc;
    background-color: #eee;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#eee));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #eee);
    background-image:    -moz-linear-gradient(top, #f5f5f5, #eee);
    background-image:     -ms-linear-gradient(top, #f5f5f5, #eee);
    background-image:      -o-linear-gradient(top, #f5f5f5, #eee); 
    background-image:         linear-gradient(top, #f5f5f5, #eee);
}

.zebra th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;  
}

.zebra th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.zebra th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.zebra tfoot td {
    border-bottom: 0;
    border-top: 1px solid #fff;
    background-color: #f1f1f1;  
}

.zebra tfoot td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.zebra tfoot td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}

.zebra tfoot td:only-child{
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px
    border-radius: 0 0 6px 6px
}
  
.contact_background_block
{
	background:url(images/contact.html) no-repeat right center;
}


textarea{ width:390px; border:1px solid #dedede; margin:10px 0; padding:2px; background:#fff; float:left;}

input.text{ width:390px; border:1px solid #dedede; margin:5px 0; padding:5px 2px; height:16px; background:#fff; float:left;}
textarea:hover { width:390px; border:1px solid #dedede; margin:10px 0; padding:2px; background:#fff; float:left; box-shadow:inset rgba(0,0,0,0.15) 4px 4px 10px,#ff0000 0 0 2px; transition: all 0.3s ease 0s}

input.text:hover { width:390px; border:1px solid #dedede; margin:5px 0; padding:5px 2px; height:16px; background:#fff; float:left; box-shadow:inset rgba(0,0,0,0.15) 4px 4px 10px,#ff0000 0 0 2px; transition: all 0.3s ease 0s}

label { margin:0; width:110px; display:block; padding:5px 0; font:normal 12px Tahoma, Geneva, sans-serif; color:#000; float:left;}

.content_img_thumb_block
{
width:700px;
margin:10px 0 0 0;
}
.content_img_thumb_block ul
{
margin:0;
padding:0;
}
.content_img_thumb_block ul li
{
padding:0;
margin:0;
width:295px;
background:none;
border:5px solid #089c46;
border-radius:5px;
-moz-border-radius:10px;
float:left;
padding:5px;
margin:0 15px 0 15px;

}
.content_img_thumb_block ul li:hover
{
border:5px solid #424242;
}
.content_img_thumb_block ul li h3
{
text-align:center;
font-size:21px;
padding:10px 0 10px 0;
font-weight:normal;
margin:0;
}

.content_img_thumb_block ul li p
{
font-size:14px;
padding:190px 0 5px 0;
font-weight:normal;
margin:0;
}

.content_img_thumb_block ul li img
{
width:295px;
height:180px;
border:none;
margin:0 auto;
padding:0;
}


.home_text{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:justify;
	line-height:22px;
	color:#000;
	padding:10px 10px 10px 10px;
}
.spark ul{
		margin:0px;
	float:left;
	text-decoration:none;




}
.spark li{
	margin:0px;
	float:left;
		list-style:none;
			line-height:30px;
	padding:10px 0px 0px 30px;
		font-family:Verdana, Geneva, sans-serif;
		color:#000;
	font-size:12px;
	font-weight:normal;
	background: url(images/disc.gif)  0 17px no-repeat;
}

.sidenav{
	width:240px;
	float:right;
}

.sidenav ul{
	margin:0px;
	padding:0px;
}

.sidenav ul li{
	width:220px;
	list-style:none;
	padding-left:20px;
	display: inline;
	line-height:20px;
	margin-bottom:5px;
}

.sidenav ul li a{
	text-align:left;
	display:block;
	padding:5px;
	background:#2a2a2a;
	color:#FC0;
	text-decoration:none;
}

.sidenav ul li a:hover{
	background:#F30;
	color:#FFF;
	text-decoration:none;
}
.calculator{
	margin:0 auto;
	width:auto;
	height:auto;
}

.productimg{
	box-shadow:#333 2px 3px 3px;
	margin-right:10px;
	float:left;
	height:183px;
	width:292px;
	border:#DBDBDB 4px solid;
	
}


.support{
	width:940px;
	margin:0 auto;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
	}

.sunnova_table_chart{
		background:#EFEFEF;
		border: thin solid #e4e4e4;
		font-family:Verdana, Geneva, sans-serif;
		font-size:12px;
		color:#333;
		font-weight:normal;
		line-height:24px;
		text-align:center;
}

.addressright{
	width:340px;
	float:right;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	line-height:20px;
}

iframe{
	border:#F4F0D5 4px solid;
	
}

iframe:hover{
	border:#F4F0D5 4px solid;
	box-shadow:inset rgba(0,0,0,0.15) 4px 4px 10px,#ff0000 0 0 2px;
}


.text li{
	list-style:none;
}
.h_3{ font-size:16px; color:#666;}
.b_bot{ border-bottom:1px dashed #6a940f; margin:20px 0px; float:left; padding:0px; width:700px;}