html {min-height: 100%;}

body {
	margin: 10px 0 86px 0;	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif, serif;
	font-size: 62.5%; /* Use 10px computed style base font */
	font-weight: normal;	color: #333;
	/* background: #78b6e5; */
	/* 96c6ea */
	background: #245BAA; 
}

#top_buffer {margin:0; padding:0; background: #fff;}
	#top_buffer .browsers {margin:0 auto; padding:3px 0 0 0; width: 980px; text-align: right; font-size: 10px; color: #cc0000;}
		#top_buffer .browsers img{border:0;}

#header {margin:0; padding:0; height: 300px; background: url('images/banner.jpg') top center no-repeat}
	#header .control {display: block;position: relative; margin: 0 auto; padding:0; width: 980px;}
		#header .control h1 {display: none;}
		#header .control h2 {display: none;}
		#header .control .logo {display: block; position: absolute; top: 50px; left: 10px; margin:0; padding:0; width:202px; height:182px; background: url('images/logo.png') top left no-repeat transparent;}
		#header .control .logo_2 {display: block; position: absolute; top: 25px; left: 80px; margin:0; padding:0; width:282px; height:252px; background: url('images/logo_2.png') top left no-repeat transparent;}
		.browsers {position: absolute; top:5px; right:0; margin:0; padding:0; text-align: right; font-size: 10px; color: #cc0000;}
			.browsers img{border:0;}
		.contact {font-weight: bold;}
			.contact ul {margin:0; padding:0; list-style: none;}
				.contact li {}

#float {z-index: 9999999; position: absolute; top:0; left:0; margin:0; padding:0; width: 100%; min-height: 100%; background: url('images/black_transparent.png') top left repeat transparent;}
	#float a{display: block; margin:0; padding:40px 0 0 0; width: 100%; height: 100%;}
		#float .imgcon {position: relative; margin:0 auto; padding:0; width: 700px; border: 1px solid #fff; text-align: center; background: #fff;}
		#float .imgcon	.picture_close {position: absolute; top:-25px; right:0; margin:0; padding:0; width:93px; height:20px; background: url('images/close.png') top left no-repeat transparent;}
			#float .imgcon	.picture_close span {display: none;}
		#float .imgcon img {border: 0; margin: 0; padding:0;}

#container {margin:0; padding:0; background: #fff;}
	#container .content {position: relative; margin: 0 auto; padding:0; width: 980px; min-height: 250px;}
		#container .content .mouse {z-index: 999999; position: absolute; top: -250px; right: 0; margin:0; padding:0; width:40px; height:50px; background: url('icons/mouse.gif') top left no-repeat;}
		#container .content .mouse span{display: none;}
		#container .content .right {display: block; position: absolute; top: -200px; right: 0; margin:0; padding:0; width:500px; height:500px; background: url('images/right-house-image.png') top left no-repeat transparent;}
		#container .content p {display: block; margin:0 510px 0 0; padding:20px 0 0 0 ; font-size: 14px; text-align: justify;}
	
#footer {margin:0; padding:0;}
	#footer .content {position: relative; margin: 0 auto; padding:10px 0 0 0; width: 798px; color: #fff; text-align: right; }
		#footer .content .logo {display: block; position: absolute; top: 5px; right: -91px; margin:0; padding:0; width:91px; height:81px; background: url('images/footer-logo.png') top left no-repeat transparent;}
		#footer .content a {color: #ffffff;}
		#footer .content a:hover {color: #e2e2e2;}
		#footer .content img {border: 0;}
		
.close {clear: both;}
.hidden {display: none;}