@charset "utf-8";
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #DDDDDD;
	background-color:#555555;
	padding:0px;
	margin:0px;
	text-align:center;
}
/* ----------- TOP -----------*/
#top {
	height:96px;
	position:relative;
	text-align:left;
	background-color:#555555;
}
h1 {
	font-family:Arial, sans-serif;
	font-size:17px;
	font-style:italic;
	font-weight:bold;
	color:#999999;
	padding:25px 20px 20px 20px;
	margin:0px 0px 0px 20px;
}
.logo {
	position:absolute;
	top:20px;
	right:32px;
}
.navTop {
	position:absolute;
	left:0px;
	bottom:2px;
	height:26px;
	border-top:1px solid #999999;
	background-color:#333333;
	font-size:12px;
	font-weight:bold;
	width:400px;
	z-index:1;
}
.navTopBtn {
	position:absolute;
	top:0px;
	height:26px;
}
.navTop a {
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	padding:5px 5px 0px 5px;
	height:21px;
	text-align:center;
}
.navTop a:hover {
	color:#00CCFF;
	text-decoration:underline;
	background-color:#000000;
}
#btnHome 	{ left:17px; width:54px; }
#btnAbout	{ left:71px; width:82px; }
#btnEnergy 	{ left:154px; width:109px; }
#btnNews 	{ left:263px; width:53px; }
#btnBuy 	{ left:317px; width:87px; }
#btnSupport	{ left:270px; width:68px; }
#btnForum	{ left:473px; width:60px; }

.navTopRight {
	background:url(../images/nav_top_right.gif) top right no-repeat;
	height:27px;
	width:56px;
	position:absolute;
	top:-1px;
	right:0px;
}
.barTop {
	width:100%;
	position:absolute;
	left:0px;
	bottom:0px;
	z-index:2;
}
a {
	color:#7ACF85;
}
a:hover {
	color:#00CCFF;
}
/* ----------- MAIN -----------*/
.tbl {
	position:relative;
	border-collapse:collapse;
	width:100%;
	padding:0px;
	margin:0px;
	background-color:#444444;
}
.tbl td {
	position:relative;
	padding:0px;
	margin:0px;
}
#main, #main2, #main3 {
	background:#444444 url(../images/background.jpg) no-repeat right top;
	position:relative;
	padding: 40px 12px 20px 12px;
	margin: 0px 194px 0px 216px;
	text-align:left;
	line-height:150%;
	font-size:13px;
	min-height:565px;
}
#main2 {
	background:#444444 url(../images/background.jpg) no-repeat right top;
	padding: 30px 12px 20px 12px;
	margin: 0px 0px 0px 216px;
}
#main3 {
	background:#444444;
	padding: 30px 12px 20px 12px;
	margin: 0px 0px 0px 216px;
}
h2, h3 {
	font-family:Arial, sans-serif;
	color:#91E0FF;
	font-size:22px;
	font-weight:normal;
	padding:20px 0px 5px 0px;
	margin:0px;
}
h3 {
	font-size:16px;
	font-weight:bold;
}
.range1 { color:#00ACED;}
.range2 { color:#EA2A8F;}
.range3 { color:#45B341;}
.range4 { color:#FFFFFF;}

.backImgSpace {
	float:right;
	width:230px;
	height:270px;
}
.floatImg {
	float:right;
	padding:0px 0px 10px 10px;
}
.list1 {
	padding-top:0px;
	margin-top:0px;
}
.date {
	font-size:10px;
	color:#999999;
}
/* ----------- Left & Right -----------*/
.navLeft {
	position:absolute;
	top:96px;
	left:0px;
	width:216px;
	background:#333333 url(../images/nav_side_back.gif) repeat-y top right;
	text-align:center;
}
.navRight {
	position:absolute;
	top:96px;
	right:0px;
	width:194px;
	background:#333333 url(../images/nav_side_back.gif) repeat-y top left;
	text-align:center;
}
.navLeftHd, .navRightHd {
	background:#999999 url(../images/nav_side_hd_back.jpg) no-repeat top right;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
	padding:7px 8px 0px 4px;
	height:26px;
	text-transform:uppercase;
}
.navRightHd {
	background:#999999 url(../images/nav_side_hd_back.jpg) no-repeat top left;
	padding:7px 4px 0px 8px;
}
.navLeftBtn {
	position:relative;
	width:212px;
	height:69px;
	margin-right:4px;
	border-bottom:1px solid #999999;
}
.navRightBtn {
	position:relative;
	width:190px;
	height:110px;
	margin-left:4px;
	border-bottom:1px solid #999999;
}
.navLeftBtn img {
	border:0px;
	width:212px;
	height:69px;
}
.navRightBtn img {
	border:0px;
	width:190px;
	height:110px;
}
.navLeftTxt {
	position:absolute;
	top:9px;
	right:7px;
	font-family:Arial, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#FFFFFF;
	line-height:120%;
	text-align:right;
}
.navLeftBtm, .navRightBtm {
	background:#333333 url(../images/nav_side_btm.gif) no-repeat top right;
	height:22px;
}
.navRightBtm {
	background:#333333 url(../images/nav_side_btm.gif) no-repeat top left;
}
.standbye {
	position:absolute;
	top:345px;
	left:2px;
	background:#444444 url(../images/standbye.jpg) no-repeat top left;
	width:173px;
	height:77px;
	padding:193px 20px 0px 20px;
	color:#FFFFFF;
	font-family:Arial, sans-serif;
	font-size:13px;
	font-weight:bold;
	line-height:120%;
	text-align:center;
}
.standbye a {
	color:#000066;
}
.standbye a:hover {
	color:#006600;
}
/*------------ LATEST NEWS -------------*/
.latestNews {
	position:relative;
	background-color:;
	margin-top:50px;
	border-top:1px solid #777777;
}
.latestNewsHd {
	position:absolute;
	top:-29px;
	left:0px;
	background:#999999 url(../images/news_hd_back.gif) no-repeat top left;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	font-style:italic;
	padding:5px 8px 0px 4px;
	height:24px;
	width:204px;
	text-transform:uppercase;
	text-align:center;
}
.latestNewsArticle {
	position:relative;
	background:#333333 url(../images/news_shadow_right.gif) repeat-y right;
	height:117px;
	margin:0px 0px 0px 0px;
	padding:20px 24px 20px 230px;
	font-family:Arial, sans-serif;
	font-size:12px;
	line-height:130%;
	overflow:hidden;
}
.latestNewsArticleHd {
	font-weight:bold;
	font-size:13px;
	padding-bottom:5px;
}
.latestNewsImg {
	position:absolute;
	left:0px;
	top:0px;
	width:208px;
	height:157px;
	border-right:1px solid #777777;
	background: url(../images/news_shadow_left.gif) repeat-y left;
	padding-left:4px;
}
.latestNewsBar {
	position:absolute;
	bottom:0px;
	right:0px;
	height:1px;
	width:99%;
	background-color:#999999;
	margin: 0px 4px 0px 4px;
}
.latestNewsBtm {
	position:relative;
	background:#333333 url(../images/news_shadow_btm.gif) repeat-x bottom;
	height:22px;
	border-top:1px solid #777777;
}
.latestNewsBtmLeft, .latestNewsBtmRight, .latestNewsTopRight {
	height:23px;
	width:23px;
	position:absolute;
	top:-1px;
}
.latestNewsBtmLeft {
	background: url(../images/news_btm_left.gif) no-repeat top left;
	left:0px;
}
.latestNewsBtmRight {
	background: url(../images/news_btm_right.gif) no-repeat top left;
	right:0px;
}
.latestNewsTopRight {
	background: url(../images/news_top_right.gif) no-repeat top left;
	right:0px;
}

/* ----------- FOOTER -----------*/
#footer {
	font-size:10px;
	padding:10px 10px 100px 10px;
}
#footer a, .footerHd {
	padding:0px 4px 0px 4px;
	color:#CCCCCC;
}
#footer a:hover {
	color:#00CC66;
}