body { padding: 0; margin: 0; font: 0.7em Tahoma, Arial, sans-serif; line-height: 1.6em; color: #FFF; background:url(images/header.png) repeat-x #050505; }

h2 { font: 14px normal Arial, Helvetica, sans-serif;}
h3 { font: 12px normal Arial, Helvetica, sans-serif;}

table { border-collapse:collapse;}

.grey { color:#666666;}

#content-wrap { width:100%; float:left}
#content { width:1024px; margin:0 auto;}

#footer-wrap { width:100%; height:250px; margin-top:50px; background-color:#000000; float:left;}
#footer { width:1024px; margin:0 auto;}

#header { width:100%; padding-top:20px; float:left;}
#header .logo { width:196px; height:93px; background:url(images/logo.png) no-repeat; float:left;}
#header .sub { width:200px; margin-top:25px; float:right; text-align:right;}
#header .sub h3 { margin:0px; margin-bottom:10px;}
#header .sub #sbox { height:23px;}

#middle { width: 1024px; margin-top:60px; float:left;}
#middle #left { width:200px; float:left;}
#middle #left #nav { max-height:400px;}
#middle #left ul { list-style:none; margin-top:5px; background-color:#0D0D0D;}
#middle #left h3 { margin:0;} 
#middle #left li { height:19px; margin-bottom:1px; background-color:#0D0D0D; font: normal 12px "Myriad Pro", sans-serif;}

#middle #left .newsletter { width:200px; height:100px; margin-top:10px; padding:60px 0 0 15px; float:left; background:url(images/newsletter-box.png) no-repeat;}
#middle #left .newsletter h3 { font: normal 11px "Myriad Pro", sans-serif; margin:0 0 5px 0;}

#middle #right { width:820px; margin-left:4px; float:left}
#middle #right .sbanner { margin-bottom:5px;}
#middle #right #youtube { width:392px; height:268px; padding:7px 6px 0 6px; float:left; background-color:#1C1C1C;}
#middle #right #youtube h2 { font: normal 14px "Myriad Pro", sans-serif; margin:0px; margin-bottom:5px;}
#middle #right #youtube .review { width:390px; height:240px; background-color:#000000;}
#middle #right #youtube .review .pic { float:left;}
#middle #right #youtube .review .article { width:180px; padding:10px; float:right;}
#middle #right #youtube .review .article .text { height:200px; float:left; color:#B2B2B2;}
#middle #right #youtube .review .article .more { float:left;}

#middle #right #newitem { margin-top:5px; float:left;}
#middle #right #newitem .box { width:200px; height:255px; margin:0 5px 5px 0; float:left; background:#1C1C1C;}
#middle #right #newitem .box h2 { margin:5px 0 5px 10px;}
#middle #right #newitem .box h2 span { font-size:18px;}
#middle #right #newitem .box .inner { margin:0px; margin-top:10px;}
#middle #right #newitem .box .text { height:220px;}
#middle #right #newitem .box .addcart { margin-right:5px; float:right;}

/*Music 13 Branches*/
#middle #right #shop { width:810px; padding: 5px 0 0 10px; float:left; background-color:#1C1C1C;}
#middle #right #shop .tab { width:800px; height:55px; padding-top:6px; float:left; background:url(images/branch-tab.png) no-repeat; text-align:center;}
#middle #right #shop .tab h1 { margin:0px; margin-top:3px;}
#middle #right #shop td { text-align:center;}
#middle #right #shop td h3 { margin:5px 0 20px;}

/*Brands List*/
#middle #right #shop #brand { width:760px; padding:0px 20px 40px; float:left;}
#middle #right #shop #brand h3 { margin:0px; margin-bottom:10px;}

.marleft { margin-left:205px; margin-top:20px;}
.marleft h3 { margin:0px; margin-top:10px; font: normal 12px "Myriad Pro", sans-serif;}
.marleft ul { list-style:none; margin:0; margin-left:-40px;}
.marleft li { width:185px; height:17px; margin-bottom:1px; padding: 3px 0 0 15px; background-color:#050505; color:#666666;}

.marleft .copy { width:292px; height:41px; margin-top:10px; padding:10px 15px; background:url(images/copyright-box.png) no-repeat;}
.marleft .copy p{ margin:0px;}
.marleft .connect { margin-top:25px; float:left;}
.marleft .connect #icon { margin-top:10px; float:left;}

.marleft .contact { width:237px; height:147px; margin-top:10px; padding:15px; float:right; background:url(images/contact-box.png) no-repeat;}

.marleft .contact h2 { margin:0px;}

.fixnav { margin-top:-10px;}