/* outshine family css*/

         a:link { color:#FFFFFF; text-decoration:none; outline:none; }
         a:visited { color:#FFFFFF; text-decoration:none; outline:none; }
         a:hover { color:#FFFFFF; text-decoration:none; outline:none; letter-spacing: 0.06em; font-weight: bold; }
         a:active { color:#CCCCCC; text-decoration:none; outline:none; }

         p {font-family: "raleway-1","raleway-2", sans-serif; font-size:0.63em; font-weight:normal; letter-spacing: 0.13em; color:#FFFFFF; }
         h1 {font-family: "Century Gothic", sans-serif; font-size:0.88em; font-weight:normal; letter-spacing: 0.06em; padding-bottom: 0.19em; color:#FFFFFF; }
         h2 {font-family: "Century Gothic", sans-serif; font-size:0.75em; font-weight:normal; letter-spacing: 0.06em; padding-bottom: 0.19em; color:#FFFFFF; }
         h3 {font-family: "Century Gothic", sans-serif; font-size:0.38em; font-weight:normal; letter-spacing: 0.06em; padding-bottom: 0.19em; color:#FFFFFF; }
         .title  {font-family: "Century Gothic", sans-serif; font-size:0.88em; font-weight:normal; color:#000; }
         h4 {font-family: "Century Gothic", sans-serif; font-size:0.75em; font-weight:normal; letter-spacing: 0.06em; padding-top: 10px; color:#FFFFFF; }

 * {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */

         a img {border: none;} 
         
         body {
         background-image: url("http://www.functionensemble.com/images/g_bg.jpg");
         width: 100%;
         }

         #container  {
         margin: 0 auto;
         width: 800px;
         }
         
         .bg  {
         position:absolute;
         display:none;
         width: 100%;
         height: 100%;
         }
         
         #menu  {
         width: 160px;
         height: 160px;
         float: left;
         margin: 40px 0 0 0;
         display:block;
         }
         
         .navigation  {
         width: 200px;
         float:left;
         margin: 20px 0 0 15px;
         display:block;
         }
         
         
         #news  {
         width:550px;
         height:610px;
         float:left;
         margin: 130px 0 0 30px;
         /*border:1px dotted #FFF;*/
         position:relative;
         }
         
         #record  {
         width:550px;
         height:700px;
         float:left;
         margin: 130px 0 0 30px;
         /*border:1px dotted #FFF;*/
         position:relative;
         }
         
         #folks  {
         width:700px;
         height:600px;
         background-color: #FFF;
         (filter:alpha(opacity=75);
         opacity: 0.75;
         -moz-opacity:0.75;
         float:left;
         margin: 100px 0 0 10px;
         }
         
         #jquery_jplayer  {
         width: 209px;
         margin: 100px 0 0 100px;
         }
         
         .bmlogo {
         width:60px;
         height:60px;
         float: left;
         margin: 360px 0 0 12px;
         display: block;
         }
         
         .title  {
         margin:12px 0 0 10px;
         display: block;
         }
         
         #rant  {
         width:550px;
         height:600px;
         float:left;
         margin: 0 10px 0 5px;
         overflow:auto;
         }
         
         #disco  {
         width:550px;
         height:600px;
         float:left;
         margin: 0 10px 0 5px;
         }
         
         #contact  {
         width:550px;
         height:600px;
         float:left;
         margin: 0 10px 0 5px;
         }
         
         .cover  {
         width:176px;
         height:176px;
         float:left;
         margin: 10px 0 0 0;
         }
         
         .info  {
         width:350px;
         height:176px;
         margin: 12px 0 0 10px;
         float:left;
         }
         
         .b_left  {
         width:265px;
         margin: 15px 0 0 3px;
         float:left;
         }
         
         .b_right  {
         width:265px;
         margin: 15px 0 0 15px;
         float:left;
         }
         
         .middle  {
         width:535px;
         margin: -15px 0 0 0;
         float:left;
         }
         
         .band_1  {
         width:540px;
         margin: 10px 0 0 3px;
         float:left;
         }
         
         #footer  {
         width:550px;
         float:left;
         margin: 30px 0 0 0;
         text-align: right;
         }
         
         .vid  {
         width:550px;
         float: left;
         margin: 10px 0 0 -35px;
         /*border: 1px dotted #FFF;*/
         }
         
         /* CSS Rollovers */
	    
         a.rollover { 
         display: block; 
         width: 50px; 
         height: 51px; 
         text-decoration: none; 
         background: url("http://www.functionensemble.com/images/bm_roll.png"); }

         a.rollover:hover { 
         background-position: -50px 0; }