body {
	height: 100%;
	overflow: auto;
	text-align:center;
	margin: 0;
	padding: 0;
	font: 62.5% 'Droid Sans', Arial, sans-serif;
	color: #222;
}
body.home{ background: #fff url(../images/bg-black-tile.png) top repeat-x;
}
div, form, ul, li, h1, h2, h3, h4, h5 { margin: 0; padding: 0;} img, a img { border: none;
}
#header-bg { background: url(../images/bg01-c.jpg) top center no-repeat;
}
/*..clearfix*/
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
h3{ font-size: 1.7em; margin-bottom: 0.8em;
}
li{ list-style-type: none;
}
p, #content-wrap li{ margin: 0 0 0.9em; font-size: 1.3em; line-height: 1.3;
}
#content-wrap li{ margin-bottom: 0.5em;
}
a, a:active { text-decoration: none; outline: none;}
a:link, a:visited { color: #888;}
a:hover{ color: #111;}
acronym, abbr { cursor: help; border-bottom: 1px dotted #222;
}
/*header*/
div#header-tile{ background-color: lime; z-index: 50; height: 304px; width: 100%;
}
div#header{
	height: 276px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: url(../images/bg01-tile-02.png) repeat-x fixed;
	z-index:100;	
}
#header h2{
	font-size: 2.8em;
	font-weight: normal;
	padding-top: 29px;
	color: #222;
	text-shadow: 1px 1px rgba(255, 255, 255, 0.23);
}
#header h2 span{ letter-spacing: 0.03em;
}
p.quote{ font-style:italic; text-shadow: 1px 1px rgba(255, 255, 255, 0.23); margin-left: 354px; font-size: 1.2em;
}
div#header-wrap, div#content-wrap{
	margin: 0 auto;
	text-align:left;
	width: 900px;
	padding: 0 30px;
}
div#header-wrap{ position:relative; height: 250px; overflow:hidden;
}
div#content-wrap{ padding: 266px 30px 12px 30px; 
}
body.home div#content-wrap{ background:url(../images/BG-drawing01.png) top center no-repeat;
}
div#header-up{ height: 68px; 
}
#header-up ul{ position:absolute; right: 27px; top: 37px;
}
#header-up ul li{ display:inline; font-size: 1.1em; font-weight: bold;
}
#header-up ul li a{ color: #888; margin-left: 4px; padding: 1px 2px;
}
#header-up ul li a:hover{ background-color: #fff; color: #111;
}
div#header-down{ height: 131px;
}
div#space{ background-color: #fff; height: 16px; width: 100%;
}
#header h1{ padding-top: 13px;
}
#header h1 a{
	width: 170px;
	height: 46px;
	display:block;
	text-indent: -1909px;
	overflow:hidden;
	background:url(../images/zagrebground.png) no-repeat;
}
/*menu*/
div#menu{ height: 33px; padding: 10px 0 0 0; position:relative;
}
#menu ul{ position:absolute; display:block;
}
#menu ul li a{ display: block; font-size: 1.3em; line-height:1.1;
}
#menu ul.menu-main{ right: 0; top:16px; width: 372px;
}
#menu ul.menu-main li{ float:left;
}
#menu ul.menu-main li a{
	width: 98px; 
	height: 16px; 
	padding: 2px 20px 2px 6px;  
	text-align:right;
}
#menu ul.menu-main li a.active{
}
#menu ul.menu-main li a span{ margin-right: 1px;
}
#menu ul.menu-profile{ right: 0; top:19px;
}
#menu ul.menu-profile li a{ 
	width: 76px; 
	height: 25px; 
	padding: 3px 0 3px 0;  
	text-align:center;
	background:url(../images/sprite-bttn.png) no-repeat;
	color: #fff;
}
#menu ul.menu-profile li a:active{ background-position: -78px 0;
}
#menu ul.menu-profile li a.profile{ background-position: -156px 0;
}
#menu ul.menu-profile li a.profile:active{ background-position: -234px 0;
}
#menu ul.menu-main li a:hover{ opacity: 0.8;
}
#menu p{ width: 514px; text-shadow: 1px 1px 0 #fff; 
}
#menu h3{ text-shadow: 1px 1px 0 #fff; font-size: 2.4em; font-weight: normal; padding-top: 5px;
}
/*colors*/
#menu a.color3{ background-color: #C7CFA6; color: #fff; 
}
#menu a.color2{ background-color: #EA1C5F; color: #fff;
}
#menu a.color1{ background-color: #1E1D3D; color: #fff;
}
a.profile-link, a.profile-link:visited{ color:#1E1D3D; padding: 1px 2px; margin-left: -2px; font-weight: bold; 
}
a.profile-link:hover{ background-color: #1E1D3D; color:#fff;
}
a.soundcloud-link:hover, a.video-link:hover{ color: #1E1D3D;
}
div#news-wrap span.meta{ color: #EA1C5F;
}
/*content-wraps*/
div#artists-wrap, div#about-wrap, div#news-wrap{ height: 410px; margin-bottom: 1400px; position:relative;
}
div#artists-wrap{ border-top: none;
}
div#about-wrap{ border-bottom: none;
}
/*profile*/
div.profile-left{ width: 290px; height: 230px; position: relative; float:left;
}
div.profile-right{ margin-left: 305px; padding-right: 40px;
}
ul.profile-links{ margin-top: 14px;
}
/*content*/
ul.social-links li{ float:left; 
}
ul.social-links li a{ 
	background:url(../images/social16.png) 0 0 no-repeat; 
	width: 16px; 
	height: 16px; 
	display:block; 
	text-indent: 1909px; 
	overflow:hidden;
	margin-right: 7px;
}
#about-wrap ul.social-links{ float:right; margin-right: 2px;
}
#about-wrap ul.social-links li a{ margin: 0 0 0 7px;
}
ul.social-links li a.myspace{ background-position: -32px 0;
}
ul.social-links li a.twitter{ background-position: -16px 0;
}
ul.social-links li a.mail{ background-position: -80px 0;
}
ul.social-links li a.rss{ background-position: -64px 0;
}
/*artisits-wrap*/
div#profile-slide-wrap{
	width: 900px;
	height: 410px;
	overflow: hidden;
	position:relative;
	z-index: 1;
}
div#profile-slide-scroll, div#news-slide-scroll{ width: 3000px; 
}
/*profile-small*/
div.artist-profile { float: left; width: 290px; margin-right: 15px;
}
div.artist-text{ padding-right: 8px;
}
div.artist-image{ margin-bottom: 12px;
}
/*news*/
div#news-wrap{ padding: 188px 0 0 120px; width: 780px; margin-left: 50px;
}
div#news-wrap p a{ white-space:nowrap;
}
div#news-slide-wrap{
	width: 400px;
	height: 280px;
	overflow: hidden;
	position:relative;
	z-index: 1;	
}
div.news-column{ width: 400px; margin-right: 18px; float:left; 
}
div.news-column{ display: table; width: 400px; height: 280px; overflow: hidden;
}
div.vcenter2{ display: table-cell; vertical-align: middle;
}
div#announcement { display: table; height: 32px;
}
div#announcement p { margin: 0;
}
div#announcement p a{ white-space:nowrap;
}
/*about*/
div#about-wrap{ margin-bottom: 0; height: 550px; position:relative;
}
#about-wrap p{ margin-bottom: 0.7em; 
}
div#about-text{ width: 430px; text-align:right; float:right; padding-top: 230px;
}
#about-wrap p.sig{ font-size: 1.1em; color: #aaa; clear:both; padding-top: 0.4em;
}
#about-wrap p.sig a{ color: #aaa; border-bottom: 1px dotted #aaa;
}
#about-wrap p.sig a:hover{ border-bottom: none;
}
/*slide-controls*/
.slide-controls a{
	display:block;
	width: 14px; 
	height: 62px;
	position:absolute;
	text-indent: -1909px;
	overflow:hidden;
	top: 44%;
	background: url(../images/sprite01.png) 0 0 no-repeat;
}
.slide-controls a.prev{ left: -30px; background-position: 0 0;
}
.slide-controls a.prev-disabled{ left: -28px; background-position: -158px 0; cursor: default;
}
.slide-controls a.next{ right: -30px; background-position: -14px 0;
}
.slide-controls a.next-disabled{ right: -30px; background-position: -170px 0; cursor: default;
}
#news-wrap .slide-controls a.next{ right: 274px;
}
.slide-controls a.prev:hover{ background-position: -28px 0;
}
.slide-controls a.next:hover{ background-position: -42px 0;
}
/*profile-full*/
div#soundcloud-player{ height: 81px;
}
div.soundcloud{
	position:absolute;
	width: 346px;
	right: 30px;
	top: 92px;
	color: #fff;
	font-size: 1.1em;
}
.soundcloud p{ font-size: 1.0em; text-align: center; margin-top: 0.3em;
}
a.soundcloud-link, a.video-link{ padding-left: 20px; background:url(../images/sprite16-2.png) no-repeat; padding-bottom: 1px;
}
a.video-link{ background-position: 0 -37px;
}
pre.source{ font-size:10px;
}
/* gallery */
a.gallery-link {
	position:absolute;
	right: 0;
	top: 0;
	padding: 4px 4px 4px 21px;
	display:block;
	background-color: #fff;
	font-size: 1.1em;
	background: #fff url(../images/sprite16-2.png) 4px -67px no-repeat;
	color: #222;
	z-index: 50;
}
a.scroll-anchor {
	position: absolute;
	top: -304px;
	display:block;
	width: 10px;
	height: 10px;
	visibility:hidden;
}
/*messages*/
ul.status, ul.error{ background-color: #C7CFA6; padding: 6px 6px 7px; margin-bottom: 10px;
}
ul.error{ background-color: #A6323F; color: #fff;
}
ul.status{ background-color: #D9DEC3;
}
#content-wrap ul.messages li{ margin-bottom: 0;
}
/**/
div#activebar-container{ border: 2px solid #D4C8B2;
}