/* CSS Document */

/* CSS RESET */

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	
}
body {
	line-height: 1;
}
ol, ul {
	line-height: 1.2;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* END OF CSS RESET */




/* BEGIN MAIN CSS */

/* generated by csscreator.com */ 
 
 html, body{
 
 background-image:url(../images/background_template_sp-2011.jpg);
background-position:top;
background-color:#333333;
background-repeat:no-repeat;
 margin:0;
 padding:0; 
 text-align:center; 
}
#pagewidth{
 width:980px;
 height:712px;
margin-left:auto; 
 margin-right:auto;

} 
/* HEADER SECTION START*/  
#nav{
 position: relative;
 margin-left:-5px;
 width:952px;
 margin-left:16px;
 margin-top:0px;
 height:530px;
 float: left;
 }
 #main-image{
 position: relative;


 margin-left:-35px;
 margin-top:-30px;

 float: left;
 }
  #topten{
 position: relative;


 margin-left:0px;
 margin-top:0px;

 float: left;
 }


 #sign_in{
 position: relative;
 margin-left:-5px;
 width:100px;
 height:45px;
 float: left;
 background-color: #996600;
 }

 #main_section{
 position: relative;
 margin-left:-5px;
 width:980px;
 height:738px;
 float: left;
 background-image: url(../images/main-section.png);
 background-position:
 }

 #rotator{
 position: relative;
 margin-left:15px;
 margin-top:18px;
 width:952px;
 height:505px;
 float: left;
 background-color:#ffffff;
  }

 #sale_banner{
 position: relative;
 margin-left:15px;
 margin-top:23px;
 width:952px;
 height:120px;
 float: left;
 background-image:url(../images/sale_banner2.png);
 
   }
   
   
   
  #salebanner_content{
  margin-left:20px;
  margin-top:29px;
  
  }
  
  
   
 #newsletter{
 position: relative;
 margin-left:0px;
 margin-top:3px;
 width:314px;
 height:30px;
 float: left;

   }
 #newsletter_form{
 position: relative;
 margin-left:0px;
 width:364px;
 height:30px;
 margin-top:10px;
 font:Arial, Helvetica, sans-serif;
 font-size:small;
 }
  .textInput
{
border: 1px solid #cccccc;
background: #494949;
color: #ffffff;
font-size:10px;
}


   
#music_player{
 position: relative;
 margin-left:50px;
 margin-top:17px;
 width:250px;
 height:30px;
 float: left;
 

   }
   
#social_media{
 position: relative;
 margin-left:30px;
 margin-top:15px;
 width:314px;
 height:30px;
 float: left;

   }
   



#dirty_culture{
 position: relative;
 margin-left:15px;
 margin-top:5px;
 margin-left:5px;
width:952px;
 height:110px;
 float: left;
 
   }
   
   #dirty_beats{
 position: relative;
 margin-left:5px;
 margin-top:0px;
width:231px;
 height:110px;
 float: left;
 border-right-style:solid;
 border: 1px;
 border-color:#4A4A4A;
}
    #ad_space_3{
 position: relative;
 margin-left:5px;
 margin-top:0px;
width:231px;
 height:110px;
 float: left;
 border-right-style:solid;
 border: 1px;
 border-color:#4A4A4A;
}


   #ad_space_4{
 position: relative;
 margin-left:5px;
 margin-top:0px;
width:231px;
 height:110px;
 float: left;

}


   #footer{
 position: relative;
 margin-left:10px;
 margin-top:1px;
width:948px;
 height:20px;
 float: left;
}

   #bottom_nav{
 position: relative;
 margin-left:0px;
 margin-top:15px;
width:818px;
 height:20px;
 float: left;
}
   #kmedialab{
 position: relative;
 margin-left:28px;
 margin-top:15px;
width:83px;
 height:21px;
 float: left;
}



 
/* Fonts */


.pink_sale_font {font-family: arial;
	color: #FA5CB8;
	font-size: 24px;
	letter-spacing:-1px;}
.white_sale_copy {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}










 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


/* END MAIN CSS */