/* Reset */
BODY,DIV,UL,OL,LI,H1,H2,H3,H4,H5,H6,PRE,CODE,FORM,FIELDSET,LEGEND,INPUT,TEXTAREA,P,BLOCKQUOTE,TH,TD{margin:0;padding:0;}TABLE{border-collapse:collapse;border-spacing:0;}FIELDSET,IMG{border:0;}CODE,EM,STRONG,TH{font-style:normal;font-weight:normal;}LI{list-style:none;}H1,H2,H3,H4,H5,H6{font-size:100%;font-weight:normal;}Q:before,Q:after{content:'';}ABBR,ACRONYM{border:0;font-variant:normal;}INPUT,TEXTAREA,SELECT{font-family:inherit;font-size:inherit;font-weight:inherit;}INPUT,TEXTAREA,SELECT{*font-size:100%;}legend{color:#000;}

BODY {background:#323232; margin:0; padding:0;}
.main {position:absolute; left:50%; top:0; width:934px; height:800px; margin-left:-467px; background:#000;}
.header {position:absolute; top:0; left:0; background:url(../graphics/header.png); width:934px; height:128px; text-indent:-9999px;}

/* Video */
.video-col {position:absolute; top:128px; left:0; width:700px; height:470px;}
#player {position:absolute; z-index:10; top:55px; left:25px; width:640px; height:385px; background:#000; cursor:pointer; opacity:1; outline:0; -webkit-transition-duration:1s; border:0;}
#player IMG {position:absolute; left:0; top:0; z-index:2;width:640px; height:360px; background:#000; border:0;}
#player VIDEO {position:absolute; left:0; top:0; z-index:1; width:640px; height:360px; background:#000; border:0;}

/* Info */
.info-col {position:absolute; top:128px; left:700px; width:234px; height:420px; padding-top:90px; text-align:right;}
.wrap-banner {position:absolute; z-index:1; top:144px; left:50%; width:214px; height:40px; background:url(../graphics/wrap-banner.png) 100% 100%; margin-left:233px; font:16px/32px Arial, sans-serif; padding:4px 25px 0 0; color:#FFF; text-align:right;}
.wrap-banner STRONG {font-weight:bold;}
.info-col P {margin:0 20px 15px 0; font:13px/16px Arial, sans-serif; color:#CCC;}
.info-col P STRONG {font-weight:bold; font-size:13px; color:#FFF;}
.info-col UL {font:13px/16px Arial, sans-serif; margin:-5px 20px 15px 0; color:#CCC;}
.info-col LI {background:url(../graphics/bullet.png) 100% 50% no-repeat; padding:2px 20px 2px 0;}
.info-col A.download-button {display:block; color:#FFF; font:bold 13px/16px Arial, sans-serif; background:url(../graphics/download-button.png); width:128px; padding:5px 20px 0 0; height:36px; text-decoration:none; text-align:center; margin-left:66px;}
.info-col .twitter-button {position:absolute; left:141px; top:402px;}
.info-col .facebook-button {position:absolute; left:144px; top:402px;}
.info-col .facebook-button IFRAME {width:70px!important;}

/* Tabs */
#Tabs {position:absolute; top:608px; left:0; width:934px; height:554px; overflow:hidden; background:url(../graphics/tabs.png);}
.tab-button {font:bold 14px/16px Arial, sans-serif; color:#555; float:left; border-top:7px solid #000; background:url(../graphics/tab-divider.png) 100% 0 repeat-y; height:21px; line-height:27px; padding:0 20px; cursor:pointer; -webkit-tap-highlight-color:rgba(0,0,0,0);}
.tab-button-active {border-top:7px solid #0087e0;}
.contents {position:absolute; color:#CCC; top:636px; left:0; width:934px; height:504px; overflow:hidden; font:13px/15px Arial, sans-serif; background:#FFF url(../graphics/contents.png); z-index:1; -webkit-transition:opacity 0.75s linear;}

/* Paginator */
.slide-left {position:absolute; top:0; left:0; z-index:10; width:40px; height:504px; background:url(../graphics/slide-left.png) 50% 50% no-repeat; opacity:1; cursor:pointer; -webkit-transition-duration:1.25s; -webkit-tap-highlight-color:rgba(0,0,0,0);}
.slide-right {position:absolute; top:0; opacity:1; left:894px; z-index:10; width:40px; height:504px; background:url(../graphics/slide-right.png) 50% 50% no-repeat; cursor:pointer; -webkit-transition-duration:1.25s; -webkit-tap-highlight-color:rgba(0,0,0,0);}
.left-hide {left:-40px; opacity:0;}
.right-hide {left:934px; opacity:0;}
.slider {position:absolute; top:0; height:504px;}
.dots {position:absolute; z-index:1; top:480px; height:6px; background-image:url(../graphics/pager-dots.png); overflow:hidden; _background-image:url(../graphics/pager-dots-ie.png);}
.max-dots-2 {width:26px; left:454px;}
.max-dots-3 {width:46px; left:444px;}
.max-dots-4 {width:66px; left:434px;}
.max-dots-5 {width:86px; left:424px;}
.max-dots-6 {width:106px; left:414px;}
.max-dots-7 {width:126px; left:404px;}
.max-dots-8 {width:146px; left:394px;}
.max-dots-9 {width:166px; left:384px;}
.max-dots-10 {width:186px; left:374px;}
.pos-0 {background-position:0 0;}
.pos-1 {background-position:20px 0;}
.pos-2 {background-position:40px 0;}
.pos-3 {background-position:60px 0;}
.pos-4 {background-position:80px 0;}
.pos-5 {background-position:100px 0;}
.pos-6 {background-position:120px 0;}
.pos-7 {background-position:140px 0;}
.pos-8 {background-position:160px 0;}
.pos-9 {background-position:180px 0;}

.page {position:absolute; top:0; width:854px; height:504px; padding:0 40px; -webkit-transition-duration:1.25s;}
.page-1 {left:0px;}
.page-2 {left:934px;}
.page-3 {left:1868px;}
.page-4 {left:2802px;}

/* Features */
.feature {position:absolute; left:0; width:350px; padding:12px 0 0 145px; color:#E2E2E2; font:13px/15px Arial, sans-serif; min-height:60px; background-image:url(../graphics/feature-icons.png); background-repeat:no-repeat;}
.feature SPAN {display:block; font:12px/15px Arial, sans-serif;}
#Latest {top:50px; background-position:60px 0;}
#Genres {top:130px; background-position:60px -100px;}
#Popular {top:210px; background-position:60px -200px;}
#Saved {top:290px; background-position:60px -300px;}
#Tuner {top:370px; background-position:60px -400px;}
.feature-iphone {position:absolute; left:590px; top:0; z-index:2; width:280px; height:504px; background:url(../graphics/feature-iphone.jpg);}
.feature-iphone IMG {margin: 98px 0px 0px 42px;}

/* Screenshots */
.iphone-v {float:left; width:280px; height:504px; margin:0 0 0 7px; background:url(../graphics/iphone-v.jpg);}
.first-phone {margin-left:0;}
.iphone-v IMG {margin: 98px 0px 0px 42px;}
.iphone-h {float:left; height:330px; width:486px; margin:120px 0 0 184px;  _margin-left:92px; background:url(../graphics/iphone-h.jpg);}
.iphone-h IMG {margin: 27px 0px 0px 97px;}

/* Programmes */
.programme {float:left; width:200px; margin:65px 0 0 18px;}
.first-programme {margin:65px 0 0 0;}
.programme H2 {font-size:13px; margin:0 0 10px;}
.programme IMG {margin:0 0 15px;}

/* Updates */
#Updates {color:#000; background:#FFF;}
.twitter-widget {position:absolute; top:65px; left:30px; width:420px; height:365px; border:1px solid #BBB; border-top-color: #315C99;}
.facebook-widget {position:absolute; top:65px; left:490px; width:420px; height:365px; background:#FFF;}
.facebook-widget IFRAME {border:0!important;}

/* Support */

div#feedback {position:absolute; top:65px; left:40px; width:420px; height:365px;}
div#feedback H2 {margin-bottom:15px; color:#E2E2E2;}
div#feedback P { margin-bottom:6px; border-top:1px dotted #777; font-size:12px; padding:10px 0 20px 0;}
div#feedback A.feedback-button {display:block; color:#FFF; font:bold 13px/16px Arial, sans-serif; background:url(../graphics/feedback-button.png); width:128px; padding:6px 20px 0 0; height:21px; text-decoration:none; text-align:center; margin-top:10px;}

div#gsfn_list_widget {position:absolute; top:65px; left:490px; color:#E2E2E2; font:13px/15px Arial, sans-serif; width:420px; height:420px;}
div#gsfn_list_widget H2 {margin-bottom:15px;}
div#gsfn_list_widget .powered_by { margin-top: 8px; padding-top: 8px; border-top:1px dotted #777; font-size:12px;}
div#gsfn_list_widget .powered_by A {color:#CCC; font-size:11px; text-decoration:none;}
div#gsfn_list_widget A {color:#0087e0; text-decoration:none;}
div#gsfn_list_widget div#gsfn_content { }
div#gsfn_list_widget div#gsfn_content LI {text-align:left; margin-bottom:6px; border-top:1px dotted #777; font-size:12px; padding:10px 0 0 0;}
div#gsfn_list_widget div#gsfn_content SPAN.time {padding-left:10px; font-size:11px;}
div#gsfn_list_widget div#gsfn_content P.gsfn_summary {margin-top:2px;}

/* Notice */
.notice {position:absolute; z-index:10; top:1141px; left:0; width:904px; height:45px; color:#ADADAD; font:11px/18px Arial, sans-serif; padding:7px 15px 0; background:#111;}
.notice A.app-store-button {float:right; display:block; overflow:hidden; background:url(../graphics/app-store-button.png); width:107px; height:37px; text-decoration:none; text-indent:-9999px; margin:0 0 0 107px;}

/* Footer */
.footer {position:absolute; background:#515151; border-top:3px solid #323232; border-bottom:15px solid #323232; z-index:10; top:1192px; left:0; width:904px; height:21px; color:#ADADAD; font:11px/23px Arial, sans-serif; padding:0 15px;}
.footer A {color:#ADADAD; text-decoration:none; padding:0 5px;}
.footer SPAN {float:right;}