@charset "UTF-8";
/* CSS Document */


/* CSS RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}


li { list-style: none;}

/*FONTS*/
@font-face {
  font-family: 'Inai';
  src: url('structure/Inai.eot?') format('eot'), url('structure/Inai.woff') format('woff'), url('structure/Inai.tff') format('truetype'); }
  
@font-face {
  font-family: 'Steelfish';
  src: url('structure/Steelfish.eot?') format('eot'), url('structure/Steelfish.woff') format('woff'), url('structure/Steelfish.tff') format('truetype'); }
  

p.standard { font-family: "Inai", Arial, sans-serif; line-height: 15px; text-align:justify; font-size: 12px; color: #4c4c4c; }


/*MAIN BACKEND*/

body {
	background-image: url(images/background.jpg);
	background-repeat:repeat;
	background-attachment:fixed;
	background-color:#CCC;
	height:100%;
	width:100%
	margin:0;padding:0;
	font-family: "Inai", Arial, sans-serif; 
	line-height: 15px; 
	text-align:justify; 
	font-size: 12px; 
	color: #4c4c4c;
	
}


#wrapper {
	width: 100%;
	height:100%;
	position: absolute;
	top:0;left:0;
	overflow:hidden;
	
}

#mask {
	width: 100%;
	height:550%;
	overflow:hidden;
	position: inherit;
	
}

.item {
	width:100%;
	height: 2000px;
	display:block;
}	

a.panel {
text-indent: -9999px;
outline: none;
}

/*NEWS SECTION*/

.content_news {
	width: 743px;
	height: 522px;
	left: 50%;
	margin: 86px auto 0 -557px;
	background-image:url(images/news_bg.png);
	position: relative;
	z-index: 3;
}

.news_right_main { position: absolute; background-image:url(images/news_right_main.png); width: 254px; height: 534px; top: 15px; left: 509px;}
#news { position: absolute; width: 440px; height: 330px; top: 145px; left: 33px; border-style: none;}
.title { font-family: "Inai", Arial, sans-serif;  text-decoration: underline; font-weight:bold; color: #213c51;}


/*ABOUT SECTION*/

.content_about {
	width: 726px;
	height: 517px;
	left: 50%;
	margin: 86px auto 0 -540px;
	background-image:url(images/about_bg.png);
	position: relative;
	z-index: 3;
}

.about_right_main { position: absolute; background-image:url(images/about_right_main.png); width: 230px; height: 518px; top: 19px; left: 465px;}
#about { position: absolute; width: 417px; height: 416px; top: 60px; left: 23px; border-style: none;}

/*MUSIC SECTION*/

.content_music {
	width: 726px;
	height: 517px;
	left: 50%;
	margin: 86px auto 0 -540px;
	background-image:url(images/music_bg.png);
	position: relative;
	z-index: 3;
}

.music_left_main { position: absolute; background-image:url(images/music_left_main.png); width: 205px; height: 511px; top: 45px; left: 5px;}
#music { position: absolute; width: 475px; height: 411px; top: 70px; left: 213px; border-style: none; }
img.coverart { float: left; width: 82px; height: 82px; margin-top: 2px; margin-right: 10px; }


.content_dates {
	width: 726px;
	height: 517px;
	left: 50%;
	margin: 86px auto 0 -540px;
	background-image:url(images/dates_bg.png);
	position: relative;
	z-index: 3;
}

.dates_left_main { position: absolute; background-image:url(images/dates_left_main.png); width: 195px; height: 488px; top: 56px; left: 21px;}
#dates { position: absolute; width: 475px; height: 411px; top: 70px; left: 213px; border-style: none; }

.content_media {
	width: 747px;
	height: 517px;
	left: 50%;
	margin: 86px auto 0 -561px;
	background-image:url(images/media_bg.png);
	position: relative;
	z-index: 3;
}

.media_left_main { position: absolute; background-image:url(images/media_left_main.png); width: 483px; height: 438px; top: 63px; left: 3px;}
.media_right_main { position: absolute; background-image:url(images/media_right_main.png); width: 225px; height: 413px; top: 64px; left: 498px;}
#media { position: absolute; width: 415px; height: 400px; top: 70px; left: 50px; border-style: none;}
img.media { float: left; margin-top: 2px; margin-right: 05px; margin-top: 15px; }


.content_contact {
	width: 747px;
	height: 517px;
	left: 50%;
	margin: 86px auto 0 -561px;
	background-image:url(images/contact_bg.png);
	position: relative;
	z-index: 3;
}

.contact_socialmedia { position: absolute; width: 50px; height: 90px; top: 395px; left: 105px; border-style: none;}
.twitter_link a{ background-image:url(images/twitter_link.png); list-style: none; width: 51px; height: 15px; text-indent:-99999px; float:left;}
.facebook_link a{ background-image:url(images/facebook_link.png); list-style: none; width: 59px; height: 16px; text-indent:-99999px; float:left; margin-top:10px;}
.soundcloud_link a{ background-image:url(images/soundcloud_link.png); list-style: none; width: 70px; height: 15px; text-indent:-99999px; float:left; margin-top: 10px;}

#mailinglist {position: absolute; width: 220px; height: 90px; top: 395px; left: 435px; border-style: none;}

.success {font-family: "Inai", "Helvetica", sans-serif; font-size: 11px; text-decoration:underline; color:#000;}

.error {font-family: "Inai", "Helvetica", sans-serif; font-size: 11px; color:#F00;}

.formsuccess {font-family: "Inai", "Helvetica", sans-serif; font-size: 12px; text-decoration:underline; color:#000;}

INPUT,TEXTAREA {font-family: "Inai", "Helvetica", sans-serif; font-size: 12px; border: none; background-color: #2a2a2a; color: #ffffff; }

.label {font-family: "Steelfish", "Helvetica", Times, serif; font-size:16px; word-spacing: 20px;}


.selected {
	font-weight:700;
}


/* SECTION PLACEMENTS */



#logo a {
	position: fixed;
	width: 151px;
	height: 103px;
	margin: 20px 390px 0 auto;
	right: 50%;
	text-indent: -9999px;
	background-image:url(images/main_logo.png);
	z-index: 1;
}

#player_right {
	position: fixed;
	margin: 30px -565px 0 auto;
	width: 375px;
	height: 650px;
	z-index: 1;
	right: 50%;
}
	
/* SOCIAL MEDIA */

#social_media {
	position:absolute;
	width:21px;
	height:73px;
	top: 0;
	right: 10px;
	margin-top: 444px;
	z-index:1;
}

.facebook a {
	float: left;
	display: block;
	width: 21px;
	height: 21px;
	background: transparent url(images/rollovers/facebook.png) no-repeat;
}
.facebook a:hover {
	background-position: 0 -21px;
} 

.soundcloud a {
	float: left;
	margin-top: 5px;
	display: block;
	width: 21px;
	height: 21px;
	background: transparent url(images/rollovers/soundcloud.png) no-repeat;
}
.soundcloud a:hover {
	background-position: 0 -21px;
} 

.twitter a {
	float: left;
	margin-top: 5px;
	display: block;
	width: 21px;
	height: 21px;
	background: transparent url(images/rollovers/twitter.png) no-repeat;
}
.twitter a:hover {
	background-position: 0 -21px;
} 




/* MUSIC PLAYER BASE */

#base {
	position:absolute;
	background-color:#FFF;
	background-image:url(images/player_base.png);
	width:336px;
	height:517px;
	z-index:1;
}

#player {position: absolute; top: 70px; width: 100%; height:100%}


/*NAVIGATION*/

.navigation {
	position:absolute;
	top: -50px;
	left: 3px;
	width:340px;
	list-style: none; 
	height:35px;
	text-indent: -9999px;
	z-index:4;
}

.news a {
	float: left;
	display: block;
	width: 43px;
	height: 35px;
	background: transparent url(images/rollovers/news.png) no-repeat;
}

.about a {
	float: left;
	display: block;
	width: 58px;
	height: 35px;
	background: transparent url(images/rollovers/about.png) no-repeat;
}

.music a {
	float: left;
	display: block;
	width: 59px;
	height: 35px;
	background: transparent url(images/rollovers/music.png) no-repeat;
}

.dates a {
	float: left;
	display: block;
	width: 56px;
	height: 35px;
	background: transparent url(images/rollovers/dates.png) no-repeat;
}

.media a {
	float: left;
	display: block;
	width: 55px;
	height: 35px;
	background: transparent url(images/rollovers/media.png) no-repeat;
}

.contact a {
	float: left;
	display: block;
	width: 56px;
	height: 35px;
	background: transparent url(images/rollovers/contact.png) no-repeat;
}


/* GLOBAL LINKS */

a:link, a:visited {
	font-family: "Inai", Arial, sans-serif;
	text-decoration: underline;
	color: #454545;
}

a:hover {
	text-decoration: underline;
	font-family: "Inai", Arial, sans-serif;
	color: #454545;
}

a:active {
	text-decoration: underline;
	font-family: "Inai", Arial, sans-serif;
	color: #454545;
} 

#dates a:link {color: #63101b;}
#dates a:visited {color: #63101b;}
#dates a:hover, { color: #63101b;}
#dates a:active, {color: #63101b;}
#dates a:focus {color: #63101b;}