@charset "utf-8";
/*---colors---
turquoise:  #00aec1

*/

* { margin: 0px; padding: 0px; }
body {
	font-family: 'Syncopate', Tahoma, Geneva, sans-serif;
	font-size: 100.01%;
	color: #FFF;
	background-color: #000;
}
#wrapper { position: relative; }
/***home styles***/
#content-home { background-image: url(../_img/bg-home.jpg); background-position: bottom; height: 700px; width: 1200px; margin-right: auto; margin-left: auto; background-repeat: no-repeat; position: relative; }
#content #navi { height: 77px; width: 1200px; }
/***menu styles***/
ul#menu { height: 77px; width: 100%; list-style-type: none; }
ul#menu li { float: left; }
ul#menu li a { background-image: url(../_img/navi.png); background-repeat: no-repeat; background-position: left top; display: block; height: 77px; position: relative; text-indent: -9999px; }
ul#menu li a.home { background-image: url(../_img/navi.png); background-repeat: no-repeat; background-position: left top; display: block; height: 77px; width: 110px; }
ul#menu li a.home span { background-position: 0px -77px; }
ul#menu li a.home-current { background-position: 0px -77px; width: 110px; cursor: default; }
ul#menu li a.music { background-position: -110px 0px; width: 122px; }
ul#menu li a.music span { background-position: -110px -77px; }
ul#menu li a.music-current { background-position: -110px -77px; width: 122px; cursor: default; }
ul#menu li a.live { background-position: -232px 0px; width: 157px; }
ul#menu li a.live span { background-position: -232px -77px; }
ul#menu li a.live-current { background-position: -232px -77px; width: 157px; cursor: default; }
ul#menu li a.record { background-position: -389px 0px; width: 225px; }
ul#menu li a.record span { background-position: -389px -77px; }
ul#menu li a.record-current { background-position: -389px -77px; width: 225px; cursor: default; }
ul#menu li a.videos { background-position: -614px 0px; width: 144px; }
ul#menu li a.videos span { background-position: -614px -77px; }
ul#menu li a.videos-current { background-position: -614px -77px; width: 144px; cursor: default; }
ul#menu li a.photos { background-position: -758px 0px; width: 162px; }
ul#menu li a.photos span { background-position: -758px -77px; }
ul#menu li a.photos-current { background-position: -758px -77px; width: 162px; cursor: default; }
ul#menu li a.links { background-position: -920px 0px; width: 117px; }
ul#menu li a.links span { background-position: -920px -77px; }
ul#menu li a.links-current { background-position: -920px -77px; width: 117px; cursor: default; }
ul#menu li a.contact { background-position: -1037px 0px; width: 163px; }
ul#menu li a.contact span { background-position: -1037px -77px; }
ul#menu li a.contact-current { background-position: -1037px -77px; width: 163px; cursor: default; }
ul#menu li a span { background-image: url(../_img/navi.png); background-repeat: no-repeat; background-position: left bottom; display: block; position: absolute; z-index: 100; height: 100%; width: 100%; left: 0px; top: 0px; }
#content-bio { font-size: 0.8em; width: 550px; height: 600px; overflow: auto; position: relative; }
.bio-title {
	font-size: 1.3em;
}
/***scrollbar styles***/
.Container { position: absolute; top: 255px; left: 0px; width: 550px; height: 600px; background: transparent; font-size: 0.7em; line-height: 2; 
}
#Scroller-1 { position: absolute; overflow: hidden; width: 550px; height: 445px; }
/*defines the visible content to be scrolled*/
.Scroller-Container { position: absolute; top: 0px; left: 0px; width: 550px; height: 1600px; }
#Scrollbar-Container { position: absolute; top: 40px; left: 519px; width: 1px; }
.Scrollbar-Up { cursor: pointer; position: absolute; left: 51px; top: 216px; }
.Scrollbar-Track { width: 14px; height: 382px; position: absolute; top: 248px; left: 58px; background-color: transparent; background-image: url(../_img/scroll-track.jpg); background-repeat: no-repeat; background-position: center center; }
.Scrollbar-Handle { position: absolute; width: 15px; height: 15px; }
.Scrollbar-Down { cursor: pointer; position: absolute; top: 630px; left: 52px; }
.indent-out { text-indent: -9999px; }
/***contact page styles***/
#content-contact { background-image: url(../_img/bg-contact.jpg); background-position: bottom; height: 700px; width: 1200px; margin-right: auto; margin-left: auto; background-repeat: no-repeat; position: relative; }
#content-form { height: 413px; width: 400px; margin-top: 40px; font-size: 0.8em; }
#content-form-booking { height: 413px; width: 400px; margin-top: 40px; font-size: 0.8em; float: left; }
.field-styles { background-color: transparent; border: 2px solid #00aec1; color: #ffffff; float: right; width: 240px; margin-right: 50px; }
.field-styles-right { background-color: transparent; border: 2px solid #00aec1; color: #ffffff; float: right; width: 240px;/* [disabled]margin-right: 50px;
*/ }
label { display: block; margin-bottom: -5px; }
p.contact-description { font-size: 0.9em; text-align: justify; margin-top: 120px; }
#form-wrapper { width: 800px; height: 700px; }
.display-inline { display: inline; }
.button-style { background-color: #00aec1; margin-left: 15px; color: #000; border: none; width: 60px; height: 25px; cursor: pointer; font-family: Tahoma, Geneva, sans-serif; }
/***photo page styles***/
#content-photos { background-image: url(../_img/bg-photos.jpg); background-position: top; height: 700px; width: 1200px; margin-right: auto; margin-left: auto; background-repeat: no-repeat; position: relative; }
#content-photos #gallery { height: 600px; width: 800px; margin-right: auto; margin-left: auto; margin-top: 40px; }
#content-events { background-image: url(../_img/bg-events.jpg); background-position: bottom; height: 700px; width: 1200px; margin-right: auto; margin-left: auto; background-repeat: no-repeat; position: relative; }
a.event-links { font-size: 1.6em; color: #FFF; text-decoration: none; margin-left: 30px; }
.content-h3 { display: block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ffffff; margin-bottom: 15px; }
.content-ul-li { margin-bottom: 15px; }
.content-ul-li a { color: #ffffff; }
#content-events .Container #Scroller-1 .Scroller-Container ul li { margin-bottom: 10px; }
/***record page styles***/
#content-record { background-image: url(../_img/bg-studio.jpg); background-position: left 70px; height: 700px; width: 1200px; margin-right: auto; margin-left: auto; background-repeat: no-repeat; position: relative; }
#equipment { width:580px; height:600px; float:left; margin-top:20px; font-size: 0.8em; }
#associates { width:600px; height:600px; float:right; margin-top:20px; font-size: 0.8em; }
#content-record h3 { color: #00aec1; display: block;/* [disabled]border-bottom-width: 1px;
*//* [disabled]border-bottom-style: solid;
*/ border-bottom-color: #00aec1; margin-bottom: 15px; margin-top: 15px; }
#content-record li { margin-bottom: 5px; }
#content-record li a { color: #00aec1; }
.equipment-ul { margin-left: 20px; }
#content-record #associates img { margin-left: 10px; }
#content-links { background-image: url(../_img/bg-links.jpg); background-position: left 70px; height: 700px; width: 1200px; margin-right: auto; margin-left: auto; background-repeat: no-repeat; position: relative; }
#content-links #links-list { background-color: transparent; height: 500px; width: 900px; margin-left: auto; font-size: 0.8em; margin-right: auto; }
#content-links h3 { color: #00aec1; display: block; border-bottom-color: #00aec1; margin-bottom: 30px; margin-top: 15px; }
#links-list div { width: 110px; height: 130px; float: left; margin-left: 2px; margin-bottom: 3px; }
#links-list div a { text-decoration: none; }
#content-videos { background-image: url(../_img/bg-videos.jpg); background-position: left 70px; height: 700px; width: 1200px; margin-right: auto; margin-left: auto; background-repeat: no-repeat; position: relative; }
#content-music { background-image: url(../_img/bg-music.jpg); background-position: left 70px; height: 1000px; width: 1200px; margin-right: auto; margin-left: auto; background-repeat: no-repeat; position: relative; }
.performer-button { margin-top: 50px; margin-left: 85px; }
a.open-performer :hover { background-image: url(../_img/bg-music-buttons.png); }
a.open-producer :hover { background-image: url(../_img/bg-music-buttons.png); }
.title-column {
	font-size: 0.6em;
	height: 20px;
	width: 600px;
}
.image-column {
	text-align: left;
	vertical-align: top;
	width: 350px;
	font-size: 0.6em;
}
.player-column { width: 30px; }
.album-cover { float: left; padding-right: 5px; }
/** music styles **/
#performer { width: 600px; height: 800px; float: left; background-color: rgba(0,0,0,0.5); }
#producer { width: 600px; height: 800px; float: left; background-color: rgba(0,0,0,0.5); }