@charset "utf-8";

body {
	background:#0d0d0d;
	margin: 0px;
}
body,td,th {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
a { color:#000000; }
a:hover { text-decoration:none; }
.clearboth { clear:both; height:16px; font-size:0px; overflow:hidden; }
.clearside { clear:both; height:5px; font-size:0px; overflow:hidden; }
.clear10 { clear:both; height:10px; font-size:0px; overflow:hidden; }
input {	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:93%; }
.button { padding:1px; background-color:#1c0049; color:#fff; border:2px solid #402171; font-weight:bold; }

#outer {
	position:relative;
	width: 500px;
	margin: 0 auto;
}


/*------------------ Site Header ------------------*/

#header { width:960px; padding:0 15px 15px 15px; min-height:142px; overflow:visible; }

#logo  {
   background: url(images/logo.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 6px;
   top: 0px;
   z-index: 1;
   width: 224px;
   height: 153px;
}

.albumimg {width: 60px; height: 60px; border: #9f00e6 solid 2px;}

.comingupimg {width: 60px; height: 60px; border: #212121 solid 2px;}

#album1 {
	float:left; width:60px; overflow:hidden; padding: 3px 5px 5px 5px;
}

#album2 { float:left; padding:0 0 0 9px; width:223px; position:relative; }

.albumtext { padding:10px 5px 0px 10px; min-height: 60px; text-transform:uppercase; background-color:#9f00e6; background-image:url(http://www.gravitydigitalnetwork.com/images/albumbg.png); background-repeat:repeat-x; color:#15001d;  }
.albumtitle { padding:3px 0 10px 0; font-size: 22px; text-transform:uppercase; font-weight:bold; color:#fff;}

.cominguptext { padding:10px 5px 0px 10px; min-height: 60px; text-transform:uppercase; background-color:#9f00e6; background-image:url(http://www.gravitydigitalnetwork.com/images/comingupbg.png); background-repeat:repeat-x; color:#d5a7eb;  }

.cominguptitle { padding:3px 0 10px 0; font-size: 18px; text-transform:uppercase; font-weight:bold; color:#fff;}

#menu {
   position: absolute;
   left: 206px;
   top: 127px;
   z-index: 2;
   font: 14px/16px Arial;
   margin: 0px;
   text-align: left;
   text-transform:uppercase;
}

#menu ul { list-style:none; margin:0; padding:0; border-bottom:1px solid #999; width:100%; height:29px; overflow:hidden; }
#menu li { float:left; margin:0; padding:0; text-align:center; }
#menu li a { display:block; padding:8px 12px; color:#383838; text-decoration:none; border-right:1px solid #ccc; text-transform:uppercase; font:11px Verdana; }
#menu li a { background:url(images/menubg.png) repeat 0 0; }
#menu li a:hover,#menu li a:focus,#menu li a:active { background-position:-202px 0; color:#fff; }

/*------------------ Top Navigation ------------------*/



/*------------------ Site Body ------------------*/
#pBody { width:974px; background-image:url(http://www.gravitydigitalnetwork.com/images/woop.png); background-repeat:repeat; padding:0 15px 15px 15px; min-height:600px; overflow:hidden; }

#leftCol { float:left; width:644px; padding:0 0 0 0; overflow:hidden; }

#fullCol { float:left; width:972px; padding:15px 0 0 0; overflow:hidden; }

#rightCol { float:left; padding:0 0 0 16px; width:312px; min-height:600px; position:relative; }
#rightCol .adBox { margin-top:15px; width:120px; height:90px; }
#rightCol .adSS { margin-top:15px; width:120px; height:600px; }

#leftCol h1.pageHeader { background:url(/images/pageheader.gif) 0 0 repeat-x; padding:6px 10px; height:24px; font-size:138.5%; font-style:italic; color:#fff; }
#leftCol .pageContent { overflow:auto; padding:15px; }
#leftCol .fullpage { min-height:600px; }

#homepagecol1 { float:left; width:314px; padding:0 0 0 0; overflow:hidden; }
#homepagecol2 { float:left; padding:0 0 0 16px; width:314px; position:relative; }

#downloadscol2 { padding:0 0 0 30px; overflow:hidden; }

.img {}

.imgsmall {width: 123px; height: 60px;}

#homeboxcol1 { float:left; width:157px; padding:0 0 0 0; overflow:hidden; }
#homeboxcol12 { float:left; width:129px; padding:0 0 0 0; overflow:hidden; }

.link {color:#8302bd; text-decoration:none;}

.link2 {color:#c20000; text-decoration:none;}

#homeboxcol2 { float:left; padding:0 0 0 20px; width:293px; position:relative; }

#downloadscol2 { float:left; padding:0 0 0 10px; width:490px; position:relative; }

.homeboxtitle { font-size: 25px; text-transform:uppercase; color:#8302bd; padding: 5px 0 5px 0; font-weight:bolder;}

.homeboxtitle a { font-size: 25px; text-transform:uppercase; color:#8302bd; padding: 5px 0 5px 0; font-weight:bolder;}

.swishtitle { font-size: 25px; text-transform:uppercase; color:#c20000; padding: 5px 0 5px 0; font-weight:bolder;}

.swishtitle a { font-size: 25px; text-transform:uppercase; color:#c20000; padding: 5px 0 5px 0; font-weight:bolder;}


#listenlive { position:absolute; top:-57px; left:1px; width:165px; height:130px; background:url(/images/listenlive_bg.gif) 0 0 no-repeat; text-align:center; }
#listenlive h2 a { display:block; width:166px; height:40px; background:url(/images/listenlive.gif) 0 0 no-repeat; }
#onair { margin-top:79px;  }
#onair h2 { width:93px; height:16px; background:url(/images/onairnow.gif) 0 0 no-repeat; }
#onair h3 a { display:block; margin-top:5px; color:#fface7; }
#onair em a { display:block; margin-top:5px; margin-bottom:30px; color:#ffddf5; font-size:85%; font-style:normal; background:url(/images/onair_email.gif) 0 0 no-repeat; padding-left:20px; }

.box {background-color:#c2c0c0; background-image:url(http://www.gravitydigitalnetwork.com/images/boxbg.png); background-repeat:repeat-x; overflow:hidden; border: #90F 3px solid;}

.box1 {background-color:#9e36e7; background-image:url(http://www.gravitydigitalnetwork.com/images/gravitybg.png); background-repeat:repeat-x; overflow:hidden; border: #6b19a5 6px solid;}

.swishbox {background-color:#c2c0c0; background-image:url(http://www.gravitydigitalnetwork.com/images/boxbg.png); background-repeat:repeat-x; overflow:hidden; border: #c20000 3px solid;}

.swishbox1 {background-color:#c51400; background-image:url(http://www.gravitydigitalnetwork.com/images/swishbg.png); background-repeat:repeat-x; overflow:hidden; border: #a61515 6px solid;}

.mmrbox1 {background-color:#057fd5; background-image:url(http://www.gravitydigitalnetwork.com/images/mmrbg.png); background-repeat:repeat-x; overflow:hidden; border: #01497c 6px solid;}

.choicebox {background-color:#000; background-image:url(http://www.gravitydigitalnetwork.com/images/musicitembg.png); background-repeat:repeat-x; overflow:hidden; border: #2f2e2e 6px solid;}

.choicetitle { font-size: 25px; text-transform:uppercase; color:#fff; padding: 5px 0 5px 0; font-weight:bolder; text-decoration:none;}

.choicetitle a { font-size: 25px; text-transform:uppercase; color:#fff; padding: 5px 0 5px 0; font-weight:bolder; text-decoration:none;}

.linkchoice {color:#fff; text-decoration:none;}

.moremusicbox {background-color:#c2c0c0; background-image:url(http://www.gravitydigitalnetwork.com/images/boxbg.png); background-repeat:repeat-x; overflow:hidden; border: #138ee4 3px solid;}

.content3 {font-family:Arial, Helvetica, sans-serif; color:#138ee4; font-size:12px; margin-top: 10px; padding: 5px 5px 5px 5px;}

.contentchoice {font-family:Arial, Helvetica, sans-serif; color:#138ee4; font-size:12px; margin-top: 20px; padding: 5px 5px 5px 5px;}

.moremusictitle { font-size: 25px; text-transform:uppercase; color:#138ee4; padding: 5px 0 5px 0; font-weight:bolder;}

.moremusictitle a { font-size: 25px; text-transform:uppercase; color:#138ee4; padding: 5px 0 5px 0; font-weight:bolder;}

.link3 {color:#138ee4; text-decoration:none;}



.content-white {font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:12px; margin-top: 20px; padding: 5px 5px 5px 5px;}


.spotlightbox {background-color:#c2c0c0; background-image:url(http://www.gravitydigitalnetwork.com/images/boxbg.png); background-repeat:repeat-x; overflow:hidden; border: #bcad10 3px solid;}

.content4 {font-family:Arial, Helvetica, sans-serif; color:#bcad10; font-size:12px; margin-top: 20px; padding: 5px 5px 5px 5px;}

.spotlighttitle { font-size: 25px; text-transform:uppercase; color:#bcad10; padding: 5px 0 5px 0; font-weight:bolder;}

.spotlighttitle a { font-size: 25px; text-transform:uppercase; color:#bcad10; padding: 5px 0 5px 0; font-weight:bolder;}

.link4 {color:#bcad10; text-decoration:none;}




.bigtitle {font-size: 24px; color:#FFF;}

.bigtitle1 {font-size: 20px; color:#FFF;}

.listenagainbox {background-color:#8300b9; background-image:url(http://www.gravitydigitalnetwork.com/images/listenagainbox.png); border: solid 1px #FFF; background-repeat:repeat-x; overflow:hidden;}

.flashbox {background-color:#201c21; min-height:216px;}

.titlebg { background-image:url(http://www.gravitydigitalnetwork.com/images/titlebg.png); height: 30px; background-repeat:repeat-x;}
.ttxt {font-family:Arial, Helvetica, sans-serif; color:#32003f; font-size:18px; font-weight:bold; padding-left: 0px; padding-bottom: 9px;}
.content {font-family:Arial, Helvetica, sans-serif; color:#8302bd; font-size:12px; margin-top: 10px; padding: 5px 5px 5px 5px;}

.content2 {font-family:Arial, Helvetica, sans-serif; color:#c20000; font-size:12px; margin-top: 10px; padding: 5px 5px 5px 5px;}

.contentdownloads {font-family:Arial, Helvetica, sans-serif; color:#32003f; font-size:12px; padding: 10px 10px 10px 10px;}

.title {background-image:url(http://www.gravitydigitalnetwork.com/images/titlefront.png); padding: 0px 8px 8px 5px; background-repeat:repeat-x;}

.full {height:auto; min-height:134px;}

.t2 {position:relative; top: 3px;}

.botspc {}



/*------------------ Footer ------------------*/
#footer { background-color:#402171; padding:20px; color:#fff; height:25px; }
#footer a { color:#fff; }
#footer ul { margin:0; padding:0; list-style:none; }
#footer li { float:left; margin-left:20px; border-left:1px #fff solid; padding-left:20px; }
#footer li.first { margin:0; border:0; padding:0; }


/*------------------ Sectional ------------------*/


/*------------------ DJs Index ------------------*/



/*------------------ DJ Page ------------------*/



/*------------------ Slider ------------------*/

#slider { width:644px; height:283px; margin-bottom: 0px; position:relative; overflow:hidden; }
#slider ul#slidecontainer { margin:0; padding:0; list-style:none; border:2px solid #fff; width:640px; height:246px; }
#slider ul#slidecontainer li { width:640px; height:246px; }
#slider ul#slidecontainer a { text-decoration:none; display:block; width:640px; height:246px; }
#slider ul#slidecontainer h3 { background-image:url(http://www.gravitydigitalnetwork.com/images/general/fltitlebg.png); height: 30px; background-repeat:repeat-x; display:inline-block; background-color:#9f00e6; color:#fff; font-weight:bold; font-size:167%; text-transform:uppercase; padding:7px 9px; position:absolute; left:10px; top:183px; }
#slider ul#slidecontainer em { background-color:#000; color:#fff; font-style:normal; font-size:100%; font-weight:bold; padding:3px 6px; position:absolute; left:10px; top:218px; }
#slider ul#tabs { margin:0; padding:0; list-style:none; height:35px; }
#slider ul#tabs li { float:left; border-left:1px solid #cecece; width:160px; height:35px; }
#slider ul#tabs li.first { border-left:0; }
#slider ul#tabs li.last { width:161px; }
#slider ul#tabs a { display:block; height:35px; padding:8px; color:#000; font-weight:bold; font-size:93%; background-color:#eeeeee; text-decoration:none; }
#slider ul#tabs li.currentslide a { background:url(images/general/slideractive.png) 0 0 repeat-x; color:#000; }
#slider ul#tabs a:hover { background-color:#c3aecd; }




















/* js-disabled class - set image sizes so they all fit in the viewer */
.js-disabled img { width:100px; height:100px; display:block; float:left; margin:30px 0 0; }

#outerContainer { width:970x; height:202px; margin:auto; position:relative; }
#imageScroller { width:970px; height:202px; position:relative; }
#viewer { width:970px; height:182px; overflow:hidden; margin:auto; position:relative; top:10px; }
#imageScroller a:active, #imageScroller a:visited { color:#000000; }
#imageScroller a img { border:0; }
#controls { width:534px; height:47px; background:url(images/controlsBG.png) no-repeat; position:absolute; top:4px; left:4px; z-index:10;	}
#controls a { width:37px; height:35px; position:absolute; top:3px; }
#controls a:active, #controls a:visited { color:#0d0d0d; }
#title { color:#ffffff; font-family:arial; font-size:100%; font-weight:bold; width:100%; text-align:center; margin-top:10px; }
#rtl { background:url(images/rtl.png) no-repeat; left:100px; }
#rtl:hover { background:url(images/rtl_over.png) no-repeat; left:99px; }
#ltr { background:url(images/ltr.png) no-repeat; right:100px; }
#ltr:hover { background:url(images/ltr_over.png) no-repeat; }