/* CSS Document */
* {margin:0; padding:0;}

/* HTML Tags */
html,body {
	font-family:Tahoma, Verdana, Arial, sans-serif;
	line-height:24px;
	width:100%;
	font-size:16px;
	background:url(../../images/index/bodyBkg.jpg) repeat-x top #fdf7ae;
	color:#82935e;
}
html,body {height:100%; min-height:100%;}

img {border:none; margin:0; padding:0;}
a {text-decoration:none; cursor:pointer;}
h1 {font-size:24px; color:#e1a94c; margin:0 0 20px 0; font-weight:normal;}
h2 {font-size:16px; color:#ced767; font-weight:normal; margin:0 0 20px 0;}
h1 strong {font-size:36px; font-weight:normal;}
input, textarea {font-family:Tahoma, Verdana, Arial, sans-serif; font-size:11px; color:#808080; overflow:auto;}
ul {list-style:none;}

.spacer {clear:both; font-size:0;}

/* containers */
#mainContainer {width:950px; margin:auto;}
#topContainer {width:950px; height:80px; background:url(../../images/index/topContainerBkg.jpg) no-repeat;}

/* main navigation */
#mainNav {
	float:right;
/*	width:650px;*/
	height:50px;
	line-height:50px;
	background:url(../../images/index/mainNavBkg.jpg) repeat-x bottom;
	padding:30px 0 0 0;
}
#mainNav li {display:inline; float:left;}
#mainNav li a {color:#506f0c; font-size:16px; display:block; float:left;}
#mainNav li a span {
	display:block;
	height:50px;
	background:url(../../images/index/mainNavSep.jpg) no-repeat left 0px;
	padding:0 40px;
	float:left;
	text-align:center;
}
#mainNav li.first a span {background:none !important; padding:0 40px 0 41px;}
#mainNav li a:hover, #mainNav li a.selected {background:url(../../images/index/mainNavBkgHover.jpg) repeat-x top; color:#FFFFFF;}
#mainNav li a:hover span, #mainNav li a.selected span  {background:url(../../images/index/mainNavSep.jpg) no-repeat left -50px;}
/*\ main navigation */

/* layout */
#header {width:950px; height:277px; background:url(../../images/index/headerBkg.jpg) no-repeat;}

#left {float:left; width:270px; padding:15px;}
#left .section {border:1px solid #afc59b; background:#ced767; padding:10px 30px; display:block; margin:0 0 15px 0; position:relative;}
#left .section span {position:absolute; left:35px; top:15px; font-size:24px;} 
#left .section strong {
	position:absolute;
	right:5px;
	top:100px;
	font-size:24px;
	color:#82935e;
	font-size:12px;
	font-weight:normal;
	display:block;
	width:60px;
	height:25px;
	padding:0 0 0 16px;
}
#left .section[class] strong {background:url(../../images/index/more.png) no-repeat;}

#left .section:hover strong {color:#faf392;}
#left .section:hover[class] strong {background:url(../../images/index/moreHover.png) no-repeat;}


#left .section.windEnergy {color:#fcfdf9;}
#left .section.biomass {color:#fff35f;}
#left .section.solarEnergy {color:#404596;}


#right {float:right; width:650px; background:url(../../images/index/orangeBkg.jpg) repeat-x top;}
#right .container {background:url(../../images/index/shape.jpg) no-repeat left top; padding:15px;}
#right .content {border:1px solid #a7c298; background:#f9fbf4; padding:20px 25px; margin:0 0 15px 0;}

#right .content .more {
	display:block;
	float:right;
	font-size:24px;
	color:#82935e;
	font-size:12px;
	font-weight:normal;
	display:block;
	width:60px !important;
	height:25px;
	padding:0 0 0 16px;
	margin:10px 0 0 0;
	cursor:pointer;
}
#right .content .more[class] {background:url(../../images/index/more.png) no-repeat;}
#right .content .more:hover {color:#faf392;}
#right .content .more:hover[class] {background:url(../../images/index/moreHover.png) no-repeat;}
/*\ layout */

/* contacts */
.contactsTitle {
	width:220px;
	float:left;
	height:140px;
	line-height:140px;
	color:#b8d773;
	font-size:36px;
	text-align:center;
	background:url(../../images/index/contactsBkg.jpg) no-repeat right center;
}
.contactsDetails {width:320px; float:right;}


.contacts label {display:block;}
.contacts input, .contacts textarea {width:258px; padding:2px 5px; border:1px solid #a0b939; background:none; cursor:text;}
.contacts textarea {height:80px;}




.contacts .btn {
	float:right;
	border:none;
	font-size:24px;
	color:#82935e;
	font-size:12px;
	font-weight:normal;
	display:block;
	width:76px !important;
	height:25px;
	margin:10px 0 0 0;
	cursor:pointer;

}
.contacts .btn[class] {background:url(../../images/index/more.png) no-repeat;}


/*\ contacts */

/* footer */
#footer {width:100%; height:50px; background:url(../../images/index/footerBkg.jpg) no-repeat center #a0b939; margin:0 0 20px 0;}
#footer .content {width:910px; margin:auto; padding:0 20px; line-height:25px; color:#fdf7ae; font-size:12px;}
#footer .content span {float:left;}
#footer .content a {float:right; color:#fdf7ae;}
/*\ footer */


/*\ containers */