/**
 * Hummer Club 
 * Main CSS File
 * @author TARiK <tarik@bitstore.ru>
 */
html, body 	{ 	background: #000000; 	margin: 0; 	padding: 0; color: #bfafaa; width: 100%; height: 100%; font-size: 14px;}
a 			{ 	color: #aa9999;  	text-decoration: none; 	outline: 0; }
a:visited 	{	color: #aa9999; }
a:hover 	{ 	color: #aa9999; 	text-decoration: underline; }
h1,h2,h3,h4,h5,h6 {	color: #aa9977; 	font-family: Arial; }
h1			{ font-size: 24px;}
img, input 	{	outline: 0; border: 0; }

.fl_left 	{ 	float: left; }
.cl_left 	{	clear: left; }
.fl_right	{	float: right;}
.cl_right	{	clear: right;}
.cl_both 	{	clear: both; }

#column		{	width: 1200px;	margin: 0 auto;	text-align: center; height: 100%; position: relative; z-index: 8;}
#main_block	{  z-index: 8; text-align: left;  height: auto; position: relative; margin-top: -700px;}
#left_block {	width: 250px; float: left; margin: 0 0 0 10px; clear: left;}
#right_block {  margin: 0 40px 0 280px;}

.window		{	z-index: 8; position: relative; opacity: 0.6; margin: 0 0 20px 0; }
.window .top {	background: url('gfx/window_top.png') top left repeat-x; height: 14px; width: 100%; margin: 0; padding: 0;	}
.window .middle {	background-color: #2f2e2b;	width: 100%;  margin: 0; padding: 0.4em 0;}
.window .bottom {	background: url('gfx/window_top.png') bottom left repeat-x; height: 9px; width: 100%; margin: 0; padding: 0;	}

#header_backgrounds		{	height: 700px; width: 100%; }
#header_backgrounds div	{ position: absolute; width:100%; height: 700px;}
#header_background1  		{ background: url('gfx/background_01.jpg') left top no-repeat; }
#header_background2  		{ background: url('gfx/background_02.jpg') left top no-repeat; }
#header_background3  		{ background: url('gfx/background_03.jpg') left top no-repeat; }
#header_background4  		{ background: url('gfx/background_04.jpg') left top no-repeat; }
#header			{	height: 362px; margin: 0; padding: 0; }
#logo 			{	width: 255px; height: 179px; margin: 20px; background: transparent url(gfx/logo.png) no-repeat center center; float: left;}
#head_hummers 	{ 	margin: -80px 0; float: right; clear: both;}

#footer			{ position: relative; z-index: 1; margin: 0; padding: 0; width: 100%;}
#footer_left	{ width: 459px;	height:	77px; background: url('gfx/footer_background.png') left top no-repeat; margin: 25px 0 0;	}
#counters		{ margin: -60px  360px 0 470px; padding: 10px;	}
#copyright 		{ font: 10px Arial;	padding:32px 10px; margin: 0;	}
#footer_logo 	{ z-index: 1; background: transparent url('gfx/background_bottom.jpg') center center no-repeat; width: 350px; height: 267px; float: right; clear: both; margin: -267px 0 0 0; position: relative; display: block; }

.page		{ 		padding: 0 15px;	}
.news		{		list-style: none;	padding: 0; }

.menu	h1	{		padding: 0 15px;}
.menu 	ul	{		list-style: none;	margin: 0; padding: 0;}
.menu 	li	{		list-style: none;	margin: 0; padding: 0;}
.menu	a	{		display: block; color: #bbaa99; text-transform: uppercase;	font: bold 14px Verdana; margin: 0; padding: 10px 20px;}
.menu	a:hover	{	color: #ffeedd;	text-decoration: none;	background-color: #595855;  }

#black_wnd	{		position: fixed;		top:0;		left:0;		right:0;		bottom:0;		background: #000000;		opacity: 0.6;		z-index: 150;	-ms-filter: 'alpha (opacity=60)'; filter: alpha (opacity=60);	}
#notice		{		background-color: #555555;	text-align: justify; width: 350px; margin: -100px -175px; z-index:200;	position: fixed; top: 50%; left: 50%; color: white;	}
.dialog_close	{		float: 	right;		clear: 	both;		margin: 5px;		width: 	16px;		height: 16px;	}

.album 		{ 	width: 100%; height: 100%; }
.image 		{ 	width: 250px; 	height: 150px; 	margin: 0; padding: 15px; float: left; }
.image img	{	border: 0; }
.image span { 	background: transparent url('gfx/image_bk.png') top left repeat-x; margin: -30px 0 0 0;  width: 250px; display: block; height: 24px; padding-top: 5px;	position: relative; z-index: 6; text-align: center;}
.image a 	{ 	font: 11px Tahoma; text-decoration: uppercase; color: #ffffff; }
.start		{}

.video		{	width: 100%; text-align: center;}

.page_counter li {display: inline; list-style: none;}
.page_counter a  {margin: 0; padding: 5px;}
.page_counter .selected a  {margin: 0; padding: 5px; background: #bfafaa; color: #000000 !important;}

.category_image { width: 270px; height: 170px; margin: 0;}
.category_content {height:170px;  padding: 0; margin: -170px 0 0 270px;}
.page_child		{ height: 200px;}