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

*Filename:					layout.css - layout
*Description				Global Layout CSS
*Version					2.0 (2009-03-12)
*Client						Just Energy
*Author						Manuel Medina - http://www.disgramm.com

==ESTRUCTURE==================================================================================

*Page Width					970px 006648 a1c0c8
*Position					Centered - Fluid
*Notes						Designed of website by Just Energy LLC
							CSS - Flash - JavaScript - Image Restoration by DisGraMM.com
							Pictures Provided by Just Energy
							cheat png used for indent - more control
							.cheat class used for pixel movement
-----------------------------------------------------------------------------------------------*/
/*RULES*/
body{ margin:0; padding:0; background: #a1c0c8; background-image:url(../images/bg.jpg); background-repeat: repeat-x;}
#wrapper{margin:0 auto; padding:0; width:100%; height:auto; display:block;}
#container{ margin:0 auto; padding:0; width:970px; height:100%;}
#top{ margin:10px 0 0 0; padding:0; float:left; display:block; width:100%; height:22px; background-image:url(../images/top.png); background-repeat:no-repeat;}
#bod{ margin:0; padding:0; float:left; display:block; width:100%; height:auto; background-image:url(../images/bgc.png); background-repeat:repeat-y;}
#bottom{ margin:0; padding:0; float:left; display:block; width:100%; height:22px; background-image:url(../images/bottom.png); background-repeat:no-repeat;}
img { border:none;}
#footer{ margin:0; padding:0; width:100%; height:20px;}
#addthis{ width:100px; height:auto; float:right; margin:0; padding:0;}
#footermenu{ margin:0 0 0 15px; padding:0; width:350px; height:auto; float:left; display:inline;}
#bydisgramm{ margin:45px 0 0 0; padding:0; width:970px; height:25px; text-align:center; display:block;}
#gotop{ width:45px; height:17px; float:right;}
.contactusform{ width:300px; height:auto;}
#iframemap{ width:300px; height:300px; float:right;}

/*ELEMENTS*/
#indexpic{ width:250px; height:175px; background-image:url(../images/index2panels.jpg); background-repeat:no-repeat; margin:10px; padding:0; float:right;}
#logo{ margin:0 0 0 20px; padding:0; width:222px; height:173px; position:absolute; top: 45px;}
#topnav{ height:35px; width:635px; margin:5px 0 0 0; padding:0 45px 0 0; float:right;}
#headerpics{ width:640px; height:140px; float:right; margin:10px 45px 0 0; padding:0; display:inline;}
#homeflash{ width:650px; height:250px; float:right; margin:5px 35px 0 0; padding:0;}
#headertxtcontainer{ width:640px; height:40px; float:right; margin:10px 45px 0 0; padding:0; display:inline;}
	#headertoptxt{ width:100%; height:25px; border-bottom:1px solid #006648;}
	#headerbottxt{ width:100%; height:20px; text-align:right;}
#editme{ width:640px; height:auto; float:right; margin: 20px 45px 10px 0; display:inline;}
#leftnav{ width:210px; height:auto;	margin:0 0 0 32px; display:block; position:absolute; top:240px;}
#flashmap{ width:640px; height:400px;}
#screenshot{ position:absolute; border:1px solid #006648; background:#006648; padding:0; display:none; color:#006648;}
#preview{ position:absolute; border:1px solid #006648; background:#006648; padding:0; display:none; color:#006648;}
#sitemap1{ height:auto; float:left; width:185px; display:block;}
#sitemap2{ height:auto; float:left; width:185px; display:block;}
#csjetsbox{ height:auto; width:auto; padding:10px; margin:0; float:left; border:#000 solid 1px; background-image:url(../images/jetsbox.jpg); background-repeat:repeat-x;}
.border{ 1px solid #999;}
.st{ width:400px; height:auto; float:right; display:inline; padding:0; margin:15px;}
#whoisgoingsolarflash{ width:640px; height:450px;}
#solarmadeeasy{ width:640px; height:390px; background-image:url(../images/solar_made_easy.jpg); background-repeat:no-repeat;}
	#solarone{ float:left; width:305px; height:auto; padding:15px; margin:0;}
	#solartwo{ float:right; width:270px; height:auto; padding:15px; margin:250px 0 0 0;}
#reliabletech{ width:640px; height:369px; background-image:url(../images/reliabletech.jpg); background-repeat:no-repeat;}
	#reliabletechone{ width:300px; height:auto; float:right; margin:0 200px 0 0; display:inline;}
	#reliabletechtwo{ width:300px; height:auto; float:right; margin:55px 0 0 0; display:inline;}	
	#reliabletechthree{ width:300px; height:auto; float:left; margin:150px 0 0 0; display:inline;}
	#reliabletechfour{ width:300px; height:auto; float:left; margin:40px 0 0 120px; display:inline;}
#power{ width:640px; height:450px; background-image:url(../images/power_of_solar.jpg); background-repeat:no-repeat;}
	#powerone{ float:right; width:300px; height:auto; margin:25px 40px 0 0; padding:0;}
	#powertwo{ float:right; width:300px; height:auto; margin:25px 40px 0 0; padding:0;}
	#powerthree{ float:right; width:330px; height:auto; margin:35px 10px 0 0; padding:0;}
	#powerfour{ float:right; width:340px; height:auto; margin:35px 0 0 0; padding:0;}
#shistpic{ width:300px; height:200px; margin:10px; padding:0; float:right; background-image:url(../images/shist1.jpg); background-repeat:no-repeat;}
#shistpic2{ width:300px; height:300px; margin:10px; padding:0; float:right; background-image:url(../images/shist2.jpg); background-repeat:no-repeat;}
#projectsflash{width:640px; height:600px;}

#indexflash{ height:667px; width:640px; padding:0; margin:0; z-index:-1000;}
.tableb{border-bottom:1px solid #333; border-top:1px solid #333;}
.tablebb{border-bottom:1px solid #333;}
#wesleyanpic{ width:300px; height:235px; float:right; margin:0 25px; padding:0; display:inline;}
.keywords{ font-size:9px; font-family:Verdana, Geneva, sans-serif; color:#aacad2;}
#indexflash{ width:640px; height:210px; float:right; margin:0 45px 0 0; display:inline;}