/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Global properties ======================================================== */
body { 
	background:ffffff; 
	font-family:Helvetica;
	font-size:16px; 
	line-height:19px;
	color:#090;
	
	
}
html, body { height:100%;}


p {
	padding-top:19px;
	color:GREEN
	#090;
}
pl {padding-left:20px}

a {
	color:#090; 
	outline:none;
}
a:hover{
	text-decoration:none;
	color: #00C;
}

/* Global Structure ============================================================= */
.main {
	margin: 0 auto;
	position: relative;
	width: 924px; }

	/* Header */
	header{
		height:100px;
	}
	
	/* Content */
	section#content {
		height: 567px;
		
		
	}			
	/* Footer */
	footer{
		height:70px;
		border-top:1px dotted #b3bac1;
		position:absolute
		;
		z-index:100;
		
	}
/* Left & Right alignment */

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}



.col-1, .col-2, .col-3,  .col-4,  .col-5 { float:left;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper {
	width:100%;
	overflow:hidden;
	color: #c2c2c2;
}
/*----- form defaults -----*/
input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}

/*----- other -----*/
.img-indent { 
	margin:0 23px 0 0; 
	float:left;
}
.extra-wrap { 
	width:100%;
}

.block {height:70
px;}
.extra {
 min-height:100%;
 margin: 0 auto -70px;
 position:relative;
 z-index:20;
}

h1 {
	position:relative;
	padding:0px 0px 0px 0px;
	float:left;
	
}
	h1 a {
		display:block;
		text-indent:-5000px;
		width:295px;
		height:58px;
		color: #090;
		background:url(../images/logo.jpg) left top no-repeat;
	}

h2 { font-size:28px; line-height:1.2em; color:#4a4a4a; font-weight:normal; letter-spacing:-1px; padding-bottom:0px;}
.h2-bot { padding-bottom:22px;}

h3 { background:#fff; 
	font-family:Arial
	Arial, Helvetica, sans-serif;
	font-size:36px; 
	line-height:18 px;
	color:green
	#090;  
	
}

#div1 { float:left; width:50%;} 
#div2 { margin-left:50%; width:50%;}




/*===== header =====*/
header {
	
}

/*===== content =====*/
#content { position:relative;}
.img { background:url(../images/img.jpg) center top no-repeat; width:100%; height:512px;}
.img-button  a { display:inline-block; background:url(../images/menu-button.png) center top  no-repeat; width:56px; height:19px;  margin: 491px 0 0 436px; font-size:12px; line-height:18px; text-align:center; font-weight:bold; color:#FFF; text-transform:uppercase; text-decoration:none;}
.img-button  a:hover { color:#0CF;}


.img1 { background:url(../images/img1.jpg) center top no-repeat; width:100%; height:512px; }
.img2 { background:url(../images/Green-energy.jpg) top; width:100%; height:1040px;}

) center top no-repeat; width:100%; height:512px; }
.height { height:482px;}


nav { background:#000; height:19px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(js/PIE.htc); position: relative;}
nav ul { overflow:hidden; padding-left:1px;}
nav li { float:left;font-size:12px; line-height:1.6em; font-weight:bold; text-transform:uppercase; padding:0 18px 0 24px;}
nav li a { color:#FFF; text-decoration:none;}
nav li a:hover , nav .active a { color:
#090;}

.box {
	background:#FFF;
	width:948px;
	height:500 px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	behavior: url(js/PIE.htc);
	position: absolute;
	left:-42px;
	top:50px;
}
	
.boxm {
	
background:#FFF;
	width:948px;
	height:350 px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	behavior: url(js/PIE.htc);
	position: absolute;
	left:-42px;
	top:50px;
		
	
}
.inner { padding:35px 76px 0 69px; }
.inner1 { padding:35px 76px 0 68px; }

.pad { padding-top:5px;}
.pad1 { padding-top:13px;}
.pad2 { padding-left: 100px;}

.top { padding-top:20px;}
.top1 { padding-top:10px;}

.pad-left { padding-left:1px;}
.pad-right { padding-right:55px;} 

	.list { margin-left:-1px;}
	.list li {
		font-size:12px;
		line-height:25px;
		padding-left:23px;
		margin-left:1px;
		background:url(../images/marker.gif) left 9px no-repeat;
		height:1%;
		
	}
		.list li a {
			color:#3e3e3e;
			text-decoration:underline;
		}
			.list li a:hover {
				text-decoration:none;
			}
			.list-pad { padding-top:10px;}
.phone {
	display:inline-block;
	width:83px;
}

/*===== footer =====*/
footer {}
.policy { font-size:11px; line-height:12px; color:#818080; padding-top:24px;}
.policy b { font-size:11px; line-height:12px; color:#818080; padding-bottom:24px;}
.policy a {color:#818080; text-decoration:none;font-size:12px; line-height:20px;}
.policy a strong { display:inline-block; margin-top:-6px; font-weight:normal;}
.policy em { font-size:8px; display:inline-block; padding-top:1px; padding-right:1px;}
.policy a:hover { text-decoration:none;}
.policy a span { color:#818080; text-decoration:underline; font-size:11px; line-height:12px; display:inline-block;}
.policy a span:hover { text-decoration:none;}


/*----- forms -----*/
#contacts-form fieldset {
	border:none;
}
	#contacts-form span { display:inline-block; padding-right:2px; padding-top:5px; color:#626262 }
	#contacts-form strong { display:inline-block; padding-top:6px; font-weight:normal; color:#626262 }
	#contacts-form em { display:inline-block; padding-top:7px; font-style:normal; color:#626262  }
	#contacts-form label {
		display:inline-block;
		padding-left:51px;
		height:29px;
		overflow:hidden;
		background:url(../images/input-bg.gif) no-repeat 0 0;
		vertical-align:top;
	}
		#contacts-form input {
			width:255px;
			height:14px;
			padding:2px 3px 2px 3px;
			border:1px solid #c8c8c8;
			line-height:1.2307em;
			background:none;
			color:#8c8c8c;
		}
		#contacts-form .textarea-box {
			background:url(../images/textarea-bg.gif) no-repeat 0 0;
			height:106px;
			overflow:hidden;
			
		}
		#contacts-form textarea {
			width:255px;
			padding:2px 3px 2px 3px;
			border:1px solid #c8c8c8;
			background:none;
			color:#8c8c8c;
			height:84px;
			overflow:auto;
			margin-left:36px;
		}
		#contacts-form .link {
			display:inline-block;
			margin:-7px 6px 0 13px;
			font-weight:bold;
			
		}

/*==========================================*/
    
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */
