/**************************************************************************/
/*     Fundamental Body styles                                            */
/**************************************************************************/

html {
       margin-top: 0px;
       margin-bottom: 0px;
       margin-left: 0px;
       margin-right: 0px;
       height: 100%; 

}

body {
	background-color: #191919;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px; 
	margin-left: 0px;
	margin-right: 0px;
	background-image: url(../images/mainbg.jpg);
	background-repeat: repeat;
}


p {
       margin-top: 0px;
       margin-bottom: 0px;
       margin-left: 0px;
       margin-right: 0px;
       padding-top: 0px;
       padding-bottom: 0px;
       padding-left: 0px;
       padding-right: 0px;
       font-family: "Lucida Sans";
       font-size: 12px;
       color: #ffffff;
}


img, div, a, input { 
       behavior: url(style/iepngfix.htc) 
       
}


/**************************************************************************/
/*     Header styles (Includes logo and links)                            */
/**************************************************************************/

#container {
       position: relative;
       min-width: 100%;
       min-height:100%;
       margin: 0px;
       padding: 0px;
}





#topborder {
       position: absolute;
       top: 0px;
       left: 0px;
       width: 100%;
       height: 135px;
       margin: 0px;
       padding: 0px;
       background-image: url(../images/headerbg.jpg);
       background-repeat: repeat-x;
}





#phonenumber {
       position: absolute;
       top: 25px;
       right: 50px;
       width: 317px;
       height: 79px;
       margin: 0px;
       padding: 0px;
       background-image: url(../images/phoneinset.jpg);
       background-repeat: no-repeat;
}

a.contactemail {
     position: absolute;
     top: 15px;
     left:97px;
     font-family: Verdana;
     font-size: 11px;
     color: #f7cd19;
     text-decoration: underline;
     margin: 0px;
     padding: 0px;
}

a.contactemail:hover {
     text-decoration: none;
     color: #fad952;
}


/**************************************************/
/*     Start of nav Menu                          */

#topborder {
       position: absolute;
       top: 0px;
       left: 0px;
       width: 100%;
       height: 135px;
       margin: 0px;
       padding: 0px;
       background-image: url(../images/headerbg.jpg);
       background-repeat: repeat-x;
}

#nav {
       position: absolute;
       top: 0px;
       left: 50%;
       width: 1000px;
       height: 127px;
       margin: 0px 0px 0px -500px;
       padding: 0px;
     /*  background-color: green; */
} 

#mainlogo {
       position: absolute;
       top: 0px;
       left: 0px;
       width: 390px;
       height: 127px;
       margin: 0px;
       padding: 0px;
       background-image: url(../images/mainlogo.png);
       background-repeat: no-repeat;
}

#navmenu{
      position: absolute;
      top: 0px;
      left: 450px;
      width: 500px;
      margin: 0px;
      padding: 0px;
      list-style-type: none;
/*      background-color: black;  */
}







.navmenuitems{
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      list-style-type: none;
      display: inline;
      float: left;
}





a.about_roll {
      display: block;
      width: 163px;
      height: 127px;
      text-decoration: none;
      margin: 0px;
      padding: 0px;
      background: url("../images/aboutroll.png");
}

a.about_roll:hover {
      background-position: -163px 0;
}

a.artists_roll {
      display: block;
      width: 163px;
      height: 127px;
      text-decoration: none;
      margin: 0px;
      padding: 0px;
      background: url("../images/artistsroll.png");
}

a.artists_roll:hover {
      background-position: -163px 0;
}

a.contact_roll {
      display: block;
      width: 163px;
      height: 127px;
      text-decoration: none;
      margin: 0px;
      padding: 0px;
      background: url("../images/contactroll.png");
}

a.contact_roll:hover {
      background-position: -163px 0;
}



/**************************************************/
/*     End of nav Menu                            */

/**************************************************************************/
/*     End of Header styles (Includes logo and links)                     */
/**************************************************************************/








/**************************************************************************/
/*  Main Section Divider  - for main content                              */
/**************************************************************************/

#homepagebanner3 {
       position: absolute;
       top: 135px;
       left: 0px;
       width: 100%;
       height: 363px;
       margin: 0px;
       padding: 0px;
  /*     background-color: red; */
     background-image: url(../images/brickrepeatsub.jpg); 
      background-repeat: repeat-x;      
}

#homepagebnrborder {
       position: absolute;
       top: 498px;
       left: 0px;
       width: 100%;
       height: 8px;
       margin: 0px;
       padding: 0px;
  /*     background-color: red; */
     background-image: url(../images/btbrickborder.jpg); 
      background-repeat: repeat-x;      
}

#rhythmbanner2 {
       position: absolute;
       top: 0px;
       left: 50%;
       width: 976px;
       height: 363px;
       margin-left: -488px;
       margin-right: 0px;
       margin-top: 0px;
       margin-bottom: 0px;
       padding: 0px;
       background-image: url(../images/naeemabanner.png);
       background-repeat: no-repeat;  
/*       background-color: white;   */
}

#rhythmbanner3 {
       position: absolute;
       top: 0px;
       left: 50%;
       width: 976px;
       height: 363px;
       margin-left: -488px;
       margin-right: 0px;
       margin-top: 0px;
       margin-bottom: 0px;
       padding: 0px;
       background-image: url(../images/kashiousbanner.png);
       background-repeat: no-repeat;  
/*       background-color: white;   */
}

#rhythmbanner4 {
       position: absolute;
       top: 0px;
       left: 50%;
       width: 976px;
       height: 363px;
       margin-left: -488px;
       margin-right: 0px;
       margin-top: 0px;
       margin-bottom: 0px;
       padding: 0px;
       background-image: url(../images/demurebanner.png);
       background-repeat: no-repeat;  
/*       background-color: white;   */
}

#rhythmbanner5 {
       position: absolute;
       top: 0px;
       left: 50%;
       width: 976px;
       height: 363px;
       margin-left: -488px;
       margin-right: 0px;
       margin-top: 0px;
       margin-bottom: 0px;
       padding: 0px;
       background-image: url(../images/swalkerbanner.png);
       background-repeat: no-repeat;  
/*       background-color: white;   */
}

#rhythmbanner6 {
       position: absolute;
       top: 0px;
       left: 50%;
       width: 976px;
       height: 363px;
       margin-left: -488px;
       margin-right: 0px;
       margin-top: 0px;
       margin-bottom: 0px;
       padding: 0px;
       background-image: url(../images/aboutbanner.png);
       background-repeat: no-repeat;  
/*       background-color: white;   */
}

#rhythmbanner7 {
       position: absolute;
       top: 0px;
       left: 50%;
       width: 976px;
       height: 363px;
       margin-left: -488px;
       margin-right: 0px;
       margin-top: 0px;
       margin-bottom: 0px;
       padding: 0px;
       background-image: url(../images/contactbanner.png);
       background-repeat: no-repeat;  
/*       background-color: white;   */
}

#rhythmbanner8 {
       position: absolute;
       top: 0px;
       left: 50%;
       width: 976px;
       height: 363px;
       margin-left: -488px;
       margin-right: 0px;
       margin-top: 0px;
       margin-bottom: 0px;
       padding: 0px;
       background-image: url(../images/marveybanner.png);
       background-repeat: no-repeat;  
/*       background-color: white;   */
}



#naeemamain {
       position: absolute;
       top: 10px;
       right: 30px;
       width: 268px;
       height: 331px;
       margin: 0px;
       padding: 0px;
       background-image: url(../images/naeema1.png);
       background-repeat: no-repeat;    
       z-index: 1;
}


#mainbody {
       position: absolute;
       top: 510px;
       left: 50%;
       width: 960px;
       height: 800px;
       margin-left: -480px;
       margin-right: 0px;
       margin-top: 0px;
       margin-bottom: 0px;
       padding: 0px;
 /*      background-color: red; */
 background-image: url(../images/mainbg3.png);
       background-repeat: no-repeat;  
/*       background-color: green;   */
}

.subwelcome {
       position: absolute;
       top: 10px;
       left: 30px;
       width: 639px;
       height: 127px;
       margin: 0px;
       padding: 0px;
 /*      background-image: url(../images/welcomeheader.png); */
 /*      background-repeat: no-repeat;    */    
}


#hometext {
       position: absolute;
       top: 220px;
       left: 45px;
       width: 460px;
       height: 250px;
       margin: 0px;
       padding: 0px;
 /*      background-color: red; */
}

#hometext2 {
       position: absolute;
       top: 220px;
       left: 45px;
       width: 800px;
       height: 400px;
       margin: 0px;
       padding: 0px;
  /*    background-color: red;  */
}

.aboutusimage {
	float: left;
	border: 0px;
        padding: 0px 0px 10px 0px;  
        margin: 0px;
}

.aboutusimage2 {
	float: right;
	border: 0px;
        padding: 0px 0px 10px 0px;  
        margin: 0px;
}

.aboutlist1 {
	font-family: verdana;
	font-size: 14px;
	color: #f8f5f5;
	font-weight: normal;
        text-decoration: none; 
        padding:10px;  
        margin: 10px;
        line-height: 1.5;
}

.aboutlist2 {
        padding: 5px;  
        margin: 5px;
}


.beattext1 {
	font-family: verdana;
	font-size: 13px;
	color: #f8f5f5;
	text-align: left;
	font-weight: normal;
        text-decoration: none; 
        padding: 0px 0px 15px 0px;  
        margin: 0px 0px 15px 0px;
        line-height: 1.5;
}



.beattext2 {
	color: #c50705;
	font-weight: normal;
        text-decoration: none; 
        padding: 0px;  
        margin: 0px;
}


.beattext3 {
        position: absolute;
        top: 170px;
        left: 45px;
	font-family: verdana;
	font-size: 16px;
	color: #f8f5f5;
	text-align: left;
	font-weight: bold;
        text-decoration: none; 
        padding: 0px 0px 10px 0px;  
        margin: 0px;
}

.beattext4 {
	font-size: 14px;
	color: #f8f5f5;
	font-weight: normal;
        text-decoration: none; 
}

.beattext5 {
	font-family: verdana;
	font-size: 14px;
	color: #f8f5f5;
	text-align: left;
	font-weight: bold;
        text-decoration: none; 
        padding: 0px 0px 0px 0px;  
        margin: 0px 0px 0px 0px;
        line-height: 1.5;
}

.beattext6 {
	font-family: verdana;
	font-size: 12px;
	color: #f8f5f5;
	text-align: left;
	font-weight: normal;
        text-decoration: none; 
        padding: 0px 0px 15px 0px;  
        margin: 0px;
        line-height: 1.5;
}


a.beatlinks {  
     color: #7DC3FA;
     text-decoration: none;
     font-weight: bold;
     margin: 0px;
     padding: 0px;
}

a.beatlinks:hover {
     text-decoration: underline;
     font-weight: bold;
     color: #ffffff;
}


#naeemalist {
       position: absolute;
       top: 220px;
       right: 30px;
       width: 400px;
       height: 400px;
       margin: 0px;
       padding: 0px;
  /*     background-color: green;  */
       background-image: url(../images/naeemahlist.png); 
       background-repeat: no-repeat;   
       border: 1px solid #ffffff;
}

#musicplayer {
       position: absolute;
       top: 230px;
       right: 80px;
       width: 330px;
       height: 330px;
       margin: 0px;
       padding: 0px;
 /*      background-color: green;   */ 
  /*     border: 1px solid #ffffff;*/
}


#youtubecom {
       position: absolute;
       top: 575px;
       right: 79px;
       width: 330px;
       height: 265px;
       margin: 0px;
       padding: 0px;
     /*  background-color: green;  */ 
       border: 2px solid #ffffff; 
}


#homeslider {
       position: absolute;
       top: 220px;
       right: 30px;
       width: 400px;
       height: 200px;
       margin: 0px;
       padding: 0px;
       background-color: green; 
}

#kashioussec {
       position: relative;
       width: 400px;
       height: 200px;
       margin-top: 0px;
       padding: 0px;
      /*   background-color: #yellow;*/
       background: url("../images/homepageslider2.jpg");
       background-repeat: no-repeat; 
}

#naeemasec {
       position: relative;
       width: 400px;
       height: 200px;
       margin-top: 0px;
       padding: 0px;
      /*   background-color: #green;*/
       background: url("../images/homepageslider1.jpg");
       background-repeat: no-repeat; 
}

#marveysec {
       position: relative;
       width: 400px;
       height: 200px;
       margin-top: 0px;
       padding: 0px;
      /*   background-color: #blue;*/
       background: url("../images/homepageslider3.jpg");
       background-repeat: no-repeat; 
}

/************************ */
/* For Coda Slider changes to make */

  .coda-slider-wrapper {     
       position: absolute;
       top: 0px;
       left: 0px;
       padding: 0px;
       margin: 0px;
}
	
  .coda-slider { background: #ebebeb }
  /* Use this to keep the slider content contained in a box even when JavaScript is disabled */
   .coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }

  /* Change the width of the entire slider (without dynamic arrows) */
   .coda-slider, .coda-slider .panel { width: 400px } 
	
  /* Change margin and width of the slider (with dynamic arrows) */
   .coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 400px }
   .coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
  /* Arrow styling */
   .coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }
	
  /* Tab nav */
   .coda-nav ul li a.current { background: #39c } 
	
  /* Panel padding */
   .coda-slider .panel-wrapper { padding: 0px }
	
  /* Preloader */
    .coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */
/*
	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }	
	.coda-nav ul li { display: inline }
        .coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }

	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }

/************************ */


ul.mainlist1 {
        position: absolute;
        top: 645px;
        left: 40px;
	font-family: Tahoma;
	font-size: 12px;
	color: #2b0d0b;
	font-weight: bold;
        text-decoration: none; 
        padding: 0px 0px 20px 0px;  
        margin: 0px;
        list-style-type: none;
}

li.mainlist2 {
        background: url(../images/custombullet.png) left center no-repeat;
        padding-left: 20px;
        margin-bottom: 4px;
}



/**************************************************************************/
/*  End of Main Section Divider  - for main content                       */
/**************************************************************************/

/**************************************************************************/
/*  Footer Section Divider  - for footer content                          */
/**************************************************************************/

#footer {
       position: absolute;
       top: 1400px;
       left: 0px;
       width: 100%;
       height: 450px;
       margin: 0px;
       padding: 0px;
       background-image: url(../images/footerbg.png);
       background-repeat: repeat-x;
}

#footer2 {
       position: absolute;
       top: 1850px;
       left: 0px;
       width: 100%;
       height: 30px;
       margin: 0px;
       padding: 0px;
       background-color: #580112;
}


#footercontent {
       position: absolute;
       top: 0px;
       left: 50%;
       width: 950px;
       height: 440px;
       margin: 0px 0px 0px -475px;
       padding: 0px;
  /*     background-color: blue;   */
}

#footercontent2 {
       position: absolute;
       top: 3px;
       left: 50%;
       width: 950px;
       height: 25px;
       margin: 0px 0px 0px -475px;
       padding: 0px;
  /*     background-color: blue;   */
}



#footerlogo {
       position: absolute;
       top: 10px;
       left: 20px;
       margin: 0px;
       padding: 0px;
       width: 260px;
       height: 84px;
       background-image: url(../images/footerlogo.png);
       background-repeat: no-repeat;
}

#phoneft {
       position: absolute;
       top: 15px;
       left: 580px;
       margin: 0px;
       padding: 0px;
       width: 320px;
       height: 100px;
       background-image: url(../images/footerphone.png);
       background-repeat: no-repeat;
}


.footerfont1 {
       font-family: Verdana;
       font-size: 9px;
       color: #090002;
}


#footertext1 {
       position: absolute;
       top: 90px;
       left: 200px;
       margin: 0px;
       padding: 0px;
       width: 200px;
       height: 25px;
       background-color: green; 
}

#footerartists1 {
       position: absolute;
       top: 160px;
       left: 40px;
       margin: 0px;
       padding: 0px;
       width: 850px;
       height: 127px;
  /*     background-color: green; */
}

#footerartists2 {
       position: absolute;
       top: 310px;
       left: 40px;
       margin: 0px;
       padding: 0px;
       width: 900px;
       height: 127px;
  /*     background-color: yellow; */
}

#ourartistsft {
       position: absolute;
       top: 100px;
       left: 40px;
       margin: 0px;
       padding: 0px;
       width: 703px;
       height: 50px;
       background: url("../images/ourartistsft.png");
       background-repeat: no-repeat;
}


a.kashiousftroll {
      display: block;
      float: left;
      width: 243px;
      height: 127px;
      text-decoration: none;
      margin: 0px 20px 0px 0px;
      padding: 0px;
      background: url("../images/kashiousroll.png");
}

a.kashiousftroll:hover {
      background-position: -243px 0;
}

a.marveyftroll {
      display: block;
      float: left;
      width: 243px;
      height: 127px;
      text-decoration: none;
      margin: 0px 20px 0px 0px;
      padding: 0px;
      background: url("../images/marveyroll.png");
}

a.marveyftroll:hover {
      background-position: -243px 0;
}

a.neemaftroll {
      display: block;
      float: left;
      width: 243px;
      height: 127px;
      text-decoration: none;
      margin: 0px 20px 0px 0px;
      padding: 0px;
      background: url("../images/neemahroll.png");
}

a.neemaftroll:hover {
      background-position: -243px 0;
}

a.demureftroll {
      display: block;
      float: left;
      width: 243px;
      height: 127px;
      text-decoration: none;
      margin: 0px 20px 0px 0px;
      padding: 0px;
      background: url("../images/demureroll.png");
}

a.demureftroll:hover {
      background-position: -243px 0;
}


a.scottftroll {
      display: block;
      float: left;
      width: 243px;
      height: 127px;
      text-decoration: none;
      margin: 0px 20px 0px 0px;
      padding: 0px;
      background: url("../images/scottroll.png");
}

a.scottftroll:hover {
      background-position: -243px 0;
}

a.esoulftroll {
      display: block;
        float: left;
      width: 308px;
      height: 127px;
      text-decoration: none;
      margin: 0px;
      padding: 0px;
      background: url("../images/esoulftroll.png");
}

a.esoulftroll:hover {
      background-position: -308px 0;
}

#linkset2 {
       position: absolute;
       top: 30px;
       left: 300px;
       float: left;
       margin: 0px;
       padding: 0px;
       width: 130px;
       height: 50px;
 /*      background-color: green;   */
}


a.footerLinks {  
     font-size: 9px;
     color: #090002;
     text-decoration: none;
     margin: 0px;
     padding: 0px;
}
a.footerLinks:hover {
     text-decoration: underline;
     color: #ffffff;
}

a.goingup {
      position: absolute;
      top: 30px;
      left: 440px;
      display: block;
      width: 120px;
      height: 41px;
      text-decoration: none;
      margin: 0px;
      padding: 0px;
      background: url("../images/goingup.png");
}

a.goingup:hover {
      background-position: -120px 0;
}


a.contactft {
      display: block;
      float: left;
      width: 119px;
      height: 29px;
      text-decoration: none;
      margin: 0px;
      padding: 0px;
      background: url("../images/contactftroll.png");
}

a.contactft:hover {
      background-position: -119px 0;
}

a.aboutusft {
      display: block;
      float: left;
      width: 119px;
      height: 29px;
      text-decoration: none;
      margin: 0px;
      padding: 0px;
      background: url("../images/aboutusftroll.png");
}

a.aboutusft:hover {
      background-position: -119px 0;
}


/**************************************************************************/
/*  End of Footer Section Divider  - for footer content                   */
/**************************************************************************/