
 html { 
	height: 100%; 
 }
 
 body { 
	height: 100%; margin: 0px; 
	font: 14px "Myriad Pro", "Trebuchet MS", FreeSans, sans-serif; 
	color: #101010; background: #FFF;
 }
 
 .wrapper {
    height: 100%; margin: 0px auto; 
    border: 0px dashed #003333;
 }
 
 .container {
    position: relative; float: none;
    min-height: 100%; min-width: 1250px; width: 100%;
	background: url(../images/bottom_bg.jpg) no-repeat center 100%; 
 }
 
 .width-fixed .container {
    width: 1250px; margin: 0px auto;
 }
 
 .container:after {
    content: ""; display: block; height: 0; 
	clear: both; visibility: hidden;
 }
.b-sitemap {
    display: table;
    margin: 15px auto;
}
 .top_bg {
	display: block;
	position: absolute; left: 0; top: 0;
	z-index: 1; width: 1250px; height: 520px;
	background: url(../images/top_bg.jpg) no-repeat center;
 }
	.top_bg .left_child {
		position: absolute; left: 0; top: 0;
		width: 271px; height: 327px; background: url(../images/left_child.png) no-repeat;
	}
	
	.top_bg .right_child {
		position: absolute; right: 0; top: 0;
		width: 381px; height: 293px; background: url(../images/right_child.png) no-repeat;
	}
	
	.top_bg .stork {
		position: absolute; left: 175px; top: 0;
		width: 305px; height: 211px; background: url(../images/stork.png) no-repeat;
	} 
	
	.top_bg .birds {
		position: absolute; left: 196px; top: 0;
		width: 407px; height: 186px; background: url(../images/birds.png) no-repeat;
	}
	
	.top_bg .left_leaves {
		position: absolute; left: 0; top: 171px;
		width: 518px; height: 296px; background: url(../images/left_leaves.png) no-repeat;
	}
	
	.top_bg .right_leaves {
		position: absolute; right: 0; top: 171px;
		width: 569px; height: 296px; background: url(../images/right_leaves.png) no-repeat;
	}
 form#Contact input.button {
    padding: 5px;
    font-size: 14px;
}
 .header {
    position: relative; 
    height: 389px; z-index: 2;
 }
	.header .logo {
		position: absolute; left: 436px; top: 0;
		width: 429px; height: 389px; background: url(../images/logo.png) no-repeat;
	}
	
	.header .slogan {
		position: absolute; left: 0; top: 202px;
		width: 466px; height: 104px; background: url(../images/slogan.png) no-repeat;
	}
 
 .sidebar {
    position: relative; z-index: 2; float: left;
    width: 210px; min-height: 300px; 
	height: auto !important; height: 300px;  
    padding: 20px 20px 174px;
    border: 1px dashed #000;
 }

 .content {
	position: relative;
    z-index: 2; min-height: 100px; 
	height: auto !important; height: 100px; 
    padding: 20px 20px 174px;
	overflow: hidden;
 } * html .content { 
    position: relative; 
    overflow: visible; 
 }
 
 * html .fix-overflow {
    width: 99%; margin: 0 auto; overflow-x: auto;
 }
 
 .footer {
    position: absolute; 
	bottom: 0px; left: 0px;
    height: 154px; width: 100%;
	font: 12px "Myriad Pro", "Trebuchet MS", FreeSans, sans-serif;
	color: #424242;
 }
	.footer .pic {
		position: absolute; left: 0; bottom: 0;
		width: 100%; height: 154px; background: url(../images/footer_pic.png) bottom center;
	}

	.footer .customer { 
		position: absolute; 
		top: 20px; left: 20px;
		z-index: 3;
	}
	 
	.footer .developer { 
		position: absolute; 
		bottom: 10px; right: 490px;
		z-index: 3;
	} 
	 
	.footer a { 
		color: #424242; 
	} 

 .menu {
	position: relative; z-index: 2;
	display: table; margin: 0 auto;
 }
	.menu ul {
		display: block; list-style: none;
		margin: 0; padding: 0; font: bold 13px Futuris, Tahoma, FreeSans, sans-serif;
		text-transform: uppercase; color: #fff;
	}
	
	.menu li {
		display: block;
		float: left; margin: 0 6px 15px;
		padding: 0;
	}
	
	.menu a {
		display: block; position: relative;
		height: 36px; background: #FB7223;
		color: #FFF; box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.8);
		-moz-box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.8);
		-webkit-box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.8);
	}
		.menu a img {
			position: absolute; z-index: 3;
			display: block; left: 0; top: 0;
			width: 100%; height: 18px;
			/*background: #fff; */
			opacity: 0.5;
		}
		
		.menu a span {
			display: block; 
			position: relative; z-index: 4;
			height: 35px; padding: 0 9px; cursor: poiner;
			line-height: 35px; white-space: nowrap;
		}
		
	.menu a:hover {
		box-shadow: inset 1px 1px 6px 0 rgba(0,0,0,0.8);
		-box-shadow: inset 1px 1px 6px 0 rgba(0,0,0,0.8);
		-webkit-box-shadow: inset 1px 1px 6px 0 rgba(0,0,0,0.8);
	}
		.menu a:hover img {
			height: 100%;
		}
		
	.menu a.active {
		box-shadow: inset 1px 1px 6px 0 rgba(0,0,0,0.8);
		-box-shadow: inset 1px 1px 6px 0 rgba(0,0,0,0.8);
		-webkit-box-shadow: inset 1px 1px 6px 0 rgba(0,0,0,0.8);
	}
		.menu a.active img {
			height: 100%;
		}
		
		.menu a.active span {
			cursor: auto;
		}
 
 .submenu {
    position: relative; z-index: 5; 
    margin: 0; padding: 10px 20px;
    text-align: left;
 }
  	.submenu a {
		padding: 0 5px;
		color: #101010;
	} 
   
 h2 {
    margin: 0; padding: 0 0 10px;
	font: 24px Futuris, Tahoma, FreeSans, sans-serif; 
	color: #FFA500;
 } 
   
 .path {
    padding: 0 0 10px;
    font: 12px "Myriad Pro", "Trebuchet MS", FreeSans, sans-serif;
 }
   
	.path a {
		color: #101010;
	}
 
 .news {
    display: block;
 }
   
	.news-item {
		padding: 20px 0 0;
	} 
	   
	 .news-date {
		padding: 0 0 5px;
		font: 14px Arial, Helvetica, sans-serif; 
		color: #000033;
	 }
	   
	 .news-title {
		padding: 0 0 5px;
		font: 14px Arial, Helvetica, sans-serif; 
		color: #000033;
	 }
	  
	 .news-description {
		padding: 0 0 5px;
		font: 14px Arial, Helvetica, sans-serif; 
		color: #000000; 
	 }
	  
	 .news-description a {
		font: 14px Arial, Helvetica, sans-serif; 
		color: #000000; 
	 }
	 
	 .news-more a {
		font: 14px Arial, Helvetica, sans-serif; 
		color: #000000; 
	 }
   
.main_form {width: 250px; margin: 0px;}
 img {border: 0px;}
 form {margin: 0px; padding: 0px;}
 input, select, textarea {
    font: 11px Arial, Helvetica, sans-serif; 
    background: #FFFFFF; 
    border: 1px solid #C8C8C8;
    text-decoration: none !important;
 }  
 
 form .field {
    padding: 3px 0;
 }
 
 form label {
    font: italic 14px Arial, Helvetica, sans-serif;
 }
 
 form .error {
    font: 12px Arial, Helvetica, sans-serif;
    color: red;
 }
 
 .clearfix:after {
    content:""; display: block; clear: both; height: 0; visibility: hidden;
 } * html .clearfix {
    height: 1%
 } *+html .clearfix {
    min-height: 1%;
 }
 
 .left { 
    float: left
 }
 
 .right {
    float: right;
 }
   
 .vsv {
	 width: 300px;
	 margin:auto;
 }

 .bvi-open {
	 position: absolute;
	 width: 200px;
	 height: 50px;
	 top: 0;
	 left: 750px;
	 z-index: 5;
 }


