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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* Global Css */

body
{
	background-color:#cccccc;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
}


div#main
{
	margin:16px auto 10px;
	text-align:left;
	background:#FFF;
	width:970px;
	overflow:hidden;
	position:relative;
}
div#mainContent a.poplink
{
	font-size:13px; 
	text-decoration:none;
	color:#F93;
}

div#mainContent a.poplink:hover
{
	text-decoration: underline;
}

/*header Css */

div#header
 {
	 background:url(images/header.jpg) no-repeat;
	 width:954px;
	 height:215px;
	 margin:0 auto;
	 margin-top:10px;
	 margin-bottom:0px;
	 position:relative;
  }
  
  div#headerSec
 {
	 background:url(images/header_sec.jpg) no-repeat;
	 width:954px;
	 height:279px;
	 margin:0 auto;
	 margin-top:10px;
	 margin-bottom:0px;
	 position:relative;
  }
  
  div#header ul, div#headerSec ul
  {
	  padding:120px 0 0 32px;
  }
  
  div#header ul a:link,  div#header ul a:active,  div#header ul a:visited, div#headerSec ul a:link,  div#headerSec ul a:active,  div#headerSec ul a:visited 
  {
	  text-decoration:none;
	  color:#464646;
	  font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	  line-height:18px;
  }
    
  div#header ul a:hover, div#headerSec ul a:hover
    {
		  color:#FF9900;
		  
	}

  div#header ul a.active:link,   div#header ul a.active:visited,   div#header ul a.active:active, div#headerSec ul a.active:link,   div#headerSec ul a.active:visited,   div#headerSec ul a.active:active 
  {
	    color:#FF9900;
		 font-weight:bold;
  }

  div#header div#contact-Butt 
  {
	position:absolute;
	top:144px;
	right:1px;
	width: 314px;

  }
    div#headerSec div#contact-Butt 
  {
	position:absolute;
	top:144px;
	right:1px;
	width: 314px;

  }
  
  div#header div#contact-Butt-contact
  {
	position:absolute;
	top:145px;
	right:4px;
	width: 185px;

  }
   div#headerSec div#contact-Butt-contact
  {
	position:absolute;
	top:145px;
	right:4px;
	width: 185px;

  }
  
  
   
    div#contact-popup
	{
		display:none;
		border:4px solid #EEEEEE;
		background-color:#CCCCCC;
		width:280px; height:188px;
		position:absolute; 
		top:215px; 
		right:30px; 

	}
   
     div#header div#closeDiv
	{
		width:25px; 
		border:0px solid; 
		float:right;
		overflow:hidden;
	}
	
	div#headerSec div#closeDiv
	{
		width:25px; 
		border:0px solid; 
		float:right;
		overflow:hidden;
	}
	
	  div#header div#closeDiv a	
	  {
		cursor:pointer;
		color:#000000;
	  }
	  
	   div#headerSec div#closeDiv a	
	  {
		cursor:pointer;
		color:#000000;
	  }
	
	   div#header div#evaDiv
	{
		 float:left; 
		 width:215px;
		 border:0px solid;
		 overflow:hidden;
	}
	  div#headerSec div#evaDiv
	{
		 float:left; 
		 width:215px;
		 border:0px solid;
		 overflow:hidden;
	}
	
	  div#header div#evaDiv td.align
	  {
		  text-align:right;
	  }
	  
	   div#headerSec div#evaDiv td.align
	  {
		  text-align:right;
	  }
	
	  div#header div#evaDiv td
	  {
		  font-size:11px;
		  color: #464646;
		  font-family:Verdana, Geneva, sans-serif;

	  }
	  
	  div#headerSec div#evaDiv td
	  {
		  font-size:11px;
		  color: #464646;
		  font-family:Verdana, Geneva, sans-serif;

	  }
	  
	  div#headerSec div#evaDiv td
	  {
		  font-size:11px;
		  color: #464646;
		  font-family:Verdana, Geneva, sans-serif;

	  }
	  
	 div#header div#evaDiv table
	  {
		  margin-top:5px;
	  }
	
	div#headerSec div#evaDiv table
	  {
		  margin-top:5px;
	  }
	
		 div#header div#evaDiv table input
	  {
		  margin-bottom:5px;
		  margin-left:4px;
		 
		 }
		 
		  div#headerSec div#evaDiv table input
	  {
		  margin-bottom:5px;
		  margin-left:4px;
		 
		 }
		
	
	
	
	   /********************Middle content syle**************/
	
	  
   div#mainContent
   {
	   overflow:hidden;
	   
   }
   
   div#flashIntro
    {
		margin:0 0 0 8px;
	}
   
   /***************Footer Styles*******************/
	
	   div#footer
        {
	  
	   font: 11px Verdana, Geneva, sans-serif;
	   color:#464646;
	   text-align:center;
	   margin-bottom:20px;
	   clear:both;
        }
		
		div#footer p#divider
		{
			margin-bottom:40px;
		}
		
	   div#footer a:link,div#footer a:visited, div#footer a:active
	   {
		   color:#ff9900;
		   text-decoration:none;
	   }
	   
	   div#footer a:hover
	   {
		   text-decoration:underline;
	   }
	   
	   div#footer img
	   {
		   margin-right:10px;
	   }
	   
	   
	   
	   
	   
	   /************** Why chose us page *********************/

     div#mainContent div#afterMainContent
	 {
		 margin-top:25px;
	 }
	   
	   
	   
	   div#mainContent h1
	   {
		   color: #FF9900;
		   font: bold 20px Georgia, "Times New Roman", Times, serif;
		   padding: 5px 0 10px 35px;
		   background:url(images/sun.jpg) no-repeat;
		   margin:0 40px 15px 40px;
		   border-bottom:1px solid #cccccc;
		   
	    }
		
       div#mainContent h2
	     {
		   color: #FF9900;
		   font: bold 16px Georgia, "Times New Roman", Times, serif;
		   padding: 3px 0 10px 25px;
		   background:url(images/sunsmall.jpg) no-repeat;
		   margin:15px 40px 15px 40px;
		   border-bottom:1px solid #FF9900;;
		   
	    }
		
	   
	   div#mainContent div#pictCol
	   {
		   float:left;
		   margin:8px 25px 0 35px;
		   width:258px;
		   overflow:hidden;
		   display:inline;
	   }
	   
	     div#mainContent div#pictCol img
		 {
			 margin-bottom:15px;
			 border:4px solid #CCC;
		 }
		 
		 div#rightColum
		 {
			 width:600px;
			 float:left;
		 }
		 
		  div#mainContent div#rightColum p
		  {
			  font-size: 13px;
			  color: #464646;
			  font-family:Verdana, Geneva, sans-serif;
			  line-height:18px;

		  }
		  
		    div#mainContent div#rightColum ul
			{
			  font-size: 13px;
			  color: #464646;
			  font-family:Verdana, Geneva, sans-serif;
			  list-style-image:url(images/bullet.jpg);
			  margin-left:40px;
			   line-height:18px;
			}
		  
		      div#mainContent div#rightColum ul li
			  {
				  margin:10px 0;
			  }

             p#call
		      {
				  font-weight:bold;
			  }
			  
			  .bold
			  {
				  font-weight:bold;
			  }
			  
			  div#mainContent div#rightColum a:link, div#mainContent div#rightColum a:visited, div#mainContent   div#rightColum a:active
			  {
				  	   color:#ff9900;
            		   text-decoration:none;
			  }

			div#mainContent div#rightColum a:hover
			  {
            		   text-decoration: underline;
			  }
			  
			  
			  
	   /************** ContactUs *********************/
	   
	    div#mainContent div#sideImages
		{
			float:left;
		   margin:8px 25px 0 35px;
		   width:258px;
		   overflow:hidden;
		   display:inline;
		}
		
		 div#mainContent div#sideImages img
		 {
			 margin-bottom:15px;
			 border:4px solid #CCC;
		 }
	   
	   div#mainContent div#contactForm
	   {
		   	 width:600px;
			 float:left;
		     font-size: 13px;
			 color: #464646;
			 font-family:Verdana, Geneva, sans-serif;
             line-height:18px;
			 margin-bottom:10px;
		}
	  	   div#mainContent div#contactForm a
	   {
		     font-size: 13px;
			 color: #F90;
			 text-decoration:none;
			}
	  
	  	   div#mainContent div#contactForm a:hover
     	   {
			 text-decoration: underline;
			}
	  
	  
	   div#mainContent div#contactForm .leftText
	   {
		   text-align:right;
		   width:230px;
		   float:left;
		   overflow:hidden;
	   }
	   
	   div#mainContent div#contactForm .rightText
	   {
		   text-align:right;
		   width:320px;
		   float:left;
		   overflow:hidden;
	   }
	   
	   
	     div#mainContent div#contactForm input:focus
		 {
			 background-color: #CCC ;
		 }
		 
	   div#mainContent div#contactForm #Address
	   {
		   clear:both;
		   margin-top:10px;
	   }

 div#mainContent hr#divider2
 {
	 
      width:96%;
	  clear:both;
	  text-align:center;
	   
 }
 
  div#mainContent img#locImg
 {
	 float:left;
	 margin:40px 30px 20px 35px;
 }
 
  div#mainContent p
  {
	  font-size:13px;
	  color: #464646;
	  line-height:18px;
  }
  
    div#mainContent P#afterImg
   {
	   margin-top:80px;
   }
   
   
   	   /************** Commercial Solar CSS *********************/
	   
	    div#commercialDiv div#mainCon p
		 {
			 margin:0 50px 0 60px;
			 
		 }
		 
		 div#commercialDiv ul
		 {
			 font-size:13px;
			 line-height:18px;
			 list-style:circle;
			 margin:10px 0 15px 0; 
		 }
		 
		  div#commercialDiv ul li
		 {
			 margin:0 30px 6px 80px;
			 color: #464646;
		 }
   
		div#commercialDiv img#pieChsrtImg
		   {
			   margin:0px 0px 10px 30px;
			   border-bottom-color:#036;
		   }
		   
		  div#commercialDiv  ul#CommLinkList
		  {
			  list-style:none;
			   margin-top:20px;
		  }
		  
		    div#commercialDiv  ul#CommLinkList li
		     {
 			  display:inline;
			  height:33px;
			  font-size:24px;
    		  color: #CADCB2;			 
			  padding:0px 0 0 35px;
			  margin-left:10px;
              }
		        div#commercialDiv  ul#CommLinkList li a
		       {
			  text-decoration:none;
 			  color: #CADCB2;
			 
		       }
		  
		  
		    div#commercialDiv  ul#CommLinkList li#saveLink
		       {
			  background:url(images/grey.jpg) no-repeat;
			  	 margin-left:80px;
 			 
			  }
		    div#commercialDiv  ul#CommLinkList li#createLink
		     {
 			 background:url(images/blue.jpg) no-repeat;
			
		     }
		      div#commercialDiv  ul#CommLinkList li#Evaluate
		     {
 			 background:url(images/green.jpg) no-repeat;
			 	
		      }
		      div#commercialDiv  ul#CommLinkList li#whyClaryLink
		      {
 			 background:url(images/orange.jpg) no-repeat;
			 
		     }
	
		  
		  div#commercialDiv a.popLink:link,	div#commercialDiv a.popLink:active, div#commercialDiv a.popLink:visited
		  {
			  color:#FF9900;
			  text-decoration:none;
			  font-size:13px;
		
			  }
			  
  		  div#commercialDiv a.popLink:hover
 		  {
 		  text-decoration: underline;
		  }
		  
		 div#commercialDiv a#popcreate
		  {
			 	  margin:10px 0 10px 380px; 
		  }
		  
		  
   	   /************** Commercial Solar Create part *********************/
	   
	   
	   div#solarModuleDiv
	   {
		   width:430px;
		   height:362px;
	       float:left;
		   display:inline;
		   margin:25px 10px 10px 38px;
		   border:#F93 solid 1px;
	   }
	      div#commercialDiv div#evaluateCont p
		 {
			 margin:0 50px 0 60px;
			 
		 }
		 
	   	div#commercialDiv h2.productHead
		 {
           font-size:13px;
		   padding: 5px 0 10px 25px;
		   margin:15px 10px 15px 10px;
		 }
		 
		  div#mainContent p.prodDesc
		   {
			   margin:5px;
			   font-size:11px;
			   line-height:15px;
			   color: #464646;
			   text-align:justify;

			}

			div#commercialDiv img.productImg
			 {
				 margin:40px 0 0 80px;
			 }

       div#commercialDiv a
		{
			text-decoration:none;
			color:#F90;
		}
			 
	   div#InverterDiv
	   {
		  width:430px;
		  height:362px;
		  float:left;
		  display:inline;
		  margin:25px 15px 10px 5px;
		  border:#F93 solid 1px;
	   }
	   
	   
	   	   div#electricPanelDiv
	   {
		   width:430px;
		   height:362px;
		   float:left;
		   display:inline;
		   margin:5px 10px 10px 38px;
		   border:#F93 solid 1px;
	   }
	   
	       div#utilityMeterDiv
	   {
		   width:430px;
		   height:362px;
		   float:left;
		   display:inline;
		   margin:5px 10px 10px 5px;
		   border:#F93 solid 1px;
	   }
	   
     	   div#utilityGrid
	   {
		   width:724px;
		   height:383px;
		   clear:both;
		   margin:5px 10px 10px 38px;
		   border:#F93 solid 1px;
	   }
	   
	    div#utilityGrid img
		{
			margin-left:5px;
		}
		
		div#commercialDiv p.affterDesc
		{
			margin-left:40px;
			font-size:13px;
		}
	   
	   
	    /************** Commercial Solar Evalaute part *********************/  
	   
	   
	     div#mainContent ul#evaluateList p
  {
	  font-size:13px;
	  color: #464646;
	  line-height:18px;
  }
  
  	     div#mainContent ul#evaluateList li
		 {
			 list-style-image:url(images/bullet.jpg);
		 }


     div#mainContent div#divAddress
	  {
		  width:770px;
		  height:55px;
		  border:0px solid #999999; 
		  padding:5px; 
		  background-color:#FFFFCC;
		  margin:30px 0 10px 50px;
	  }
  	  
	   div#mainContent div#divAddress p
	   {
		   margin-left:10px;
	   }
	   div#divAddress span
	   {
		   color: #464646;
		   font-size:13px;
		   margin:0 10px 0 30px;

	   }
	   div#evaluateCont div#mapDiv
	   {
	   width:600px;
	   height:400px;
	   border:1px solid #cccccc;
	   background-color:#EFEFEF;
	   position:relative;
	   margin-left:80px;
	   }
			
			
  	   /************** Residential Solar pages *********************/
	   
	  div#secndNavi 
	   {
		   margin:0 0 20px 8px;
  		   overflow:hidden;
		}
		div#whySolar
		{
			width:950px;
			overflow:hidden;
		}
	     div#whySolar p
		 {
			 margin:0 25px 0 55px;
			 text-align:justify;
			 font-size:13px;
		 }
    	 div#whySolar img
		  {
			  margin:10px 0px 10px 180px;
		  }
		  
		  div#whySolar img#topimg
	      {
			  margin-left:0px;
	      }
		  
	 /************** how it works page *********************/
	 
	  div#solarModuleDiv
	   {
		   width:430px;
		   height:362px;
	       float:left;
		   display:inline;
		   margin:25px 10px 10px 38px;
		   border:#F93 solid 1px;
	   }
	
	   	div#HowWorks h2.productHead
		 {
           font-size:13px;
		   padding: 5px 0 10px 25px;
		   margin:15px 10px 15px 10px;
		 }
		 

		div#HowWorks img.productImg
		 {
			 margin:30px 0 0 80px;
		 }
		 
			div#HowWorks img#highTextImg
		 {
			 margin:5px 0 0 80px;
		 }
			 
	   div#InverterDiv
	   {
		  width:430px;
		  height:362px;
		  float:left;
		  display:inline;
		  margin:25px 15px 10px 5px;
		  border:#F93 solid 1px;
	   }
	   
	   
	   	   div#electricPanelDiv
	   {
		   width:430px;
		   height:362px;
		   float:left;
		   display:inline;
		   margin:5px 10px 10px 38px;
		   border:#F93 solid 1px;
	   }
	   
	       div#utilityMeterDiv
	   {
		   width:430px;
		   height:362px;
		   float:left;
		   display:inline;
		   margin:5px 10px 10px 5px;
		   border:#F93 solid 1px;
	   }
	   
     	   div#residUtilityGrid
	   {
		   width:877px;
		   overflow:hidden;
		   clear:both;
		   margin:5px 10px 10px 38px;
		   border:#F93 solid 1px;
	   }
	   
	    div#residUtilityGrid img
		{
			margin:25px 0 30px 65px;
		}
		
	   
	       div#HowWorks p.affterDesc
		 {
			 margin:0 50px 0 50px;
			 font-size:11px;
			 
		 }

  
  	 	    div#mainContent div#HowWorks ul
			{
			  font-size: 11px;
			  color: #464646;
			  font-family:Verdana, Geneva, sans-serif;
			  list-style-image:url(images/bullet.jpg);
			  margin:0 40px 0 75px;
			   line-height:18px;
			}
		  
		      div#mainContent div#HowWorks ul li
			  {
				  margin:10px 0;
			  }
	 
	   	div#HowWorks a
		{
			text-decoration:none;
			color:#F90;
		}
		
			#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#ffffda;
	padding:8px 5px;
	color:#5f5f5f;
	display:none;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:16px;
	}	
	 
		
	
		 /************** walt smith page *********************/ 
		 
		 div#waltSmith div#box
		 {
			 margin-left:12px;
			 margin-top:10px;
		 }
		 div#waltSmith div#contMiddle
		 {
		  background-image: url(images/Box-content.jpg); 
		  width:945px;
		  overflow:hidden;
		 }
		 
		 div#contMiddle div#firstColum
		  {
			  width:220px;
			  overflow:hidden;
			  display:inline;
			  float:left;
			  margin-left:20px;
			  margin-right:10px;
		
		  }
		  
		   div#contMiddle div#firstColum h4
		   {
		     color: #464646;
			 font-size:14px;
			 font-family:Arial, Helvetica, sans-serif;
			 margin-bottom:15px;
			 margin-top:30px;
		   }
		   
		   div#contMiddle div#firstColum img
		    {
				margin:10px;
		    }
		   
		   div#contMiddle div#firstColum span.typeText
			 {
				 color: #999999;
				 font-size:10px;
				 font-family:Arial, Helvetica, sans-serif;				 

			 }
			 
		      div#contMiddle div#firstColum span.typeDec
			 {
				 color: #464646;
				 font-size: 12px;
				 font-family:Arial, Helvetica, sans-serif;				 

			 }
			 
		
		   div#contMiddle div#secondColum
		    {
			  width:450px;
			  overflow:hidden;
			  display:inline;
			  float:left;
			  margin-left:5px;
		   }
		  
		     div#contMiddle div#thirdColum
		  {
			  width:210px;
			  overflow:hidden;
			  display:inline;
			 }
		  
				 
			 div#contMiddle div#foruthColum
			 {
				 clear:both;
				 width:920px;
				 overflow:hidden;
				 display:inline;
				 margin-left:20px;
			 }
			 
			 div#contMiddle div#foruthColum img
			  {
				  margin-left:20px;
				  margin-bottom:20px;
				  overflow:hidden;
				  float:left;
			  }
			  
	
	
	 /************** Client Stories page pages *********************/ 
		 
		 div#clientStories img#clientRecImg
		 {
			 margin-top:10px;
		 }
		 div#clientStories div.boxSmall
		 {
			 margin:20px 0px 20px 90px;
		 }
		 div#clientStories div.contMiddleSmall
		 {
		  background-image: url(images/Box-middle-small.jpg);
		  width:780px;
		  overflow:hidden;
		 }
		 
		 div.contMiddleSmall div.firstColum
		  {
			  width:190px;
			  overflow:hidden;
			  display:inline;
			  float:left;
			  margin-left:25px;
		
		  }
		  div.contMiddleSmall div.firstColum img
		  {
			  margin:20px 0px 10px 10px;

		  }

		   	  div.contMiddleSmall div.firstColum a
		  {
			  color:#FF9900;
			  font-size:12px;
			  text-decoration:none;
		  }


		 div.contMiddleSmall div.firstColum span.typeText
			 {
				 color: #999999;
				 font-size:10px;
				 font-family:Arial, Helvetica, sans-serif;				 

			 }
			 
		 div.contMiddleSmall div.firstColum span.typeDec
			 {
				 color: #464646;
				 font-size: 12px;
				 font-family:Arial, Helvetica, sans-serif;				 

			 }
			 
		
		 div.contMiddleSmall div.firstColum h3.head
		 {
		  color: #464646;
		  font-size: 12px;
		  font-weight: bold;
		  font-family:Arial, Helvetica, sans-serif;
		  text-align:center;
		  margin-bottom:10px;
		 }
		
		 div.contMiddleSmall div.secondColumSmall
		    {
			  width:520px;
			  overflow:hidden;
	    
		   }
		  
        div.contMiddleSmall div.secondColumSmall p
		{
			line-height:15px;
			font-size:12px;
			color: #464646;
			font-family:Arial, Helvetica, sans-serif;

		}
		
		div.contMiddleSmall div.secondColumSmall p.italic
		 {
			 font-style:italic;
		 }
		 
		 
 	 /************** privacy page *********************/ 
	
   div#mainContent div#privacy
	{
		width:850px;
		overflow:hidden;
		margin:30px 0 0 60px;
	}
	
	div#mainContent div#privacy p
	{
		font-size:13px;
		line-height:18px;
		text-align:justify;
	}
	
		div#mainContent div#privacy address
		{
			font-size:13px;
			color: #464646
		}
		
			div#mainContent div#privacy h1
		{
			margin-left:10px;
		}
		
			 
 	 /************** 404 error page *********************/ 	
		
div#errorContent
{
width:650px; 
height:300px;
margin:40px 150px 100px;

}



div#errorContent p
{
	 color: #464646;
}

div#errorContent h1
{
	background:0;
	 border:0;
	 padding-left:0;
	 margin-left:0;
	 padding-top:50px;
}
div#errorContent img#sun
{
	float:left;
}

div#errorContent p a
  {
	  text-decoration:none;
	  color:#FF9900;
  }
    
 div#errorContent p a:hover
    {
		text-decoration:underline;
	}
	
	
	/************** sitemap *********************/ 
		 
	div#afterMainContent ul#sitemap
	{
		list-style-image:url(images/bullet.jpg);
		margin:50px 0 0 100px;
	}
	
	div#afterMainContent ul#sitemap li
	 {
		 line-height:35px;
	 }
	 
	 
	 div#afterMainContent ul#sitemap li a
	 {
	  text-decoration:none;
	  color: #464646;
	  font-size:14px;
	 }
	 
	  div#afterMainContent ul#sitemap li a:hover
	  {
		  	text-decoration:underline;
	  }

.lpPoweredBy {

display:none;

}
.lpEmtStarRating {
display:none;
}