@charset "utf-8";
/* CSS Document */

*
	{
	font-weight:normal;
	border:none;
	background-attachment: fixed;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding: 0;
	margin-left: 0px;
	}
	
body
 	{
		font-family:Arial, Helvetica, sans-serif;
background-color:#c5dde9;
	}
#main 
	{
		width:1346px;
		margin:0 auto;
		
	}


#mainFrame
	{
		width:970px;
		float:left;
		margin:0 187px 0 187px;
		
	}
#header
	{
		width:1346px;
		float:left;
		height:140px;
		background:#a2d2e8;
		
		
		
	}
#logo
	{
		width:380px;
		height:115px;
		float:left;
		background:url(images/logo.png) no-repeat;
		margin:10px 187px 0 187px;
	}
	
	
#image
	{
		width:380px;
		height:115px;
		float:left;
		background:url(images/logo.png) no-repeat;
		margin:10px 187px 0 187px;
	}
#menu
	{
	width:380px;
	float:left;
	margin-top: 50px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 60px;
		
	}
	
#menu menu
	{
		list-style:none;
	}
	
#menu menu li
	{
		float:left;
		
	}
	
#menu menu li a
	{
		color:#000;
		line-height:28px;
		text-decoration:none;
		display:block; 
		padding:0 15px;
		font-size:14px;
		cursor:pointer; 
		
	}
	
#menu menu li span
	{
		color:#000;
		line-height:28px;
		text-decoration:none;
		display:block;
		padding:0 15px;		
		cursor:pointer;
		font-size:14px;
		
		
	}
	
#menu menu li a:hover
	{
		
		background:url(images/Untitled-2.png) no-repeat;
		
	}
	
#imgarea
	{
	width:970px;
	height:379px;
	float:left;
	background-color:#3ba2cb;
	margin:0 0 0 0;
	margin:27px 187px 0 187px;
	background-image: url(images/SolarPowerGenerator-S.jpg);
	background-repeat: no-repeat;
	}
#quotebox
	{
		width:131px;
		height:34px;
		float:left;
		margin:311px 0 0 25px;
		background:url(images/quote.png);
	}
#quotebox a

	{
		font-size:14px;
		color:#ffffff;		
		display:block;
		line-height:30px;
		text-align:center;
		text-decoration:none;
		
	}
	
#main_contentarea
{
		width:970px;	
		float:left;
		margin:0 0 0 0;		
		margin:20px 187px 0 187px;
	}
	
#main_contentarea h1
{
	font-size:16px;
	color:#383838;
	padding:0 0 0 5px;
}

#line
{
		width:970px;
		height:3px;
		float:left;
		margin:12px 0 0 0;		
		background:#74c8ed;
	}
	
.box_left
	{
	width:733px;
	float:left;
	margin-top: 5px;
	margin-right: 5;
	margin-bottom: 0;
	margin-left: 0;
	padding-right: 5px;
	}
		

.box_left_big
	{
	width:970px;
	float:left;
	margin:20px 0 0 0;
	}
	
	
.box_left_big_right
	{
	width:800px;
	float:left;
	margin:20px 0 0 0;
	}
	
		
.box_left h2
	{
		font-size:12px;
		color:#2e2e2e;
		padding:10px 0 0 5px;
	}
.box_left h2 span
{	
	font-size:13px;
	color:#000;
	font-weight:bold;
	
}

.box_left h3
	{
		font-size:12px;
		color:#094e6a;
		padding:0 0 0 35px;
	}
	
.box_right
	{
	width:230px;
	float:left;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20;
	}
.logo
{
	width:168px;
	height:101px;
	float:left;
	margin:0 0 12px 50px;
	background:url(images/contact_logo.png);
}
.box_right h2
	{
		font-size:12px;
		color:#656565;
		padding:0 0 0 45px;
		font-family:Tahoma, Geneva, sans-serif;
		font-weight:bold;
	}
	.box_right h3
	{
		font-size:12px;
		color:#000000;
		padding:5px 0 0 45px;
	}
	.box_right h3 span
	{
		font-size:12px;
		color:#000000;
		padding:0 0 0 0;
		font-weight:bold;
		
	}
	
	.box_right h4
	{
		font-size:12px;
		color:#000000;
		padding:5px 0 0 45px;
		
	}
	
.form
	{
		width:743px;
		float:left;
		border:#CCC 1px double;
		background-color:#FFF;
		margin:0 0 0 20px; 
	}
	

	
.form-left
	{
		width:180px;
		float:left;
	}
	
.form-left label
	{
		display:block;
		font-size:14px;
		font-weight:bold;
		padding:0 0 0 20px;
		line-height:30px
	}
	
.form-right
	{
		width:251px;
		float:left;
	}
	
.form-right label
	{
		display:block;
		font-size:12px;
		color:#666;	
	}
	
.form-right span
	{
		font-size:12px;
		color:#333;	
		padding:0 0 0 10px;
	}
	
.form-right input[type="text"]
	{
		height:18px;
		border:1px #069 double;
		width:200px;
		margin:5px 0 5px 0;
	}
	
.form-right select
	{
		height:18px;
		border:1px #069 double;
		width:200px;
		margin:5px 0 15px 0;
	}
	
.form-right input[type="password"]
	{
		height:18px;
		border:1px #069 double;
		width:200px;
		margin:5px 0 5px 0;
	}
	
.form-right input[type="button"]
	{
		height:25px;
		padding:0 10px 0 10px;
		border:1px #069 double;
		background-color:#333;
		color:#FFF;
		margin:10px 0 10px 0;
		cursor:pointer;
	}

	
/*--------------------- start roofpage center area--------------------*/
#roofmain_contentarea
{
		width:970px;	
		float:left;
		margin:0 0 0 0;		
		margin:40px 187px 0 187px;
	}
	
#roofmain_contentarea h1
{
	font-size:16px;
	color:#383838;
	padding:0 0 0 5px;
	font-weight: normal;
}

#roof_imgarea
{
		width:970px;	
		float:left;
		margin:0 0 0 0;		
		
	}
#box_1
	{
		width:200px;
		
		float:left;
		margin:10px 0 0 0;
		
	}
#box_1_1
	{
	width:550px;
	float:left;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	}
#box_1_1 h1 
{
	font-size:25px;
	color:#033887;
	padding:0 0 0 35px;
	
}

#box_1_2
	{
		width:200px;
		float:left;
		margin:20px 0 0 0;
		height:145px;
		background:url(images/warranty.png) no-repeat;
	}

#box_2
	{
		width:485px;
		height:215px;
		float:left;
		margin:10px 0 0 35px;
		background:url(images/img_box.png)no-repeat;
		
	}
#box_3
	{
		width:226px;
		height:215px;
		float:left;
		margin:10px 0 0 20px;
		background:url(images/box_3_img.png) no-repeat;
	}
#roof_contant_area
{
		width:970px;	
		float:left;
		margin:40px 0 0 0;		
		
	}
#roof_contant_leftarea
{
		width:245px;	
		float:left;
		margin:10px 0 0 0;		
		
	}
#box_4
	{
		width:227px;
		height:21px;
		background:#a3d4e9;
		margin:0 0 0 0;
	}
	
	#box_4 h1
	{
		color:#383838;
		font-size:13px;
		font-weight:bold;
		padding:4px 0 4px 5px;
		font-family:Arial, Helvetica, sans-serif;
		
		
	}
#menu_2
	{
		width:245px;	
		float:left;
		margin:0 0 0 0;	
		
	}
	
#menu_2 menu
	{
		list-style:none;
	}
	
#menu_2 menu li
	{
		float:left;
		width:205px;
		padding:10px 0 0 26px;
		color:#033887;
		list-style:none;
		line-height:14px;
		font-size:14px;
		text-decoration:none;
		
	}
	
#menu_2 menu li a
	{
		color:#033887;
		font-size:14px;
		text-decoration:none;
		display:block;
			 
		
		
	}
#menu_2 menu li span
	{
		
		color:#000;
		
		
	}
	
#menu_2 menu li a:hover
	{
		
		color:#000;
		
	}	
	
	
	
#roof_contant_rightarea
{
		width:720px;	
		float:left;
		margin:10px 0 0 0;		
		
	}
#roof_contant_rightarea h1
	{
	color:#333;
	font-size:13px;
	padding:0 0 26px 0;
	font-weight:bold;
	}
	
#roof_contant_rightarea_2
	
	{
		width:410px;
		height:260px;
		float:left;
		margin:25px 0 0 0;
		background:url(images/map.jpg) no-repeat;
	}
#roof_contant_rightarea h3
	{
	font-size:12px;
	color:#000000;
	padding-top: 90px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 490px;
		
	}
	
	#roof_contant_rightarea h4
	{
	font-size:12px;
	color:#000000;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 510px;
		
	}
	
	#roof_contant_rightarea_bottom
{
		width:226px;	
		float:left;
		margin:10px 100px 0 0;		
		
	}
	
	#roof_content_rightarea_bottom
{
		width:500px;	
		float:left;
		margin:10px 100px 0 0;		
		
	}
	
	
	#roof_contant_rightarea_bottom h4
		{
			font-size:12px;
			color:#000;
			padding:0 0 0 10px;
			
		}
	
#box_4
	{
		width:227px;
		height:21px;
		background:#a3d4e9;
		margin:0 0 0 0;
	}
	
	#box_4 h1
	{
		color:#383838;
		font-size:13px;
		font-weight:bold;
		padding:4px 0 4px 5px;
		font-family:Arial, Helvetica, sans-serif;
		
		
	}
	#roof_contant_rightarea_bottom_2
{
		width:226px;	
		float:left;
		margin:10px 0 0 160px;		
		
	}
#roof_contant_rightarea_bottom_2_1
{
		width:226px;	
		float:left;
		margin:10px 0 0 0;		
		
	}	
#roof_contant_rightarea_bottom_2_1 h4
	{
			font-size:12px;
			color:#000;
			padding:0 0 0 10px;
			
		}
		
#roof_contant_rightbottom
{
		width:720px;
		height:36px;
		background:#a3d4e9;	
		float:left;
		margin:10px 0 0 0;		
		
	}	
	
	#roof_contant_rightbottom h5
	{
		font-size:14px;
		color:#383838;
		padding:5px 0 5px 5px;
		font-weight:bold;
	}
	
/*--------------------- end roofpage center area--------------------*/




/*---------------------start product center page area--------------------*/
.product_contant_area
{
		width:970px;	
		float:left;
		margin:10px 0 0 0;		
		
	}
	
	
	
.box_1product
	{
		width:230px;
		float:left;
		margin:0 0 0 0;
	}
.box_2product
	{
		width:305px;
		float:left;
		margin:0 0 0 60px;
	}
.box_2product h2
	{
		color:#000;
		font-size:16px;
		padding:15px 5px 0 0;
		
	}
.line
	{
		width:305px;
		height:3px;
		background:#74c8ed;
		margin:10px 0 0 0;
	}
	

	
	#menu_3
	{
		width:245px;	
		float:left;
		margin:0 0 0 0;	
		
	}
	
#menu_3 menu
	{
		list-style:none;
	}
	
#menu_3 menu li
	{
		float:left;
		width:205px;
		padding:10px 0 0 26px;
		color:#033887;
		list-style:none;
		line-height:14px;
		font-size:14px;
		text-decoration:none;
		
	}
	
#menu_3 menu li a
	{
		color:#033887;
		font-size:14px;
		text-decoration:none;
		display:block;
			 
		
		
	}
#menu_3menu li span
	{
		
		color:#000;
		
		
	}
	
#menu_2 menu li a:hover
	{
		
		color:#000;
		
	}	

.product_contant_area_2
{
		width:970px;	
		float:left;
		margin:50px 0 0 0;		
		
	}	
.productbox
	{
		width:192px;
		float:left;
		margin:0 50px 120px 0;
	}
	
.productbox p
	{
		color:#2e2e2e;
		font-size:12px;
		padding:0 0 0 0;
		text-align:justify;
	}
	
.productbox p span
	{
		font-weight:bold;
		color:#151414;
	}
	
	
	
	
	
	
	
	
		/*---------------------end product center page area--------------------*/
		
		
	
		/*---------------------start street light  center page area--------------------*/	
		
.streetleftbox
	{
		width:230px;
		float:left;
		margin:0 0 0 0;
	}
	
.streetleftbox_highpower
{
	background:#a3d4e9;
	width:200px;
	height:20px;
	margin:10px 0 0 0;
}

.streetbox
{
	background:none;
	width:200px;
	height:20px;
	margin:10px 0 0 0;
}
			
.streetleftbox h4
{
	color:#383838;
	font-size:14px;
	padding:2px 0 10px;
}		
		
	.streetrightbox
	{
	width:740px;
	float:left;
	margin:0 0 0 0;
	font-weight: normal;
	}		
		
.streetrightbox p
	{
	color:#2e2e2e;
	font-size:12px;
	font-weight: normal;
	text-align:justify;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 40px;
	}	
	
.streetrightbox pcenter
	{
	color:#2e2e2e;
	font-size:12px;
	text-align:center;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 40px;
	}	
		
.streetrightbox pcenterbold
	{
	color:#2e2e2e;
	font-size:12px;
	text-align:center;
	font-weight:bold
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 40px;
	}	
		
.solarpowercenter
	{
	color:#000;
	text-align:center;
	font-size:12px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 40px;
	font-weight: bold;
	}	
			
.pboldline
	{
	color:#000000;
	font-size:13px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 120px;
	font-weight: bold;
	}	
				
.streetrightbox h2
	{
		color:#033887;
		font-size:30px;
		padding:0 5px 10px 30px;
		
	}	
.streetbox_1
	{
		 width:195px;
		 float:left;
		 margin:0 0 0 20px;
		 
	}	
		
.streetbox_2
	{
	width:155px;
	float:left;
	margin:0;
	}	
.streetbox_2 h3
{
	font-size:13px;
	color:#2e2e2e;
	font-weight:bold;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15px;
}


.streetbox_3
	{
	width:auto;
	float:left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: auto;
	height: auto;
	text-align: left;
	vertical-align: 2%;
	position: static;
	top: 0px;
	padding: 2px;
	border: thin dotted #FFF;
	}	
.streetbox_3 h4
{
	font-size:13px;
	color:#2e2e2e;
	padding:0 0 0 40px;
}
.street_blackbox
	{
	width:205px;
	height:38px;
	float:left;
	background:#232323;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 15px;
	}
.street_blackbox h5
{
	color:#ebebeb;
	font-size:16px;
	text-align:center;
	padding:10px 0 0 0;
	font-weight:bold;
}
.street_blackboxnomargin
	{
	width:205px;
	height:38px;
	float:left;
	background:#232323;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	}
.street_blackboxnomargin h5
{
	color:#ebebeb;
	font-size:16px;
	text-align:center;
	padding:10px 0 0 0;
	font-weight:bold;
}
.streetrightbox_right ul
{
	list-style-image:url(images/bullet.png);
	margin:25px 10px 0 0;
	list-style-position: inside;
	font-weight: bold;
}
.streetrightbox_right ul li
	{
	font-size:12px;
	color:#033887;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 30px;
	}

.street_box_1
	{
		width:151px;
		float:left;
		background:url(images/street_box_1.png) no-repeat;
		height:140px;
		margin:20px 34px 0 0;
	}



/*---------------------start street light  center page area--------------------*/	
				
		
#footer
{
		width:1344px;
		height:45px;
		float:left;
		background:url(images/footer.png) ;
		margin:50px 0 0 0;
		position:fixed bottom; 
}
#footer h1
	{
		font-size:12px;
		text-align:center;
		color:#444441;
		padding:15px 0 15px 0;
	
	}
#footer h1 a
	{
		font-size:12px;
		text-align:center;
		color:#444441;
		padding:15px 0 15px 0;
	}
iv.grid      { width: 900px; }
div.grid div  { float: left; height: 220px; }
div.col100    { width: 450px; }
div.col200    { width: 270px; }
div.col300    { width: 300px; }
div.clear     { clear: both; }

iv.grid      { width: 900px; }
div.grid div  { float: left; height: 220px; }
div.col   { width: 480px; }
div.col2    { width: 350px; }
div.clear     { clear: both; }

iv.grid      { width: 900px; }
div.grid div  { float: left; height: 220px; }
div.collight   { width: 320px; }
div.collight2    { width: 320px; }
div.clear     { clear: both; }

.collight ul
{
	list-style-image:url(images/bullet.png);
	margin:25px 10px 0 0;
	list-style-position: inside;
	font-weight: bold;
}
.collight ul li
	{
	font-size:12px;
	color:#033887;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 30px;
	}
	
.collight2 ul
{
	list-style-image:url(images/bullet.png);
	margin:25px 10px 0 0;
	font-weight: bold;
	list-style-position: inside;
	font-weight: bold;
}
.collight2 ul li
	{
	font-size:12px;
	color:#033887;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
	}	

iv.grid      { width: 900px; }
div.grid div  { float: left; height: 220px; font-weight: bold; }
div.colsolarpanels   { width: 510px; }
div.colsolarpanels2    { width: 226px; }
div.clear     { clear: both; }

.colsolarpanels ul
{
	list-style-image:url(images/bullet.png);
	margin:25px 10px 0 0;
	list-style-position: inside;
	font-weight: bold;
}
.colsolarpanels ul li
	{
	font-size:12px;
	color:#033887;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 30px;
	}
iv.grid      { width: 900px; }
div.grid div  { float: left; height: 220px; }
div.ledlight   { width: 350px; }
div.ledlight2    { width: 390px; }
div.clear     { clear: both; }

.ledlight ul
{
	list-style-image:url(images/bullet.png);
	margin:20px 10px 10px 0px;
	list-style-position: inside;
	font-weight: bold;
}
.ledlight ul li
	{
	font-size:12px;
	color:#033887;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 30px;
	}
	
.ledlight2 ul
{
	list-style-image:url(images/bullet.png);
	margin:25px 10px 0 0;
	font-weight: bold;
	list-style-position: inside;
	font-weight: bold;
}
.ledlight2 ul li
	{
	font-size:12px;
	color:#033887;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
	}