@charset "utf-8";

body {

	background:url(img/background.gif) #363636 top center no-repeat;

	margin:0px;

	color:#fff;

	font-family:

 Arial, Helvetica, sans-serif;

}

#conteiner {

	width:604px;

	margin:0 auto;

	background:#120809;

	position:relative;

}

#conteiner #header {

	width:604px;

	height:237px;

}

#conteiner #top_menu {

	background:url(img/top_menu_bg.gif);

	height:63px;

}

#conteiner #top_menu #nav {

	padding:0px;

	margin:0px;

	width:600px;

	height:63px;

	list-style:none;

}

#conteiner #top_menu #nav li {

	display:block;

	float:left;

	padding-left:15px;

}

#conteiner #top_menu #nav li#events a {

	height:63px;

	width:121px;

	display:block;

	background:url(img/menu/events.png) no-repeat;

}

#conteiner #top_menu #nav li#events a:hover {

	height:63px;

	width:121px;

	display:block;

	background:url(img/menu/events_ahover.png) no-repeat;

}

#conteiner #top_menu #nav li#about_us a {

	height:63px;

	width:140px;

	display:block;

	background:url(img/menu/about_us.png) no-repeat;

}

#conteiner #top_menu #nav li#about_us a:hover {

	height:63px;

	width:140px;

	display:block;

	background:url(img/menu/about_us_ahover.png) no-repeat;

}

#conteiner #top_menu #nav li#gallery a {

	height:63px;

	width:123px;

	display:block;

	background:url(img/menu/gallery.png) no-repeat;

}

#conteiner #top_menu #nav li#gallery a:hover {

	height:63px;

	width:123px;

	display:block;

	background:url(img/menu/gallery_ahover.png) no-repeat;

}

#conteiner #top_menu #nav li#contacts a {

	height:63px;

	width:140px;

	display:block;

	background:url(img/menu/contacts.png) no-repeat;

}

#conteiner #top_menu #nav li#contacts a:hover {

	height:63px;

	width:140px;

	display:block;

	background:url(img/menu/contacts_ahover.png) no-repeat;

}

#conteiner #content {

	margin:0px;

	padding:0px;

}

#conteiner #content #events img {

	border:none;

}

#conteiner #content h1 {

	text-transform: uppercase;

	text-align: center;

	margin: 0;

	padding: 0.3em 0;

	font-size:14px;

}

#conteiner #content #top_contacts {

	width:604px;

	height:45px;

	background:url(img/menu/top_contacts.gif) #120809 no-repeat left bottom;

}

#conteiner #content #top_gallery {

	width:604px;

	height:45px;

	background:url(img/menu/top_gallery.gif) #120809 no-repeat left bottom;

}

#conteiner #content #top_about_us {

	width:604px;

	height:45px;

	background:url(img/menu/top_about_us.gif) #120809 no-repeat left bottom;

}

#conteiner #content #top_index {

	width:604px;

	height:45px;

	background:url(img/menu/top_index.gif) #120809 no-repeat left bottom;

}

#conteiner #left_column {

	float:left;

	width:220px;

}

#conteiner #right_column {

	float:left;

	background:#120809;

	width:380px;

}

#conteiner #right_column #contacts {

	width:364px;

	height:273px;

	background:url(img/contacts.gif) no-repeat #120809;

}

#conteiner #footer {

	position:relative;

	height:160px;

	background:url(img/footer_bg.gif) center no-repeat;

	margin-top:30px;

}

#conteiner #footer #club-shock {

	position:absolute;

	right:30px;

	bottom:8px;

}

#conteiner a {

	color:#883341;

	text-decoration:none;

}

#conteiner span {

	color:#883341;

	text-decoration:none;

}

#conteiner a:hover {

	color:#883341;

	text-decoration:underline;

}

.clr {

	clear:both;

	overflow:hidden;

}

p {

	margin: 0;

	padding: 0.4em 0;

	line-height:1.4em;

	font-size:12px;

}

#conteiner #load {

	display: none;

	position: absolute;

	left: 50%;

	top: 450px;

	background: url(img/ajax-loader.gif);

	width: 128px;

	height: 15px;

	text-indent: -9999em;

}



.photos {

		width: 320px;

		margin-left:15px;

	}

	.photos ul { list-style: none; }

	.photos ul li { display: inline; }

	.photos ul img {

		border: 5px solid #2c1b1c;

		margin:2px;

		border-width: 5px;

	}

	.photos ul a:hover img {

		border: 5px solid #883341;

		border-width: 5px;

		color: #ffb8b4;

	}

	.photos ul a:hover { color: #fff; }



#lightbox{

	position: absolute;

	left: 0;

	width: 100%;

	z-index: 100;

	text-align: center;

	line-height: 0;

	}



#lightbox a img{ border: none; }



#outerImageContainer{

	position: relative;

	background-color: #fff;

	width: 250px;

	height: 250px;

	margin: 0 auto;

	}



#imageContainer{

	padding: 10px;

	}



#loading{

	position: absolute;

	top: 40%;

	left: 0%;

	height: 25%;

	width: 100%;

	text-align: center;

	line-height: 0;

	}

#hoverNav{

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 10;

	}

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}



#prevLink, #nextLink{

	width: 49%;

	height: 100%;

	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */

	display: block;

	}

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(../images/prev.gif) left 50% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(../images/next.gif) right 50% no-repeat; }



/*** START : next / previous text links ***/

#nextLinkText, #prevLinkText{

color: #FF9834;

font-weight:bold;

text-decoration: none;

}

#nextLinkText{

padding-left: 20px;

}

#prevLinkText{

padding-right: 20px;

}

/*** END : next / previous text links ***/

/*** START : added padding when navbar is on top ***/



.ontop #imageData {

    padding-top: 5px;

}



/*** END : added padding when navbar is on top ***/



#imageDataContainer{

	font: 10px Verdana, Helvetica, sans-serif;

	background-color: #fff;

	margin: 0 auto;

	line-height: 1.4em;

	}



#imageData{

	padding:0 10px;

	}

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	

#imageData #caption{ font-weight: bold;	}

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}

#imageData #helpDisplay {clear: left; float: left; display: block; }



#overlay{

	position: absolute;

	top: 0;

	left: 0;

	z-index: 90;

	width: 100%;

	height: 500px;

	background-color: #000;

	filter:alpha(opacity=60);

	-moz-opacity: 0.6;

	opacity: 0.6;

	display: none;

	}

	



.clearfix:after {

	content: "."; 

	display: block; 

	height: 0; 

	clear: both; 

	visibility: hidden;

	}



* html>body .clearfix {

	display: inline-block; 

	width: 100%;

	}



* html .clearfix {

	/* Hides from IE-mac \*/

	height: 1%;

	/* End hide from IE-mac */

	}