body{ margin:0 auto; background:url(../images/bg_main.jpg) repeat }
@font-face {
    font-family: 'MyriadPro-Semibold';
    src: url('../fonts/MyriadPro-Semibold.eot');
    src: url('../fonts/MyriadPro-Semibold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MyriadPro-Semibold.woff') format('woff'),
         url('../fonts/MyriadPro-Semibold.ttf') format('truetype'),
         url('../fonts/MyriadPro-Semibold.svg#MyriadPro-Semibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Conv_MyriadPro-Regular';
    src: url('../fonts/MyriadPro-Regular.eot');
    src: url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MyriadPro-Regular.woff') format('woff'),
         url('../fonts/MyriadPro-Regular.ttf') format('truetype'),
         url('../fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;

}



header{ width:100%; height:65px; float:left; background:url(../images/bg_nav.gif) repeat-x}
nav{ width:1000px; height:60px; margin:0 auto; padding-top:5px}
ul{ /*width:799px;*/width:830px; height:auto; /*float:left;*/ list-style: none outside none; /*margin-left:40px*/margin:15px auto;}
header nav ul li{ float:left; padding:0px 30px; border:0 none}
header nav ul li a{ outline:0 none}
header nav ul li a:hover{ outline:0 none}
.contentpanel{ width: 100%; height: auto; margin:0 auto;  }
.innercont{ width:100%; height:2811px; margin:0 auto; background: url(../images/bg_Mockup.png) no-repeat center top; }
.bannermainholder{ width:100%; height: auto; float:left; background:url(../images/bg_shade.png)repeat-x;}
.innerbaner{ width:100%; height:269px; margin:27px -22px; margin-top:55px; clear:left; text-align: center; }
.appstore{ width:1000px; height:171px; margin:0 auto; text-align:center; padding-top:70px;}
.inside{ /*width:1000px;*/width:960px; height: auto; margin:0 auto; clear:left}
figure{ float:left; margin:0px; padding:0px}
aside{ width:577px; height:auto; float:left}
.rightholder{ width:auto; float: right; height:auto}
.heading{ float:left; clear:left}
aside h4{ width:auto; height:auto; float:left; font-family: MyriadPro-Semibold; font-weight: 800; color:#FFFFFF; font-size:18px;}
.videomainholder{ width:auto; height:auto; float:left;}
.martop{ margin-top:30px}
/*.martop2{ margin-top:172px}*/
.martop2{ margin-top:45px}
.future{width:577px; height:auto; float:left; margin-top:30px; padding-left: 16px;}
.future ul{ list-style:disc; display:block;  margin:0px; padding:0px }
.future ul li{ padding:2px 0px; font-family: MyriadPro-Semibold; font-weight: 800; color:#FFFFFF; font-size:18px}
.bottomgallery{ width:950px; height:auto; float:left; margin-top:-15px}
.imgholder{ float:left; margin-right:25px}
.revewtext{ width:auto; height:auto; float:left; clear:left; font-family: Conv_MyriadPro-Regular; font-size:18px; font-weight:800; color:#FFFFFF; margin-top:30px }
.revewtext a { color: #FFFFFF; font-family: Conv_MyriadPro-Regular; font-size: 18px; font-weight: 800; text-decoration: underline;}
.revewtext a:hover { color: #FFFFFF; font-family: Conv_MyriadPro-Regular; font-size: 18px; font-weight: 800; text-decoration: none;}
.abouttxt{ width:570px; height:auto; float:left; font-family: MyriadPro-Semibold; font-weight: 800; font-size:18px; color:#FFFFFF; clear:left; margin-top:30px; margin-bottom:34px}
footer{ width:100%; height:172px; float:left; background:url(../images/bg_footbg.gif) repeat-x; margin-bottom:24px}
.innerfoot{ width:1000px; height:auto; margin:0 auto;}
.copyright{ width:1000px; height:auto; float:left; text-align:center; font:normal 12px Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:center; text-transform:uppercase; margin:17px 0 20px 0}
.copyright a{
	font:normal 12px Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:underline;
}
.copyright a:hover{
	font:normal 12px Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none;
}
.socialnetwork{ width: auto; height:auto; float:left; margin-left:250px;}
.socialtweet{ float:left; margin-right:75px; }
.socialtweet a{ outline:0 none}
.tweentyfirst{ float:right; margin-top:120px;  /*padding-right: 88px;*/padding-right: 45px;}
.playedsong{ width:382px; height:532px; float:left; background:url(../images/img_topplayedsong.png) no-repeat;}
.innerplayedholder{ width:290px; height: auto; float:left; margin:130px 0 0 45px; text-align:center}
.songholder{ width:366px; height:503px; float:left; background:url(../images/img_topplayedsong_small.png) no-repeat; margin-left:-37px}
.innersongholder{ width:250px; height:auto; float:left; margin:120px 0 0 55px}
.thinwhite{ width:150px; height:auto; float:left; font-family:Conv_MyriadPro-Regular; font-size:12px; color:#FFFFFF; margin-bottom:10px}
/*old .innerleader{ width:290px; height: auto; float:left; margin:200px 0 0 45px; text-align:center}*/
.innerleader{ width:290px; height: auto; float:left; margin:140px 0 0 45px; text-align:center}
.leaderboardTable tr td{font-family: MyriadPro-Semibold; font-weight: 800; color:#FFFFFF; font-size:18px}
#leaderboard{ width:382px; height:532px; float:left; background:url(../images/img_leaderboard.png) no-repeat}
#overviewmainholder{ width:auto; height:auto; float:left;}
#futuremainholder{ width:auto; height:auto; float:left;}
#reviewholder{ width:auto; height:auto; float:left;}
#aboutmainholder{ width:auto; height:auto; float:left;}
#privacy{
	color: #FFFFFF;
    font-family: MyriadPro-Semibold;
    font-size: 12px;
    font-weight: normal;
}
#privacy p strong{
	color: #FFFFFF;
    font-family: MyriadPro-Semibold;
    font-size: 16px;
}
#privacy a{
	color: #FFFFFF;
    font-family: MyriadPro-Semibold;
    font-size: 12px;
    font-weight: normal;
	text-decoration:underline;
}
#privacy a:hover{
	color: #FFFFFF;
    font-family: MyriadPro-Semibold;
    font-size: 12px;
    font-weight: normal;
	text-decoration:none;
}
#privacy b {
	color: #FFFFFF;
    font-family: MyriadPro-Semibold;
    font-size: 18px;
    font-weight: 800;
}