@font-face {
    font-family: 'EauSansBook';
    src: url('eau_sans_book-webfont.eot');
    src: url('eau_sans_book-webfont.eot?#iefix') format('embedded-opentype'),
         url('eau_sans_book-webfont.woff') format('woff'),
         url('eau_sans_book-webfont.ttf') format('truetype'),
         url('eau_sans_book-webfont.svg#EauSansBook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
 font-family: 'MuliLight';
 src: url('Muli-Light-webfont.eot');
 src: url('Muli-Light-webfont.eot?#iefix') format('embedded-opentype'),  url('Muli-Light-webfont.woff') format('woff'),  url('Muli-Light-webfont.ttf') format('truetype'),  url('Muli-Light-webfont.svg#MuliLight') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'MuliLightItalic';
 src: url('Muli-LightItalic-webfont.eot');
 src: url('Muli-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),  url('Muli-LightItalic-webfont.woff') format('woff'),  url('Muli-LightItalic-webfont.ttf') format('truetype'),  url('Muli-LightItalic-webfont.svg#MuliLightItalic') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'MuliRegular';
 src: url('Muli-Regular-webfont.eot');
 src: url('Muli-Regular-webfont.eot?#iefix') format('embedded-opentype'),  url('Muli-Regular-webfont.woff') format('woff'),  url('Muli-Regular-webfont.ttf') format('truetype'),  url('Muli-Regular-webfont.svg#MuliRegular') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'MuliItalic';
 src: url('Muli-Italic-webfont.eot');
 src: url('Muli-Italic-webfont.eot?#iefix') format('embedded-opentype'),  url('Muli-Italic-webfont.woff') format('woff'),  url('Muli-Italic-webfont.ttf') format('truetype'),  url('Muli-Italic-webfont.svg#MuliItalic') format('svg');
 font-weight: normal;
 font-style: normal;
}
/*CSS Reset*/

	
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, th, var, small {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
ul ul {
	padding-left:10px;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	margin:0px;
	padding:0px;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}
/* General styling */
.clear {
	clear: both;
}
body {
	font-family: "EauSansBook", Arial, sans-serif;
	font-size:11px;
	letter-spacing: 0.2px;
	color: #555;
	margin: 20px;
	margin-top:70px;
}
a {
	color:#999999;
}
a:hover {
	color:#444444;
	text-decoration:none;
}
#header {
	width:900px;
	margin:auto;
	margin-bottom:10px;
	vertical-align: bottom;
}
#header a {
	text-decoration:none;
}
#header h1 a {
	font-size: 20px;
	color:#EC008C;
	/*color:#555;*/
	float:left;
	font-weight: lighter;
}
#topnav {
	float:right;
	width:450px;
	margin-top:2px;
	height:20px;
	vertical-align: bottom;
}
#topnav a {
	color:#555;
}
#topnav a:hover {
	color:#EC008C;
}
#textnav {display:block; float:left;margin-top:7px;margin-right:5px;}
#social {
	float:right;
	margin-right:-3px;
}
#social a {
	float:left;
	height:20px;
	width:20px;
	padding: 0px;
	padding-left: 3px;
}
a#myspace {
	background-color: transparent;
	background-image: url(../images/myspace.png);
	background-repeat: no-repeat;
	background-position: 0px top;
}
a#myspace:hover {
	background: transparent url(../images/myspace.png) no-repeat 0px -20px;
}
a#facebook {
	background: transparent url(../images/facebook.png) no-repeat 0px top;
}
a#facebook:hover {
	background: transparent url(../images/facebook.png) no-repeat 0px -20px;
}
a#vimeo {
	background: transparent url(../images/vimeo.png) no-repeat 0px top;
}
a#vimeo:hover {
	background: transparent url(../images/vimeo.png) no-repeat 0px -20px;
}
#home {
	width:900px;
	margin:auto;
	font-size: 140px;
	font-weight:bold;
	color:#D7007B;
	margin-top:100px;
	text-align:center;
}
#content {
	width:900px;
	height: 450px;
	margin:auto;
	margin-top:5px;
	border: solid 1px #555;
}
	
#left {float:left; width:450px; height: 450px;}
#left2 {float:left; width:330px; height: 350px;padding:50px; padding-left:70px;}
#right {float:right; width:330px; height: 350px;padding:50px; padding-left:70px;}
#content h2 { font-size:14px; margin-bottom:30px;}
#songs {margin-top:60px;}
#songs p {margin-bottom:5px;}
#content h3 { font-size:12px; color:#EC008C; margin-bottom:15px;}
#content p { margin-bottom:5px;}
.credits {color:#999999; font-size:10px;  }
#album .credits {margin-top:60px;}
#album a {
	text-decoration:none;
}
#album a:hover {
	color:#EC008C;
}
.pink {color:#EC008C;}
#press  {width:350; text-align:center; margin:50px}
.images  {width:350; margin:50px}
.images img {float:left; margin-right:10px; margin-bottom:10px;}
.layerhide { visibility:hidden;display:none;}
#bio  {height:350px; padding:50px}
/*scrollbar*/
#mcs_container{position:relative; width:320px; height:260px;}
#press #mcs_container{width:350px; height:350px;}
.bio #mcs_container{height:300px;}

#mcs_container .customScrollBox{position:relative; height:100%; overflow:hidden;}
#mcs_container .customScrollBox .container{position:relative; width:300px; top:0; float:left;}
#press #mcs_container .customScrollBox .container{width:330px; text-align:left;}
#mcs_container .customScrollBox .content{clear:both;}
#mcs_container .customScrollBox .content p{}
#mcs_container .customScrollBox .content p.alt{}
#mcs_container .customScrollBox img{}
#mcs_container .dragger_container{position:relative; width:5px; height:260px; float:left; margin:0 0 0 5px; background: #EAEAEA; border: #555555 solid 0px; cursor:pointer -moz-border-radius:1px; -khtml-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; cursor:s-resize;}
#press #mcs_container .dragger_container{ display:block; margin-left: 10px;height:350px;}
.bio #mcs_container .dragger_container{margin-left:15px; height:300px;}
#mcs_container .dragger{position:absolute; width:5px; margin-left:0px; height:60px; background:#AAAAAA; text-align:center; line-height:60px; color:#000; overflow:hidden; cursor:pointer; -moz-border-radius:1px; -khtml-border-radius:1px; -webkit-border-radius:1px; border-radius:1px;}
#mcs_container .dragger_pressed{position:absolute; width:5px; margin-left:0px; height:60px; background:#555; text-align:center; line-height:60px; color:#555; overflow:hidden; -moz-border-radius:1px; -khtml-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; cursor:s-resize;}
#mcs_container .scrollUpBtn,#mcs_container .scrollDownBtn{position:absolute; display:inline-block; width:14px; height:15px; margin-right:3px; text-decoration:none; right:0; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6;}
#mcs_container .scrollUpBtn{top:0px; background:url(../images/mcs_btnUp.png) center center no-repeat;}
#mcs_container .scrollDownBtn{bottom:0px; background:url(../images/mcs_btnDown.png) center center no-repeat;}
#mcs_container .scrollUpBtn:hover,#mcs_container .scrollDownBtn:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}