html {
	height:100%;
	font-size: 100.01%;
}
body {
	height:100%;
	margin:0;
	color:#666;
	font:62.5% Arial, Helvetica, sans-serif;
	background:#014880 url(../images/bg-body.jpg) repeat-y 50% 0;
	width:100%;
}
img {border-style:none;}
a {
	text-decoration:none;
	color:#fff;
}
a:hover { text-decoration:underline;}
.page-width {
	width:906px;
	margin:0 auto;
	height:100%;
	display:table;
	background:url(../images/bg-content-holder.gif) repeat-x;
}
/*content-holder*/
#content-holder {
	display:table-header-group;
	width:906px;
	margin:0 auto;
	font-size:1.4em;
}
*+html #content-holder { min-height:100%;}
* html #content-holder { height:100%;}
#content-area {
	width:906px;
	position:relative;
	overflow:hidden;
}
/*header-holder*/
#header-holder {
	width:906px;
	position:absolute;
	top:0;
	left:0;
}
/*header*/
.header {
	height:1%;
	padding:47px 0 0;
	background:url(../images/bg-header.png) no-repeat;
}
.header:after {
	height:0;
	clear:both;
	content:"";
	display:block;
}
/*logo*/
.logo {
	display:block;
	width:283px;
	height:69px;
	margin:0 0 0 46px;
	background:url(../images/logo.png) no-repeat;
}
.logo a {
	display:block;
	width:283px;
	height:69px;
	overflow:hidden;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
}
/*menu*/
#menu {
	width:898px;
	height:45px;
	list-style:none;
	margin:31px 0 0;
	padding:0 0 0 8px;
	font-size:12px;
	line-height:15px;
	text-transform:uppercase;
	position:relative;
	background:#242424 url(../images/bg-menu.gif) no-repeat;
}
#menu:after {
	height:0;
	clear:both;
	content:"";
	display:block;
}
#menu li {
	float:left;
	position:relative;
}
#menu a {
	float:left;
	padding:15px 22px 15px;
	color:#f2f7f8;
	position:relative;
}
#menu li.hover,
#menu li:hover {
	position:relative;
}
#menu li.active a,
#menu li.hover a,
#menu li:hover a,
#menu a:hover {
	text-decoration:none;
	background:url(../images/bg-menu-hover.png);
}
#menu li.hover .submenu,
#menu li:hover .submenu {
	display:block;
}
/*submenu*/
.submenu {
	list-style:none;
	display:none;
	width:190px;
	margin:0;
	padding:7px 0 6px;
	position:absolute;
	top:45px;
	left:0;
	font-size:11px;
	line-height:13px;
	text-transform:none;
	background:#1a1a1a;
	text-align:left;
}
#menu .submenu li {
	float:none;
	height:1%;
	padding:0 0 0 1px;
	vertical-align:top;
}
#menu .submenu a {
	float:none;
	display:block;
	padding:4px 7px 7px 24px;
}
#menu li.hover .submenu a,
#menu li:hover .submenu a {
	background:#1a1a1a;
}
#menu .submenu li.hover a,
#menu .submenu li:hover a,
#menu .submenu a:hover,
#menu .submenu a:hover {
	background:#585858;
}
/*2 level*/
#menu .submenu li.hover ul,
#menu .submenu li:hover ul {
	display:block;
}
#menu .submenu ul {
	list-style:none;
	display:none;
	width:200px;
	padding:7px 0 5px;
	margin:0;
	position:absolute;
	top:0;
	left:100%;
	background:#585858;
}
#menu .submenu ul li { padding:0 1px;}
#menu .submenu ul a { padding:4px 8px 6px 10px;}
#menu .submenu ul li.hover a,
#menu .submenu ul li:hover a,
#menu .submenu ul a:hover,
#menu .submenu ul a:hover {
	background:#333;
}
/*3 level*/
#menu .submenu li.hover ul ul,
#menu .submenu li:hover ul ul {
	display:none;
}
#menu .submenu ul li.hover ul,
#menu .submenu ul li:hover ul {
	display:block;
}
#menu .submenu ul li.hover ul a,
#menu .submenu ul li:hover ul a {
	background:#585858;
}
#menu .submenu ul li.hover ul a:hover,
#menu .submenu ul li:hover ul a:hover {
	background:#333;
}
/*content-box*/
#content-box {
	width:906px;
	padding:192px 0 0;
	overflow:hidden;
}
.content {
	height:1%;
	overflow:hidden;
	padding:21px 35px 21px 29px;
	background:#fff;
}

.content a {
	text-decoration:none;
	color:#003399;
	font-weight: normal;
}
.content a:hover { text-decoration:underline;}


.content h1 {
	margin:0;
	font:1.64em/1.13em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#003;
}
/*txt*/
.content h2 {
	margin:0;
	color:#333333;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.21em;
	line-height: 1.5em;
}

.content .txt {
	height:1%;
	overflow:hidden;
	margin:18px 0 0;
	line-height:1.21em;
}

.content .txt strong {
	height:1%;
	overflow:hidden;
	margin:18px 0 0;
	line-height:1.21em;
	font-weight: bold;
	color: #3C373C;
}
.content ul {
	list-style-type: square;
}
.content li {
	margin-bottom: 1.2em;
}


.content .txt img {
	float:left;
	margin:4px 15px 0 1px;
}
.content .txt p { margin:0 0 10px;}

.content .txt sub{
	font-size:x-small;
	vertical-align: text-bottom;
}


/*footer*/
#footer-box {
	display:table-cell;
	vertical-align:bottom;
	width:906px;
}
#footer {
	width:906px;
	overflow:hidden;
	padding:23px 0 0;
	position:relative;
	background:#eaeaea;
	border-top:1px solid #d4d3d3;
	font:1.1em/1.64em Verdana, Arial, Helvetica, sans-serif;
}
#footer h2 {
	margin:0;
	background-repeat:no-repeat;
	font-size:0;
	line-height:0;
}
#footer h2 span {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
#footer h2.efficiency {
	width:156px;
	height:38px;
	background-image:url(../images/text-efficiency.gif);
}
#footer h2.dm {
	width:119px;
	height:38px;
	background-image:url(../images/text-dm.gif);
}
#footer h2.gosolar {
	width:74px;
	height:14px;
	background-image:url(../images/text-gosolar.gif);
}
#footer h2.carbon {
	width:129px;
	height:14px;
	background-image:url(../images/text-carbon.gif);
}	

#footer .txt {
	width:898px;
	padding:0 0 20px 7px;
	overflow:hidden;
	background:url(../images/bg-footer-txt.gif) repeat-y 232px 0;
}
#footer .txt-main {
	width:898px;
	overflow:hidden;
}	
#footer .txt-main a {
	text-decoration:none;
	color:#666600;
	font-weight: bold;
}
#footer .txt-main a:hover { text-decoration:underline;}

#footer .txt-main div {
	display:inline;
	width:190px;
	padding:7px 0 0;
	margin:0 0 0 25px;
	float:left;
}
#footer .txt p { margin:22px 0 0;}
/*holder*/
#footer .holder {
	width:906px;
	padding:0 0 14px;
	background:#000 url(../images/bg-footer-holder.gif) repeat-x;
	font:14px/22px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}
#footer .holder .holder-main {
	height:1%;
	overflow:hidden;
}
/*tel*/
#footer .holder .tel {
	width:368px;
	float:left;
	padding:14px 20px 0 27px;
}
#footer .holder .tel p { margin:0;}
#footer .holder .tel strong { font-size:18px;}
/*copyright*/
.copyright {
	width:481px;
	float:left;
	padding:14px 10px 0 0;
}
.copyright ul {
	list-style:none;
	margin:0 0 0 -8px;
	padding:0 0 2px;
}
.copyright ul li {
	display:inline;
	padding:0 2px 0 8px;
	background:url(../images/separator-footer-menu.gif) no-repeat 0 3px;
}
.copyright ul li:first-child { background-image:none;}