/**
* Home Layout
*
* This file represents block structure on the test page
*
* @author mr. Burtasov <Oleg.A.Burtasov@gmail.com>
*/

/* Base components. */

* {margin:0; padding:0; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif}

html,body {background-color:#f0f6f8}

h1 {display:block; height:36px; padding:24px 0 0 60px; border-top:2px solid #e42; border-bottom:1px solid #7ab0cc; color:#fff; font-size:24px; line-height:32px; font-weight:normal; background:#4ab url(../img/bg_h1.gif) repeat-x}

h2 {padding-top:20px; color:#06a; font-size:24px; line-height:32px}

h3 {padding-top:20px; color:#09a; font-size:18px; line-height:22px}

img {border:none}

p,ul {padding-top:20px; color:#333; font-size:14px; line-height:22px}

ul li {list-style-type:none}

/* --- end --- */

/*------ General Styles -----*/

.wrapper {width:900px; padding:0 4px; margin:auto; border:1px solid #e4e7e9; border-top-width:0; background-color:#fff}
	/*Header*/
	.header {display:block; height:120px; overflow:hidden; background:#fff url(../img/bg_header.gif) repeat-x}
		.logo {float:left; display:inline; background:url(../img/bg_header.gif) repeat-x 0 -150px}
			.logo a {float:left; display:inline; width:220px; height:69px; margin:24px 50px 0; overflow:hidden; text-indent:-999px; background:url(../img/logo.gif) no-repeat 50% 50%}
		/*Main menu*/	
		.header ul {float:right; display:inline; height:40px; margin-top:43px; padding:0; overflow:hidden}
			.header ul li,.header ul li a {float:left; display:inline}
			.header ul li {height:40px; border-right:1px solid #9ec2d4; border-left:1px solid #fff; font-size:14px; line-height:40px}
			.header ul li.first {border-left:none}
				.header ul li a {padding:0 15px; color:#046; font-weight:bold; text-decoration:none; background:url(../img/bg_menu.gif) no-repeat 100% 0}
				.header ul li.first a {background:url(../img/bg_menu.gif) no-repeat 0 0}
				.header ul li a:hover, .header ul li a.active {background:url(../img/bg_menu.gif) no-repeat 100% 100%}
				.header ul li.first a:hover, .header ul li.first a.active {background:url(../img/bg_menu.gif) no-repeat 0 100%}
				.header ul li a:hover {color:#068}
				.header ul li a.active,.header ul li a.active:hover {color:#e42}
		/*--end--*/
	/*--end--*/		
	/*Content*/	
	.content {clear:both; min-height:1%; padding-bottom:60px}
		/*Splash*/
		.splash {position:relative; display:block; width:900px; height:200px; border-top:2px solid #e42; border-bottom:1px solid #7ab0cc; overflow:hidden; background:url(../img/ill_splash.png)}
			.tab {position:absolute; display:block; bottom:0; left:40px; width:160px; height:40px; color:#fff; font-size:24px; line-height:40px; text-align:center; background:url(../img/bg_tab.png) no-repeat 0 0}
		/*--end--*/	
		/*Text Box*/
		.textBox {display:block; padding:20px 60px 0; background:url(../img/bg_shade.gif) repeat-x}
			.textBox a {color:#099; text-decoration:none}
			.textBox a:hover {text-decoration:underline}
			.textBox ul {display:block; margin-bottom:-5px; padding-left:20px}
				.textBox ul li {padding:0 0 5px 25px; background:url(../img/bull.gif) no-repeat 0 4px}
				.textBox strong {color:#066}
				
			/*Contact Box*/
			.contact {display:block; width:390px; height:325px; margin-right:-60px; padding:0 450px 0 0; background:url(../img/map.png) no-repeat 100% 0}
				.textBox .contact a {color:#e42; text-decoration:underline}
				.textBox .contact a:hover {text-decoration:none}
				.textBox ul {display:block; margin-bottom:-5px; padding-left:20px}
					.textBox ul li {padding:0 0 5px 25px; background:url(../img/bull.gif) no-repeat 0 4px}
					.textBox strong {color:#066}
			/*--end--*/
		/*--end--*/			
	/*--end--*/	
	/*Footer*/
	.footer {display:block; height:40px; padding:20px 60px 0; color:#fff; font-size:14px; line-height:18px; background-color:#9ec2d4}
		.footer span {float:left}
		.footer ul {float:right; padding:0}
			.footer ul li, .footer ul li a {display:inline; color:#fff; font-size:14px; line-height:18px; text-decoration:none}
			.footer ul li a:hover {text-decoration:underline}
	/*--end--*/	
/* --- end --- */