html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

a {
	text-decoration: none;
}

a img { 
	border: 0; 
}

#page-background {
	position: fixed;
	top: 0; 
	left: 0;
	width: 100%;
	height: 100%;
}

#page {
	position: relative;
	z-index: 1;
	padding: 10px;
}

#header {	
	clear: both;
	width: 950px;
	height: 100px;
}

#header_nav {
	background-image: url(images/topbar.gif);
	background-color: #CBC55C;
	background-repeat: repeat-x;
	border-right: solid 1px #999999;
	width: 950px;
	height: 40px;
}

#header_nav_text {
	padding: 12px;
}

#header_img {	
	width: 700px; 
	height: 100px;
	left: 0px;
}

#navigation{
	margin:0px;	
	width: 190px;
	float: left;
}

#header_left {	
	width: 700px;
	height: 100px;
	float: left;	
}


#header_right {
	width: 250px;
	height: 100px;
	float: right;
	background-color: #FFFFFF;
}

#header_info {
	text-align: left;
	width: 250px;
	height: 90px;
	padding-left: 25px;
}

.headertext {
	font: 0.7em Verdana, sans-serif;
	font-size: 13px;
	color: #000000;
}

#navigation_menu a {
	float:right; 
	width:183px; 
	height:20px; 
	background-color:#ABC578; 
	border-left:solid 1px #FFFFFF; 
	border-bottom:solid 1px #FFFFFF;
	font: 0.7em Verdana, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
	padding-top:5px;
}

#navigation_menu a:hover{
	background-color:#514F1C;
}

#navigation_image {
	float: right;
	width: 189px;
	height: 8px;
}

#content {
	border: solid 2px #007e41;
	width: 756px;
	float: right;
	background-image: url(images/transparent.gif);
}

#main {
	width: 950px; 
	clear: both;
}

#footer{
	width: 756px;
	float: right;
}

.graytext {
	font: 0.7em Verdana, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#000000;
}

.text {
	font: 0.7em Verdana, sans-serif;
	font-size: 15px;
	color:#000000;
}

.text a {
	font: 0.7em Verdana, sans-serif;
	font-size: 15px;
	color:#000000;
	text-decoration:none;
}

.text a:hover {
	text-decoration:underline;
}

.whitetext {
	font: 0.7em Verdana, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
}

.whitetext a {
	font: 0.7em Verdana, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
}

.whitetext a:hover {
	text-decoration:underline;
}

.realized_projects_root {
	float: left;
	width: 250px;
	height: 300px;
}

.realized_projects_root_image {
	width: 200px;
	height: 250px;
}

.realized_projects_project_info {
	float: left;
	width: 250px;
	height: 250px;
}

.realized_projects_project_info_image {
	width: 200px;
	height: 170px;
}

.realized_projects_project_image {
	clear: both;
	width: 500px;
	height: 400px;
}

.realized_projects_project_foother {
	width: 700px;
	height: 25px;
}

.realized_projects_project_foother_prev {
	float: left;
	width: 25px;
	height: 25px;
}

.realized_projects_project_foother_text {
	float: left;
	width: 650px;
	height: 25px;
}

.realized_projects_project_foother_next {
	float: left;
	width: 25px;
	height: 25px;
}

.about_us_people {
	width: 700px;
	height: 300px;
}

.about_us_people_image_right {
	float: right;
	text-align: right;
	width: 300px;
	height: 300px;
}

.about_us_people_text_right {
	float: left;
	text-align: left;
	width: 400px;
	height: 300px;
}


.about_us_people_image_left {
	float: left;
	text-align: left;
	width: 300px;
	height: 300px;
}

.about_us_people_text_left {
	float: right;
	text-align: left;
	width: 350px;
	height: 300px;
}

