/*
	created: 5.Dec.2007
	avrelia . com
*/

* {margin: 0; padding: 0; line-height: 1.5; font-size: 1em; cursor: default;}

body {
	background-color: #0e3143;
	font-family: Georgia, Times New Roman, Times, Fantasy, sans-serif;
	background-image: url(main_bck.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	font-size: 18px;
	color: #f8e8ef;
}

a {
	cursor: pointer;
}

a:link, a:visited, a:active {
	color: #ffee7c;
	background-color: transparent;
	text-decoration: underline;
}

a:hover {
	background-color: #ffee7c;
	color: #0e3143;
	text-decoration: none;
}

/* ---------------------------------------------------------------------- */

#page {
	width: 720px;
	margin: 0 auto 0 auto;
	background-image: url(head.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

/* HEADER */

#header {
	width: 720px;
	height: 400px;
}

#header h1,
#header small {
	display: none;
}

/* NAVIGATION */

#header ul {
	position: relative;
	width: 100%;
	height: 100%;
}

#header ul li {
	list-style: none;
	display: block;
}

#header ul li a span {
	display: none;
}

#header ul li a:hover {
	background-color: transparent;
}

/* NAVIGATION :: O-MENI */

#header ul li #nav-omeni {
	position: absolute;
	width: 95px;
	height: 83px;
	top: 308px;
	left: 236px;
}

#header ul li #nav-omeni:hover {
	background-image: url(nav_over.jpg);
	background-repeat: no-repeat;
	background-position: 0px -158px;
}

/* NAVIGATION :: MIXI */

#header ul li #nav-mixi {
	position: absolute;
	width: 92px;
	height: 68px;
	top: 119px;
	left: 543px;
}

#header ul li #nav-mixi:hover {
	background-image: url(nav_over.jpg);
	background-repeat: no-repeat;
	background-position: 0px -89px;
}

/* NAVIGATION :: KONTAKT */

#header ul li #nav-kontakt {
	position: absolute;
	width: 106px;
	height: 88px;
	top: 218px;
	left: 556px;
}

#header ul li #nav-kontakt:hover {
	background-image: url(nav_over.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

/* ----------------------------------------------------- */

.div a span {
	display: none;
}

.div a {
	display: block;
	width: 25px;
	height: 22px;
	background-image: url(div.jpg);
	background-position: -543px -23px;
	background-repeat: no-repeat;
	margin-top: 18px;
}

.div a:hover {
	background-image: url(div.jpg);
	background-position: -543px 0px;
	background-repeat: no-repeat;	
}

.div {
	width: 567px;
	height: 40px;
	margin: 40px auto 40px 76px;
	background-image: url(div.jpg);
	background-position: 0px -2px;
	background-repeat: no-repeat;
	float: left;
	display: inline;
}

.div div {
	float: right;
	width: 25px;
	height: 40px;
	background-color: #0e3144;
}

/* ----------------------------------------------------- */

.block {
	float: left;
}

.block h2 {
	display: none;
}

.block-ttl {
	margin-left: 112px;
	margin-bottom: 20px;
}

#omeni {
	width: 123px;
	height: 34px;
	background-image: url(ttls.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.omeni-style ul {
	margin: 5px 5px 5px 40px;
	font-size: 16px;
}

#mixi {
	width: 91px;
	height: 34px;
	background-image: url(ttls.jpg);
	background-position: 0px -35px;
	background-repeat: no-repeat;
}

#kontakt {
	width: 142px;
	height: 39px;
	background-image: url(ttls.jpg);
	background-position: 0px -70px;
	background-repeat: no-repeat;
}

/* ----------------------------------------------------- */

#bottom {
	text-align: center;
	font-size: 12px;
	margin-bottom: 10px;
	float: left;
	width: 100%;
}

/* ----------------------------------------------------- */

.mix-bar.normal {
	width: 646px;
	height: 36px;
	margin: 1px auto 0px auto;
	background-image: url(mix_bar.jpg);
	background-position: 0px -38px;
	background-repeat: no-repeat;
}

.mix-bar.exp {
	width: 646px;
	height: 36px;
	margin: 1px auto 0px auto;
	background-image: url(mix_bar.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.mix-bar .mb-title {
	float: left;
	height: 36px;
	line-height: 36px;
	margin-left: 30px;
	font-size: 12px;
	font-weight: bold;
	color: #3f551c;
	display: inline;
}

.mix-bar .mb-title a {
  height: 36px;
	line-height: 36px;
	font-size: 12px;
	font-weight: bold;
	color: #3f551c;
	background-color: transparent;
}


.mix-bar .new {
	float: right;
	height: 36px;
	width: 108px;
	background-image: url(mix_new.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.mix-bar .new span {
	display: none;	
}

.mix-bar .mb-info {
	float: right;
	height: 36px;
	line-height: 36px;
	margin-right: 30px;
	font-size: 12px;
	color: #3f551c;
	text-align: right;
	display: inline;
}

.mix-bar .mb-info a {
	color: #3f551c;
	background-color: transparent;
	text-decoration: none;
}

.mix-info {
	width: 646px;
	margin: 0px auto 10px auto;
	background-image: url(ext_mix_mid.gif);
	background-position: left top;
	background-repeat: repeat-y;
	color: #4a4939;
	font-size: 14px;
	overflow: hidden;
}

.mix-info .mi-top {
	background-image: url(ext_mix_top.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	overflow: hidden;
	float: left;
}

.mix-info .mi-bottom {
	background-image: url(ext_mix_bottom.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	overflow: hidden;
	float: left;
}

.mix-info h3 {
	width: 100%;
	text-align: center;
	font-size: 30px;
	margin-top: 20px;
	float: left;
}

.mix-info .mi-about {
	float: left;
	width: 420px;
	padding: 20px 0px 10px 40px;
}

.mix-info .mi-options {
	float: right;
	width: 140px;
	padding: 10px 40px 10px 0px;
}

.mix-info .mi-tracklist {
	float: left;
	clear: both;
	width: 580px;
	padding: 20px 20px 20px 40px;
}

.mi-close {
	display: block;
	width: 28px;
	height: 28px;
	float: right;
	margin: 4px;
}

.mi-close:hover {
	background-color: transparent;
}

.sample span,
.download span {
	display: none;
}

.sample {
	display: block;
	width: 75px;
	height: 77px;
	margin-left: 6px;
	margin-top: 20px;
	background-image: url(mix_ico.jpg);
	background-position: 0px -77px;
	background-repeat: no-repeat;
}

.download {
	margin-top: 20px;
	display: block;
	width: 66px;
	height: 76px;
	background-image: url(mix_ico.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}