/* design by http://www.drakov.info */

*{
	margin:0;
	padding:0;
}

html,body{
	background:#266411 url(../images/bg.jpg) no-repeat center center fixed;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
}

div.wrapper{
	margin:0 auto;
	width:1000px;
	position:relative;
}

div.container{
	padding-top:30px;	
}

/**************************************************************** PAGE HEADING *****/
div.page_heading{
	background:url(../images/page_heading_bg.png) no-repeat;
	height:34px;
	padding:26px 0 0 45px;

}

div.page_heading div{
	height:16px;
	background:url(../images/page_headings.png) no-repeat;
	background-position:0 -4px;	
	text-indent: -9999px;

}
div.page_heading div.active{
	background-position:0 -23px;
}

div.page_heading div.projects{
	background-position:0 -40px;
}

div.page_heading div.vegetation{
	background-position:0 -58px;
}

div.page_heading div.contacts{
	background-position:0 -77px;
}

div.logo{
	position:absolute;
	right:0;
	margin:-27px 15px;
}

/**************************************************************** MENU *****/
div.menu{
	float:left;
	position:absolute;
	left:35px;	
	background:url(../images/menu_top_corner.png) no-repeat;
	padding-top:23px;
}
div.menu ul{
	list-style:none;
}
a.menu:link, a.menu:visited, a.menu:active, a.menu:hover{
	background:url(../images/menu.png);
	background-position:0 0;
	height:29px;
	width:224px;
	display:block;
	text-indent: -9999px;
	outline:none;
}
a.menu:hover{
	background-position:0 -29px;
}
a.active:link, a.active:visited, a.active:active{
	background-position:0 -58px;
}
a.active:hover{
	background-position:0 -87px;	
}
a.projects:link, a.projects:visited, a.projects:active{
	background-position:0 -116px;
}
a.projects:hover{
	background-position:0 -145px;	
}
a.vegetation:link, a.vegetation:visited, a.vegetation:active{
	background-position:0 -174px;
}
a.vegetation:hover{
	background-position:0 -203px;	
}
a.contacts:link, a.contacts:visited, a.contacts:active{
	background-position:0 -232px;
}
a.contacts:hover{
	background-position:0 -261px;	
}
/**************************************************************** CONTENT *****/
div.content{
	float:right;
	width:710px;
	margin-top:60px;
}

div.content ul li{
	list-style:none;
	margin-bottom:5px;
}

div.content h3{
	background:#66bc29;
	color:#FFFFFF;
	padding:5px;
	font-size:12px;
	margin:10px 0 5px 0;
}

div.content h3 a.h3-link:link, a.h3-link:visited, a.h3-link:active, a.h3-link:hover{
	color:#FFFFFF;
}

div.content h3 a.h3-link:hover{
	color:#266411;
}

div.content h4{
	margin-top:10px;
	font-size:11px;
	color:#266411;
}

div.content a:link, a:visited, a:active, a:hover{
	color:#2eb135;
}

div.content a:hover{
	color:#266411;
}

div.page{
	float:right;
	width:903px;
	min-height:350px;
	background:#FFFFFF;
	padding:50px 10px 10px 10px;
	margin-right:8px;
}

/**************************************************************** FOOTER *****/
div.footer{
	background:url(../images/footer.png) no-repeat bottom right;
	height:44px;
	padding:35px 0 0 350px;
	color:#FFFFFF;
}

div.footer ul{
	list-style: none;
}

div.footer ul li{
	display:inline;
}

div.footer img.footer_tree{
	position:absolute;
	left:8px;
	bottom:0px;
}

a.footer:link, a.footer:visited, a.footer:active, a.footer:hover{
	text-decoration:none;
	color:#FFFFFF;
}
a.footer:hover{
	color:#45e814;
}

a.webmaster:link, a.webmaster:visited, a.webmaster:active, a.webmaster:hover{
	color:#2EB135;
	text-decoration:none;
	padding-right:20px;
}

a.webmaster:hover{
	color:#FFFFFF;
}


/************************************************************** COMMON *****/

.tree_images{
	text-align:right;
	margin-top:20px;
}

.tree_images a{
	margin-left:8px;
	background:#449c26;
	padding:0 4px 5px 0;
	display:block;
	float:right;
}

.tree_images img{
	border:0;
}

.clear{
	clear: both;
	height: 0px;
	overflow: hidden;
}

.anim{
	margin-top:30px;
	margin-left:42px;
}
/************************************************************** CONTACTS *****/

form#contacts_form input,textarea{
	border:1px solid #449c26;
	padding:3px;
	font-size:11px;
	width:250px;
}

form#contacts_form input.error, textarea.error{
	border:1px solid #FF3300;
}

form#contacts_form label.error{
	color:#666666;
}

form#contacts_form div{
	margin-bottom:10px;
}

form#contacts_form label{
	display:block;
}

ul.message li{
 	color:#2EB135;
}
 
ul.error li{
 	color:#FF3300;
}

/************************************************************** PROJECTS *****/

a.project:link, a.project:visited, a.project:active, a.project:hover{
	width:150px;
	float:left;
	margin:0 20px 10px 0;
	text-decoration:none;
}

a.project img{
	border:0;
	margin-bottom:5px;
}

a.lightbox img{
	border:1px #2eb135 solid;
}
