/* CHASMOS CSS */

        A                         { color: #FFFF66; text-decoration: none; }
        A:link                { color: #FFFF66; text-decoration: none; }
        A:visited        { color: #FFFF66; text-decoration: none; }
        A:active        { color: #FFFF66; text-decoration: none;}
        A:hover                { color: #FFFF00; text-decoration:line-through; }

     

p          { font-family:'Century Gothic', Helvetica, sans-serif; font-size: 10px; color:#FFFF66; text-align: left; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 1.4em; margin-top: 10px; padding-left: 5px; padding-right: 20px; padding-bottom: 5px;}
p.bio      { font-family:'Century Gothic', Helvetica, sans-serif; font-size: 10px; color:#FFFF66; text-align: left; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 1.4em; margin-top: 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 0px;}
p.lp       { font-family:'Century Gothic', Helvetica, sans-serif; font-size: 10px; color:#FFFF66; text-align: left; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 1.4em; margin-top: 10px; padding-left: 5px; padding-right: 5px; padding-bottom: 0px;}
p.review   { font-family:'Century Gothic', Helvetica, sans-serif; font-size: 9px; color:#FFFF66; text-align: left; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 1.4em; margin-top: 0px; padding-left: 5px; padding-right: 25px; padding-bottom: 0px;}
p.head     { font-family:'Century Gothic', Helvetica, sans-serif; font-size: 11px; color:#FFFF00; text-align: left; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 1.4em; margin-top: 5px; margin-left: 5px;}
p.head2    { font-family:'Century Gothic', Helvetica, sans-serif; font-size: 11px; color:#FFFF00; text-align: left; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 1.4em; margin-top: 5px; margin-left: 5px;}
p.contact  { font-family:'Century Gothic', Helvetica, sans-serif; font-size: 10px; color:#FFFF66; text-align: center; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 0.1em; margin-top: 10px;}
p.contact2  { font-family:'Century Gothic', Helvetica, sans-serif; font-size: 10px; color:#FFFF66; text-align: left; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 0.1em; margin-top: 10px;}
p.links    { font-family:'Century Gothic', Helvetica, sans-serif; font-size: 9px; color:#000; text-align: right; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 1.4em; padding-top: 2px; }

img.center { display: block; margin-left: auto; margin-right: auto;}
body       { margin: 0; padding: 0; background: #000;}
#outer     { height:100%; width:100%; display:table; vertical-align:middle; }
#container { height: 658px; margin-top: 60px; vertical-align:middle; background:#251D17 /*url("http://www.chasmbeats.com/site/bgBody.jpg") repeat scroll 0 0;*/ }
#main      { height: 545px; width: 1080px; margin-top: 0px; margin-left:auto; margin-right:auto;}
#left      { position:relative; height: 545px; width: 314px; margin-top: 60px; float:left;}
#left2     { position:relative; height: 545px; width: 1000px; margin-top: 60px; float:left;}
.logo      { height: 60px; width: 304px; float:left;}
.prod      { width: 300px; height: 23px; background-image: url("http://www.chasmbeats.com/site/chasm_prod_bk.png"); float:left; margin-top: 20px; margin-left: 2px;}
.prod2     { width: 300px; height: 23px; background-image: url("http://www.chasmbeats.com/site/chasm_prod_bk.png"); float:left; margin-top: 20px; margin-left: 2px; border:0px dashed #000;}
.prod4     { width: 300px; height: 23px; background-image: url("http://www.chasmbeats.com/site/chasm_prod_bk.png"); float:left; margin-top: 20px; margin-left: 5px; border:0px dashed #000;}
.words     { width: 300px; height: 350px; background-image: url("http://www.chasmbeats.com/site/chasm_prod_bk2.png"); float: left; margin-top: 2px; margin-left: 2px; border:0px dashed #000;}
.words2    { width: 300px; height: 323px; background-image: url("http://www.chasmbeats.com/site/chasm_prod_bk2.png"); float: left; margin-top: 37px; margin-left: 50px; border:0px dashed #000;}
.words_c   { width: 300px; height: 323px; background-image: url("http://www.chasmbeats.com/site/chasm_prod_bk2.png"); float: left; margin-top: 47px; margin-left: -300px; border:0px dashed #000;}
.middle    { width: 300px; height: 350px; float: left; margin-top: -23px; margin-left: 310px;}
.lower     { width: 300px; height: 300px; float: left; margin-top: 20px;}
#space     { width: 300px; height: 340px; float: left; margin-top: 41px; margin-left: 5px; border:0px dashed #000;}
#box1      { width: 300px; height: 340px; background-image: url("http://www.chasmbeats.com/site/chasm_prod_bk2.png"); margin-top: 105px; margin-left:2px; padding-bottom: 10px; float: left; border:0px dashed #FFF;}
#box2      { width: 300px; height: 350px; background-image: url("http://www.chasmbeats.com/site/chasm_prod_bk2.png"); margin-top: 105px; margin-left:2px; padding-bottom: 10px; float: left; border:0px dashed #FFF;}
.scroll    {
	position:absolute;
	display: block;
	width: 300px;
	height: 290px;
	overflow-y:scroll;
	margin-top: 5px;
	margin-left: 2px;
	margin-right: 5px;
	padding-bottom:15px;
	float: left; /* fixes has-layout-bug in IE6*/
	zoom:1;
	left: 0px;
	top: 0px;
}
body > #box1 { position:fixed; }
#links     { width: 295px; float: left; margin-top: 357px; margin-left: 12px; border:0px dashed #000;}
#links2     { width: 295px; float: left; margin-top: 5px; margin-left: 12px; border:0px dashed #000;}
.navigate1 { width: 93px; height: 13px; margin-top: 12px; margin-left: -3px; float:left; border:0px dashed #fff;}
.navigate2 { width: 56px; height: 13px; margin-top: 12px; margin-left: -3px; float:left; border:0px dashed #fff;}
.navigate3 { width: 84px; height: 13px; margin-top: 12px; margin-left: -3px; float:left; border:0px dashed #fff;}
.navigate4 { width: 85px; height: 13px; margin-top: 12px; margin-left: -3px; float:left; border:0px dashed #fff;}
.spacer    { width: 30px; height: 13px; margin-top: 12px; float:left; border:0px dashed #fff;}
.logo1     { width: 89px; height: 40px; float: left; margin-top: 12px; margin-left: 3px; border:0px dashed #fff;}
.logo2     { width: 36px; height: 36px; float: left; margin-top: 14px; margin-left: 5px; border:0px dashed #fff;}
.logo3     { width: 36px; height: 40px; float: left; margin-top: 12px; margin-left: 3px; border:0px dashed #fff;}
.logo4     { width: 28px; height: 40px; float: left; margin-top: 12px; margin-left: 3px; border:0px dashed #fff;}
.logo5     { width: 103px; height: 40px; float: left; margin-top: 14px; margin-left: 3px; border:0px dashed #fff;}
.floatimgleft { float:left; margin-left: 3px; margin-top:2px; margin-right:10px; margin-bottom:10px;}
.floatimgleft2 { float:left; margin-top:10px; margin-left: 10px; margin-right:20px; margin-bottom:10px;}


	  	    

#right     { width: 744px; height: 555px; margin-top: 60px; float:left; margin-left: 5px;}
#right2     { width: 744px; height: 555px; background-image: url("http://www.chasmbeats.com/site/chasm_media_fnl.jpg"); background-repeat: no-repeat; margin-top: 60px; float:left; margin-left: 5px;}
#flash     { width: 238px; height:150px; float:right; margin-top: 365px; margin-right: 20px; border:0px dashed #fff; /*opacity:0.5; filter:alpha(opacity=50);*/} 
#flasher     { width: 300px; height:350px; float:left; margin-top: 20px; margin-left: 10px; border:0px dashed #fff; /*opacity:0.5; filter:alpha(opacity=50);*/}
.linker    { width: 350px; height: 15px; float: right; margin-top: -8px; margin-right: -15px; border: 0px dashed #fff;}
.linker2    { width: 350px; height: 15px; float: right; margin-top: 527px; margin-right: -272px; border: 0px dashed #fff;}

/* CSS Rollovers */
	    
a.rollover { display: block; width: 304px; height: 60px; text-decoration: none; background: url("http://www.chasmbeats.com/site/images/chasm_roll5.png"); }
a.rollover:hover { background-position: -304px 0; }
a.rollover2 { display: block; width: 93px; height: 13px; text-decoration: none; background: url("http://www.chasmbeats.com/site/images/biography_roll.png");}
a.rollover2:hover { background-position: -93px 0;}
a.rollover3 { display: block; width: 56px; height: 13px; text-decoration: none; background: url("http://www.chasmbeats.com/site/images/media_roll.png");}
a.rollover3:hover { background-position: -56px 0;}
a.rollover4 { display: block; width: 84px; height: 13px; text-decoration: none; background: url("http://www.chasmbeats.com/site/images/contact_roll.png");}
a.rollover4:hover { background-position: -84px 0;}
a.rollover5 { display: block; width: 89px; height: 40px; text-decoration: none; background: url("http://www.chasmbeats.com/site/images/obese_roll.png");}
a.rollover5:hover { background-position: -89px 0;}
a.rollover6 { display: block; width: 36px; height: 36px; text-decoration: none; background: url("http://www.chasmbeats.com/site/images/burn_roll2.png");}
a.rollover6:hover { background-position: -36px 0;}
a.rollover7 { display: block; width: 36px; height: 40px; text-decoration: none; background: url("http://www.chasmbeats.com/site/images/elefant_roll.png");}
a.rollover7:hover { background-position: -36px 0;}
a.rollover8 { display: block; width: 28px; height: 40px; text-decoration: none; background: url("http://www.chasmbeats.com/site/images/soul_a_roll.png");}
a.rollover8:hover { background-position: -28px 0;}
a.rollover9 { display: block; width: 103px; height: 40px; text-decoration: none; background: url("http://www.chasmbeats.com/site/images/akai_roll.png");}
a.rollover9:hover { background-position: -103px 0;}