* {
		margin: 0;
		padding: 0;
		z-index: 2;
	}
	
	html
	{
		overflow-y: scroll !important;
		background: url( '../images/bgr.jpg' );
	}
	
	body {
		font-family: Verdana;
		font-size: 12px;
		color: #909090;
	}
	
	#wrapper
	{	
		margin: 104px auto;
		width: 889px;
		border: 1px solid #444641;
		background: #171717;
	}
	
	a {
		color: #888888;
		text-decoration: none;
	}

	a:link, a:visited {
		outline: none;
	}
	
	a img {
		border: 0;
	}
	
	p {
		padding: 7px 0;
	}

	form, fieldset {
		border: 0;
	}
	
	.left {
		float: left;
	}
	
	.right {
		float: right;
	}

	.hidden {
		display: none;
	}
	
	.breaker,
	#content .breaker
	{
		display: block;
		clear: both;
		float: none;
		height: 0;
		font-size: 0;
	}
	
	
	.corner-up,
	.corner-down
	{
		font-size: 0;
		position: relative;
		width: 10px;
		height: 13px;
		background: url( '../images/sprite.png' ) no-repeat;
	}

	.corner-up
	{
		margin-top: -1px;
	}
	
	.corner-down
	{
		margin-top: -12px;
	}

	.corner-up.left,
	.corner-down.left
	{
		margin-left: -1px;
	}

	.corner-up.right,
	.corner-down.right
	{
		margin-right: -1px;
	}

	.corner-up.left
	{
		background-position: -20px 0;
	}

	.corner-up.right
	{
		background-position: -30px 0;
	}

	.corner-down.left
	{
		clear: left;
		background-position: 0px 0;
	}

	.corner-down.right
	{
		background-position: -10px 0;
	}

/*********************
*	HEADER
*********************/
	#header
	{
		width: 100%;
		border-bottom: 2px solid #ffcf00;
		height: 25px;
	}

	#header #logo
	{
		float: left;
		width: 213px;
		height: 123px;
		position: relative;
		margin-top: -97px;
		margin-left: -30px;
		margin-right: -100px;		
	}
/*********************
*	MAIN MENU
*********************/

	.menu ul
	{
		list-style: none;
	}

	.menu li
	{
		display: inline;
	}

	#main-menu
	{
		margin-top: 10px;
	}
	
	#main-menu li
	{
		float: left;
		height: 10px;
		line-height: 10px;
		border-right: 1px solid #ffcf00;
	}
	
	#main-menu li a
	{	
		float: left;
		cursor: pointer;
		margin: 0 11px;
		color: #fff;
		padding-bottom: 15px;
	}
	
	#main-menu li a:hover
	{
		color: #BA0B0B;
	}
	
	#main-menu li a.active
	{
		background: url( '../images/arrow-up.png' ) no-repeat bottom center;
	}

/*********************
*	LANGBAR
*********************/
	#langbar {
		float: right
	}

	#langbar a
	{
		float: left;
		margin: 1px;
		padding: 2px;
	}
	
	#langbar a:hover, #langbar a.active
	{
		filter:alpha(opacity=100);
		-moz-opacity: 1;
		opacity: 1;
	}

	#langbar a.active
	{
		background: #7EAAAD;
		color: #00AEEF;
	}

/*********************
*	CONTENT
*********************/	
	#content
	{
		padding: 14px 10px;

		background: #171717 url( '../images/content_bgr.jpg' ) no-repeat top;
		min-height: 500px;
	}
	
	
	
	.title
	{
		display: inline-block;
		font: 12px "Arial";
		font-weight: bolder;
		color: #171717;
		background: #ffcf00;
		line-height: 34px;
	}
	
	.title .left,
	.title .right
	{
		width: 9px;
		height: 34px;
		background: url( '../images/sprite.png' ) no-repeat;
	}

	.title .left
	{
		background-position: -40px 0;
	}

	.title .right
	{
		background-position: -49px 0;
	}

	.panel
	{
		float: right;
		width: 264px;
	}

	.panel dt
	{
		border-bottom: 2px solid #ffcf00;
		margin-bottom: 2px;
	}

	.panel dd
	{
		background: #5a6e75;
	}

	#big-pic
	{
		text-align: center;
	}

	#big-pic.loading
	{
		text-align: center; 
		background: url( 'images/loader.gif' ) no-repeat center;
		min-height: 300px;
	}

	#big-pic .photo-title
	{
		font: 10px Verdana;
		font-weight: bolder;
		color: #fff;
		display: block;
		text-align: center;
		margin-bottom: 10px;
		padding: 0 200px;
		height: 20px;
	}

	#big-pic img
	{
	}
	
	#big-pic .next,
	#big-pic .prev
	{
		background: url( '../images/sprite.png' ) no-repeat;
		width: 17px;
		height: 17px;
		cursor: pointer;
		margin: 7px 11px;
	}

	#big-pic .next
	{
		float: right;
		background-position: -17px -13px
	}

	#big-pic .prev
	{
		float: left;
		background-position: 0px -13px;
	}

	#alphabet-list,
	#band-list
	{
		position: relative;
		background: #5a6e75;
		margin-bottom: 2px;
		
		padding: 0px 19px;
		
		line-height: 21px;
	}

	#band-list
	{
		padding: 5px 4px;
		height: 85px;
	}

	#band-list li
	{
		margin: 0 15px;
	}

	#alphabet-list a,
	#band-list a
	{
		color: #fff;
		font-size: 11px;
	}

	#alphabet-list a:hover,
	#band-list a:hover
	{
		text-decoration: underline;
	}

	#band-list li
	{
		float: left;
	}

	#band-list li a
	{
		display: block;
	}

	#alphabet-list li a.active,
	#band-list a.active
	{
		text-decoration: underline;
		color: #ffcf00;
	}

	
/*********************
*	FOOTER
*********************/
	#footer
	{
		display: table;
		clear: both;
		width: 95%;
		margin: 0 auto;
		margin-top: 55px;
		color: #fff;
		font-size: 0.8em;
		position: relative;
		margin-bottom: -20px;
	}
	
	#footer a
	{
		color: #fff;
	}

/*********************
*	FORM
*********************/

	form p
	{
		margin: 7px 10px;
		padding: 0;
	}

	label
	{
		color: #fff;
		text-decoration: none;
		text-transform: capitalize;
		font: 11px Arial;
		font-weight: bolder;
		width: 80px;
		float: left;
		margin-right: 4px;
	}
	
	.input
	{
		
		height: 20px;
		font-size: 12px;
		width: 150px;
		color: #fff;
		
		background: #171717;
		border: 0;
	}

	.button
	{
		/*
		background: #d7d7d7;
		border: 0;
		padding: 3px;
		margin: 5px;
		text-decoration: none;
		cursor: pointer;
		*/
		margin: 5px;
	}
	.button .icon
	{
		display: block;
		float: right;
		background: url( '../images/sprite.png' ) no-repeat;
		width: 17px;
		height: 17px;
		cursor: pointer;
		background-position: -17px -13px;
	}
	
	.button input {
		background: transparent;
		border: 0;
		float: left;

		color: #171717;
		text-decoration: none;
		text-transform: capitalize;
		font: 11px Arial;
		font-weight: bolder;
	}
	
	.input.wide
	{
		width: 198px;
	}
	
	textarea.input {
		height: 50px;
	}