@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'Magistral';
	font-style: normal;
	font-weight: normal;
	src: url(/fonts/Magistral.woff) format('woff');
}

* { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; }
a, a:visited { color:#378dd0; } 

p { font-size:14px; margin:0; padding:0; line-height:normal; }
img { border:none;}
body {
	margin:0;
	padding:0;
	text-align:center;
	background:#bbc7d9;
}

nav {
	position:relative;
	z-index:9999;
	min-width:100%;
	height:62px;
	background-color:#bdd6ef;
	box-shadow:0px 1px 1px rgba(0,0,0,0.3);
	margin:0;
	padding:0;
}

nav span {
	display:block;
	width:1100px;
	height:60px;
	text-align:left;
	margin:0 auto;
	padding:0;
	background:none;
}
nav .logo {
	display:block;
	float:left;
	width:262px;
	height:60px;
	border:none;
	background:url('/images/logo.png') center no-repeat;
}
nav .navlinks {
	display:block;
	float:right;
	width:auto;
	height:60px;
	list-style:none;
	margin:0;
	padding:0;
	font-size:0.8em;
}
nav .navlinks li {
	display:block;
	float:left;
	width:auto;
	height:60px;
	padding:0 20px;
	line-height:60px;
}
nav .navlinks a, nav .navlinks a:visited {
	color:#00adef;
	text-decoration:none;
}
nav .navlinks a:hover {
	color:#7ac043;
}
#main {
	position:relative;
	width:1100px;
	height:auto;
	padding:0;
	margin:0 auto;
	text-align:left;
	color:#333;
	background-color:rgba(255,255,255,0.4);
	border-radius:0 0 7px 7px;
	box-shadow:0px 1px 6px rgba(0,0,0,0.2);
}
#main .top-section {
	display:block;
	width:100%;
	height:420px;
	background:url('/images/bg-main-top.jpg') top center no-repeat;
	background-opacity:0.7;
}
#main .top-section .nametag {
	position:absolute;
	top:104px;
	right:152px;
	padding:0;
	margin:0;
	font-size:26px;
	font-weight:normal;
	color:#fff;
}
#main .top-section h1 {
	font-family:'Magistral', sans-serif;
    font-weight:normal;
	float:left;
	margin:0;
	padding:41px 40px 0 40px;
	color:#fff;
	font-size:34px;
	letter-spacing:0.9px;
	text-shadow:0px 1px 1px rgba(0,0,0,0.3);
}
#main .top-section h2 {
	float:left;
	margin:0;
	font-size:23px;
	letter-spacing:-0.3px;
	padding:0 40px 0 41px;
	color:#a3dbf1;
	font-weight:400;
	text-shadow:0px 1px 1px rgba(0,0,0,0.3);
}
#main .top-section h3 {
	float:left;
	clear:left;
	margin:0 0 0 40px;
	padding:32px 0 5px 0;
	color:#fff;
	font-weight:700;
	text-shadow:0px 1px 1px rgba(0,0,0,0.5);
}
#main .top-section ul {
	float:left;
	clear:left;
	color:#fff;
	margin:10px 0 0 40px;
	text-shadow:0px 1px 1px rgba(0,0,0,0.5);
}
#main .top-section ul li {
	margin:-5px 0 6px 0;
    padding:0;
    line-height:28px;
	font-size:16px;
}
#main .top-section .dl_free {
	position:absolute;
	top:332px;
	left:120px;
	z-index:9999;
	display:block;
	float:right;
	width:252px;
	height:49px;
	background:url('/images/btn_fdn_green_lg-lucida.png') center no-repeat;
}
#main .top-section .version {
	position:absolute;
	top: 379px;
	left:120px;
	display:block;
	width:252px;
	text-align:center;
	color:#fff;
	font-size:12px;
}
#main .top-section .version a, a:visited {
	color:#fff;
	text-decoration:none;
}
#main .top-section .version a:hover {
	text-decoration:underline;
}
#main .top-section .hero {
	position:absolute;
	top:148px;
	right:62px;
	border-radius:3px 3px 0 0;
	box-shadow:0px 0px 8px rgba(0,0,0,0.75);
}
#mid-row {
	position:relative;
	width:100%;
	height:428px;
	background:#fff;
	border-radius:0 0 7px 7px;
	border-top:1px solid #00adef;
	color:#555;
}
#mid-row .getpro { position:absolute; top:374px; right:28.8%; display:block; height:35px; width:auto; }
#mid-row .getpro p { line-height:35px; }
#mid-row .getpro a, #mid-row .getpro a:visited { display:block; width:auto; float:right; text-align:center; font-size:13px; padding:0 15px; border-radius:5px; height:35px; line-height:35px; color:#fff; text-decoration:none; background:linear-gradient(#2d94e3,#1b74b8); }
#mid-row .getpro a:hover { text-decoration:underline; }
#mid-row p {
	margin:0 30px;
}
#mid-row .subtext {
	font-size:10px;
	margin:10px 50px;
	color:#555;
	line-height:12px;
}
.subtext a { line-height:14px; }
#mid-row hr {
	margin-bottom:24px;
	border:none;
	border-top:1px solid #ccc;
}
#mid-row ul {
	display:block;
	width:100%;
	height:210px;
	list-style:none;
	margin:10px 0 0 3px;
	padding:0;
}
#mid-row ul li {
	display:block;
	float:left;
	width:275px;
	height:210px;
	text-align:center;
	font-weight:normal;
}
#mid-row ul li h3{
	color:#555;
	margin:20px auto 10px auto;
}
#mid-row ul li p {
	font-size:13px;
	color:#555;
	margin-top:9px;
}
@font-face {
    font-family: 'magistralcregular';
    src: url('http://www.mp3rocket.me/testp/1b/fonts/mgnormal-webfont.eot');
    src: url('http://www.mp3rocket.me/testp/1b/fonts/mgnormal-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.mp3rocket.me/testp/1b/fonts/mgnormal-webfont.woff') format('woff'),
         url('http://www.mp3rocket.me/testp/1b/fonts/mgnormal-webfont.ttf') format('truetype'),
         url('http://www.mp3rocket.me/testp/1b/fonts/mgnormal-webfont.svg#magistralcregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'magistralcbold';
    src: url('http://www.mp3rocket.me/testp/1b/fonts/magistralc-bold-webfont.eot');
    src: url('http://www.mp3rocket.me/testp/1b/fonts/magistralc-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.mp3rocket.me/testp/1b/fonts/magistralc-bold-webfont.woff') format('woff'),
         url('http://www.mp3rocket.me/testp/1b/fonts/magistralc-bold-webfont.ttf') format('truetype'),
         url('http://www.mp3rocket.me/testp/1b/fonts/magistralc-bold-webfont.svg#magistralcbold') format('svg');
    font-weight: bold;
    font-style: normal;
}

/*////////////// FEATURES BARS //////////////*/
#featuresbar { position:relative; width:100%; clear:both; margin-top:0px; height:67px; line-height:67px; background:#051048; }
#featuresbar span { display:block; width:960px; height:67px; margin:0 auto; padding:0; line-height:67px; }
#featuresbar a { display:block; float:left; height:67px; padding-right:67px; }
#featuresbar a img { margin-top:17px; border:none; }

#featuresbar1 { position:relative; width:100%; clear:both; margin-top:0px; height:67px; line-height:67px; background:#051048; }
#featuresbar1 span { display:block; width:960px; height:67px; margin:0 auto; padding:0; line-height:67px; }
#featuresbar1 a { display:block; float:left; height:67px; padding-right:67px; }
#featuresbar1 a img { margin-top:17px; border:none; }

#featuresbar2 { position:relative; width:100%; clear:both; margin-top:0px; height:67px; line-height:67px; background:#6fa1bc; }
#featuresbar2 span { display:block; width:960px; height:67px; margin:0 auto; padding:0; line-height:67px; }
#featuresbar2 a { display:block; float:left; height:67px; padding-right:67px; }
#featuresbar2 a img { margin-top:17px; border:none; }

#featuresbar3 { position:relative; width:100%; clear:both; margin-top:0px; height:67px; line-height:67px; background:#68a9d6; }
#featuresbar3 span { display:block; width:960px; height:67px; margin:0 auto; padding:0; line-height:67px; }
#featuresbar3 a { display:block; float:left; height:67px; padding-right:67px; }
#featuresbar3 a img { margin-top:17px; border:none; }

#featuresbar4 { position:relative; width:100%; clear:both; margin-top:0px; height:67px; line-height:67px; background:#62b96a; }
#featuresbar4 span { display:block; width:960px; height:67px; margin:0 auto; padding:0; line-height:67px; }
#featuresbar4 a { display:block; float:left; height:67px; padding-right:67px; }
#featuresbar4 a img { margin-top:17px; border:none; }

#featuresbar5 { position:relative; width:100%; clear:both; margin-top:0px; height:67px; line-height:67px; background:#a2c7e6; }
#featuresbar5 span { display:block; width:960px; height:67px; margin:0 auto; padding:0; line-height:67px; }
#featuresbar5 a { display:block; float:left; height:67px; padding-right:67px; }
#featuresbar5 a img { margin-top:17px; border:none; }

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


#subfeatures { width:100%; height:auto; background:#fff; margin:0; padding:0;  }
#subfeatures .center { display:inline-block; width:960px; height:auto; margin:60px auto 0 auto; padding:0; text-align:left; }
#subfeatures ul { display:block; float:left; width:40%; margin:0; padding:0 40px; font-size:13px; color:#666; }
#subfeatures ul li { list-style-type:disc; margin:0; margin-left:30px; line-height:18px; }
#subfeatures ul li a { color:#666; text-decoration:none; }
#subfeatures h4 { font-size:20px; color:#000; margin:0; padding:0; font-weight:normal; }
#subfeatures span { display:inline-block; height:115px; float:left; padding-left:70px; margin:0 0 50px 0; border-left:1px solid #87b5cd; }
#subfeatures span h5 { margin:0; padding:0; font-weight:normal; color:#666; font-size:16px; }
#subfeatures span a { display:block; margin:15px 0 0 30px; }

.center { width:960px; height:auto; margin:-5px auto 0 auto; padding:0; text-align:left; }
.center a, .center a:visited { text-decoration:none; color:#378dd0; }
.center a:hover { text-decoration:underline; }
#descbar { clear:both; }
#descbar p { font-size:9pt; color:#999; padding:10px 0 1px 0; }
#descbar p b { color:#666; font-size:14px; }

#footer { font-size:12px; color:#999; text-align:center; clear:both; background:#fff; padding-bottom:20px; overflow:hidden;}
#footer p { font-size:12px; padding:5px 0; clear:both;  }
#footer p#disclaimer { padding:30px 0 40px; text-align:left; }


.social {
	display:block;
	width:1100px;
	height:20px;
	margin:17px auto 20px auto;
	text-align:center;
}
.social .bottom-nav {
	display:block;
	float:left;
	width:auto;
	height:20px;
	line-height:20px;
	list-style:none;
	margin:0 0 0 40px;
	padding:0;
	font-size:12px; 
	color:#666;
}
.social .bottom-nav li {
	position:relative;
	z-index:9999;
	display:block;
	float:left;
	width:auto;
	height:20px;
	line-height:20px;
	margin:0;
	padding:0;
	text-align:center;
	font-size:12px;
}
.social .bottom-nav li a, a:visited {
	text-decoration:none;
	color:#1b74b8;
	padding:0 5px;
	line-height:20px;
}
.social .bottom-nav li a:hover {
	text-decoration:underline;
}
.social .inner {
	display:block;
	float:right;
	width:auto;
	height:20px;
	margin-right:20px;
}
#bottom {
	width:1060px;
	height:auto;
	padding:20px;
	margin:0px auto 0 auto;
	background:none;
	border-radius:7px;
	text-align:left;
	color:#333;
}
#bottom p {
	margin:0;
	padding:0;
}
#bottom .subtext {
	font-size:10px;
	margin:0px 20px 15px 20px;
	padding:0;
	line-height:14px;
	color:#555;
}
#bottom .subtext a, a:visited {
	text-decoration:none;
	color:#1b74b8;
	line-height:14px;
}
#bottom .subtext a:hover {
	text-decoration:underline;
}

#genreList { z-index:2; position:relative; margin:0 0 0 10px; padding:0; font-size:12px; }
#genreList a, a:visited {color:#1b74b8}
#genreList a:hover {text-decoration:underline;}
#genreList li {float:left;width:115px;padding:5px 0 0 20px;font-weight:bold; margin:0; list-style-type:none;text-align:left;}
#genreList li#music ul, #genreList li#movies ul, #genreList li#radio ul, #genreList li#games ul {position:relative;width:115px;height:auto;}
#genreList li#music ul li, #genreList li#movies ul li, #genreList li#radio ul li, #genreList li#games ul li {font-weight:normal;margin-left:-40px;padding-left:0;}
#genreList li#music ul.ext, #genreList li#movies ul.ext, #genreList li#radio ul.ext, #genreList li#games ul.ext {display:none;position:realtive;width:115px;height:auto;z-index:99;margin-left:0px}
.showSubTabs {display:block}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	
	#main .top-section h2 {
		float:left;
		margin:-7px 0 0 0;
		padding:6px 40px 0 41px;
		letter-spacing:-0.3px;
		font-size:23px;
		color:#a3dbf1;
		font-weight:400;
		text-shadow:0px 1px 1px rgba(0,0,0,0.3);
    }
    #main .top-section h3 {
		padding-top:33px;
	}
	#main .top-section ul {
		float:left;
		clear:left;
		color:#fff;
		margin:5px 0 0 40px;
		text-shadow:0px 1px 1px rgba(0,0,0,0.5);
	}
	#main .top-section ul li {
		margin:0;
        padding:2px 0;
        line-height:normal;
		font-size:16px;
	}

    #descbar p { font-size:9pt; color:#999; padding:10px 0 0 0; }


}