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

/* 
Title:     Freeport Electris 
Author:    Steven Gianaca sgianaca@aol.com
Updated:   7/7/09
*/


/* layout elements */
#site
{margin: 0 0 0 0;
padding: 85px 0 0 0;
background:url(../images/village_banner.gif) no-repeat top center;
background-color: #B9C3E9;
}

#container
{background:url(../images/Container.gif) repeat;
margin:auto auto 0 auto;
width:1000px;
padding:0 0 0 0;
position:relative;
border:none;
min-height: 510px;
}


/* hidden navigation elements */
#nav-access
{margin: 0 0 0 0;
padding: 0 0 0 0;
}
#nav-access li
{margin: 0 0 0 0;
padding: 0 0 0 0;
list-style: none;
text-indent: -9999px;
}
#nav-access a
{margin: 0 0 0 0;
padding: 0 0 0 0;
}

/* branding elements */
#branding
{height:60px;
width: 222px;
margin: auto auto 0 auto;
position:absolute;
float:left;
padding:0 0 0 0;
z-index:6;
}

#branding li
{
list-style:none;
}

#branding img
{border:none;
}


/* navigation elements */
#source-rates {text-align:center;background: none; width:100px; color:#31362E; padding:20px 0 22px 0; margin-top:-11px; margin-left:3px;}
#source-rates:hover {text-align:center;background: none; width:100px; color:#FFF;}

.dropdown {float:left;  margin-left:208px; width:110px;}
.dropdown dt {width:100px; border:none; padding:0 15px 0 15px; font-weight:bold; cursor:pointer; background:none;font-size:medium;}
.dropdown dt:hover {background:none;}
.dropdown dd {position:absolute; overflow:hidden; width:200px; display:none; background:none; z-index:200; margin-left: -25px; margin-top: -1px;}
.dropdown li {display:inline}
.dropdown a, .dropdown a:active, .dropdown a:visited {text-align:left;display:block;padding:5px 10px 5px 10px;color:#333;text-decoration:none;background:#eaf0f2;width:200px}
.dropdown a:hover {background-color:#D5DCBA; color:#000}
.dropdown .underline {border-bottom:1px solid #b9d6dc}




#source-energy-services {text-align:center;background: none; width:100px; color:#31362E; padding:11px 0 11px 0; margin-left:21px; margin-top:-11px;}
#source-energy-services:hover {text-align:center;background: none; width:100px; color:#FFF;}

.dropdown2 {float:left; padding-right:5px; width:110px; }
.dropdown2 dt {width:100px; border:none; padding:0 0 0 0; font-weight:bold; cursor:pointer; background:none;font-size:medium;}
.dropdown2 dt:hover {background:none;}
.dropdown2 dd {position:absolute; overflow:hidden; width:200px; display:none; background:none; z-index:200; margin-left: -10px; margin-top: 12px;}
.dropdown2 li {display:inline}
.dropdown2 a, .dropdown2 a:active, .dropdown2 a:visited {text-align:left;display:block;padding:5px 10px 5px 10px;color:#333;text-decoration:none;background:#eaf0f2;width:200px}
.dropdown2 a:hover {background-color:#D5DCBA; color:#000}
.dropdown2 .underline {border-bottom:1px solid #b9d6dc}




#source-economic-dev {text-align:center;background: none; width:100px; color:#31362E; padding:11px 0 11px 0; margin-top: -11px; margin-left:16px;}
#source-economic-dev:hover {text-align:center;background: none; width:100px; color:#FFF;}

.dropdown3 {float:left; padding-right:5px; width:110px; }
.dropdown3 dt {width:100px; border:none; padding:0 0 0 0; font-weight:bold; cursor:pointer; background:none;font-size:medium; margin:0 0 0 0;}
.dropdown3 dt:hover {background:none;}
.dropdown3 dd {position:absolute; overflow:hidden; width:200px; display:none; background:none; z-index:200; margin-left: -29px; margin-top: 1px;}
.dropdown3 li {display:inline}
.dropdown3 a, .dropdown3 a:active, .dropdown3 a:visited {text-align:left;display:block;padding:5px 10px 5px 10px;color:#333;text-decoration:none;background:#eaf0f2;width:200px}
.dropdown3 a:hover {background-color:#D5DCBA; color:#000}
.dropdown3 .underline {border-bottom:1px solid #b9d6dc}

#source-watts-up {text-align:center;background: none; width:100px; color:#31362E; padding:20px 0 20px 0; margin-left:6px; margin-top: -11px;}
#source-watts-up:hover {text-align:center;background: none; width:100px; color:#FFF;}

.dropdown4 {float:left; padding-right:5px; width:110px; }
.dropdown4 dt {width:100px; border:none; padding:0 0 0 6px; font-weight:bold; cursor:pointer; background:none;font-size:medium;}
.dropdown4 dt:hover {background:none;}
.dropdown4 dd {position:absolute; overflow:hidden; width:200px; display:none; background:none; z-index:200; margin-left: -33px; margin-top: 1px;}
.dropdown4 li {display:inline}
.dropdown4 a, .dropdown4 a:active, .dropdown4 a:visited {text-align:left;display:block;padding:5px 10px 5px 10px;color:#333;text-decoration:none;background:#eaf0f2;width:200px}
.dropdown4 a:hover {background-color:#D5DCBA; color:#000}
.dropdown4 .underline {border-bottom:1px solid #b9d6dc}

#source-energy-products {text-align:center;background: none; width:100px; color:#31362E; padding:11px 0 11px 0; margin-top: -11px; margin-left:2px;}
#source-energy-products:hover {text-align:center;background: none; width:100px; color:#FFF;}

.dropdown5 {float:left; padding-right:5px; width:110px; }
.dropdown5 dt {width:100px; border:none; padding:0 0 0 6px; font-weight:bold; cursor:pointer; background:none;font-size:medium;}
.dropdown5 dt:hover {background:none;}
.dropdown5 dd {position:absolute; overflow:hidden; width:200px; display:none; background:none; z-index:200; margin-left: -38px; margin-top: 10px;}
.dropdown5 li {display:inline}
.dropdown5 a, .dropdown5 a:active, .dropdown5 a:visited {text-align:left;display:block;padding:5px 10px 5px 10px;color:#333;text-decoration:none;background:#eaf0f2;width:200px}
.dropdown5 a:hover {background-color:#D5DCBA; color:#000}
.dropdown5 .underline {border-bottom:1px solid #b9d6dc}

#source-generation-project {text-align:center;background: none; width:100px; color:#31362E; padding:11px 0 11px 0; margin-top: -11px; margin-left:-2px;}
#source-generation-project:hover {text-align:center;background: none; width:100px; color:#FFF;}

.dropdown6 {float:left; padding-right:5px; width:110px;}
.dropdown6 dt {width:100px; border:none; padding:0 0 0 6px; font-weight:bold; cursor:pointer; background:none;font-size:medium;}
.dropdown6 dt:hover {background:none;}
.dropdown6 dd {position:absolute; overflow:hidden; width:200px; display:none; background:none; z-index:200; margin-left: -40px; margin-top: 1px;}
.dropdown6 li {display:inline}
.dropdown6 a, .dropdown6 a:active, .dropdown6 a:visited {text-align:left;display:block;padding:5px 10px 5px 10px;color:#333;text-decoration:none;background:#eaf0f2;width:200px}
.dropdown6 a:hover {background-color:#D5DCBA; color:#000}
.dropdown6 .underline {border-bottom:1px solid #b9d6dc}

#source-tips {text-align:center;background: none; width:80px; color:#31362E; padding:20px 0 20px 0; margin-left:-5px; margin-top:-11px;}
#source-tips:hover {text-align:center;background: none; color:#FFF;}

.dropdown7 {float:left; padding-right:5px; width:80px;}
.dropdown7 dt {width:80px; border:none; padding:0 0 0 6px; font-weight:bold; cursor:pointer; background:none;font-size:medium;}
.dropdown7 dt:hover {background:none;}
.dropdown7 dd {position:absolute; overflow:hidden; width:151px; display:none; background:none; z-index:200; margin-left: -44px; margin-top: 1px;}
.dropdown7 li {display:inline}
.dropdown7 a, .dropdown7 a:active, .dropdown7 a:visited {text-align:left;display:block;padding:5px 10px 5px 10px;color:#333;text-decoration:none;background:#eaf0f2;width:151px}
.dropdown7 a:hover {background-color:#D5DCBA; color:#000}
.dropdown7 .underline {border-bottom:1px solid #b9d6dc}


#nav-main
{background:url(../images/Nav_Main.gif) no-repeat;
background-color:#dae9ea;
background-position:center;
font:12px Verdana, Arial, Helvetica;
margin:auto auto 0 auto;
padding: 0 0 0 0;
position:relative;
float:right;
width: 1000px;
height:60px;
z-index:2;
}

/* content area elements */
#content
{background:url(../images/Container.gif) repeat;
float:none;
margin:-5px 0 0 0;
width:1000px;
padding:0 0 0 0;
z-index: 3;
}

/* news sidebar elements */
#news-sidebar
{margin:0 0 0 0;
padding: 35px 0 60px 0;
float:left;
width:223px;
}

#news-sidebar li
{font-family:Arial, Helvetica, sans-serif;
text-align:left;
font-size: small;
list-style:none;
padding: 3px 0 5px 0;
margin:0 0 0 -17px;
}


#news-sidebar li a 
{text-decoration: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#news-sidebar li a:hover 
{text-decoration:underline;
color:#666600;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#news-sidebar img
{padding: 3px 0 0 0;
margin: 0 0 0 10px;
border:none;
}

#news-sidebar #form-img
{margin-left:-112px;}

#news-sidebar #update-img
{margin-left:-112px;}

#news-sidebar object
{padding: 0 0 0 0;
margin: 0 0 0 0;
}


/* main content elements */

#headline
{text-align:center;
margin:0 0 0 18px;
padding: 30px 0 0 0;
border:none;
width:584px;
float:left;
}

#headline img
{
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#main-content
{margin: 0 0 0 0;
padding: 0 0 0 0;
float:right;
width:777px;
}

#main-content h1
{font-family:Arial, Helvetica, sans-serif;
font-size:x-large;
margin:0 0 0 18px;
padding: 45px 0 0 0;
width:375px;
color:#8E926D;
}

#main-content h2
{font-family:Arial, Helvetica, sans-serif;
font-size:x-small;
margin:0 0 0 18px;
padding: 0 0 0 0;
font-style:italic;
}

#main-content h3
{font-family:Arial, Helvetica, sans-serif;
font-size:xx-small;
color:#666666;
margin:0 0 0 18px;
padding: 0 0 0 0;
font-style:italic;
}

#main-content h4
{font-family:Arial, Helvetica, sans-serif;
margin:0 auto 0 auto;
padding: 0 0 0 0;
}

#main-content p
{font-family:Arial, Helvetica, sans-serif;
font-size: small;
text-align:justify;
width:375px;
margin: 0 0 0 -10px;
padding: 0 0 0 28px; 
}


#main-content img
{padding: 0 0 0 0;
margin: 0 0 0 0;
}

#main-content li
{font-family:Arial, Helvetica, sans-serif;
font-size:medium;
list-style: none;
padding: 5px 0 5px 0;
margin: 0 0 0 0;
width:375px;
}

#main-content li a
{padding: 0 0 0 0;
margin: 0 0 0 0;
text-decoration: none;
}

#main-content li a:hover
{text-decoration:underline;
color:#666600;
}

#art
{text-align:center;
margin:-240px 0 0 0;
padding: 0 70px 0 0;
border:none;
width:311px;
float:right;
position:relative;
z-index:1;
}

#main-content table
{font-family:Arial, Helvetica, sans-serif;
margin: 0 auto 0 auto;
padding: 0 0 0 0;
z-index: 7;
}

#main-content table caption
{margin: 0 0 0 0;
padding: 0 0 .5em 0;
font-family:Arial, Helvetica, sans-serif;
font-size:large;
font-weight:bold;
}

#main-content table th
{margin: 0 0 0 0;
padding: 0 1em 0 1em;
color:#CC0033;
}

#main-content table td
{margin: 0 0 0 0;
padding: 0 0 0 0;
font-size:small;
}

#main-content object
{margin: -209px 0 0 0;
padding: 0 0 0 0;
width:443px;
float:right;
}

#main-content form
{font-family:Arial, Helvetica, sans-serif;
font-size:small;
margin:0 0 0 18px;
padding: 0 0 0 0;
}

/* supplementary navigation elements */
#nav-sub
{background:url(../images/Nav_Sub.gif) no-repeat;
clear: both;
color:#666;
font-family:Arial, Helvetica, sans-serif;
margin:0 0 -9px 0;
padding:.5em 0 0 0;
text-align:center;
height: 65px;
}

#nav-sub li
{display:inline;
font-family:Arial, Helvetica, sans-serif;
font-size: smaller;
list-style: none;
}


#nav-sub li a
{color:#31362E;
text-decoration: none;
}


#nav-sub li a:hover
{color:#FFF;
text-decoration: underline;
}

/* site info elements */
#site-info
{margin:-43px auto 0 auto;
padding: 11px 0 0 0;
position:relative;
clear:both;
width: 850px;
z-index:5;
}

#site-info p
{margin: 0 0 0 0;
padding: 0 0 0 0;
font-family:Arial, Helvetica, sans-serif;
color:#31362E;
line-height:normal;
font-size:10px;
text-align:center;
}

#site-info a
{margin: 0 0 0 0;
padding: 0 0 0 0;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
color: #FFFFFF line-height:normal;
font-size:10px;
text-align:center;
}

#site-info a:hover
{margin: 0 0 0 0;
padding: 0 0 0 0;
font-family:Arial, Helvetica, sans-serif;
text-decoration:underline;
color:#FFFFFF;
line-height:normal;
font-size:10px;
text-align:center;
}

/* Tables elements */
#tables
{margin: -80px 0 0 -50px;
padding: 0 0 0 0;
border:none;
width: 300px;
float:right;
position: relative;
font-family:Arial, Helvetica, sans-serif;
}

#tables li
{margin: 0 0 0 0;
padding: 0 0 0 0;
border:none;
list-style: none;
font-size: small;
}

#tables table th
{margin: 0 0 0 0;
padding: 0 6em 0 0;
color:#CC0033;
}

/* DM Collapse Elements*/
		.trigger{
			cursor:pointer;
		}	
		.trigger img{
			cursor:pointer;
			border:none;
		}		
		.trigger:hover{
			cursor:pointer;
			background:none;
		}		
		.expanded{
			background:none;
			cursor:pointer;
		}
		.expanded img{
			background:none;
			cursor:pointer;
			border:none;
		}
		.expanded:hover{
			background:none;
			cursor:pointer;
		}
		.show{
     position:static;
     display: table;
		}
		.hide{
			position:absolute;
			left:-999em;
			height:1px;
			width:100px;
			overflow:hidden;
		}
		
/* Galleria elements */

.galleria{list-style:none;width:200px}
.galleria li{display:block;width: 5%;height:5%;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

	/* BEGIN DEMO STYLE */
	#gallery-ul{padding:0 0 0 4px; margin:148px 0 0 -470px; width: 283px; background-color:#000; float:right;}
	#gallery-ul07{padding:0 0 0 4px; margin:148px 0 0 -470px; width: 283px; background-color:#000; float:right;}
	.demo{
	position:absolute;
	margin:-3em 0 0 -200px;
	left: -1px;
}
	#main_image{margin:70px 20px 0 0;height:330px;width:400px; text-align:center; background:black; float:right}
	#exp-gal{margin: 15px -150px 0 0;}
	#exp-gal2{margin: 15px -208px 0 0;}
	#exp-gal3{margin: 5px 0 0 0;}
	#gal-dem-un{padding:0 0 0 4px; margin:-37px 20px 0 0; width: 396px; background-color:#000; float:right;}