body                   {margin:0 auto; margin:0px; padding:0px; background:#0e0e0e; font:normal 11px "trebuchet ms"; color:#eee;}
a                      {outline:none; text-decoration:underline;}
a:hover                {text-decoration:none;}
img                    {border:none;}
ul, li, h1, h2, h3     {margin:0px; padding:0px;}
ul, li                 {list-style:none;}
.blue                  {color:#0099ff;}

.headerWrap            {width:100%;   height:99px; background:url(images/bg-header.jpg) center center no-repeat #000;}
.headerCont            {width:1100px; height:99px; background:url(images/logo.png) left center no-repeat; margin:0 auto; position:relative;}
.header-left           {position:absolute; left:140px; top:35px;}
.header-left h1        {font:bold 18px "trebuchet ms"; color:#ff8c1b;}
.header-left h2        {width:auto; font:normal 12px "trebuchet ms"; color:#eee;}
.header-left-btn       {width:213px; height:25px; background:url(images/btn-header1.png) no-repeat; position:absolute; left:370px; top:55px;}
.header-left-btn a     {width:213px; height:25px; display:block;}
.header-right            {width:auto;  padding:10px 0px; position:absolute; left:700px;}
.header-right li         {display:inline;}
.header-right li a       {float:left; padding:2px 10px; margin:0px 2px; color:#eee; background:#111; text-decoration:none;}
.header-right li a:hover {background:#333;}

.promo-border-top      {width:100%;  height:28px;  background:url(images/bg-promo-border-top.png) repeat-x;}
.promo-border-bot      {width:100%;  height:14px;  background:url(images/bg-promo-border-bot.png) repeat-x;}
.promo                 {width:100%;  height:379px; background:url(images/bg-promo.jpg) center no-repeat;}
.promo-title           {width:826px; height:49px;  background:url(images/promo-title.png) center no-repeat; margin:0 auto;}
.promo-wrap            {width:825px; height:330px; margin:0 auto;}
.promo-btn             {width:325px; height:105px; background:url(images/promo-btn.jpg) center right no-repeat; padding:0px 0px 0px 490px;}
.promo-btn a           {width:325px; height:105px; display:block;}
.promo-txt             {width:250px; height:auto;  background:url(images/macPC.png) 30px 105% no-repeat; padding:20px 0px 0px 555px;}
.promo-txt h1          {font:bold 14px "trebuchet ms"; color:#fff; padding:0px 0px 15px 0px;}
.promo-foot            {width:800px; height:auto;  padding:15px 0px 0px 0px; font:bold 15px "trebuchet ms"; color:#fff; margin:0 auto; text-align:center}
.promo-foot a          {color:yellow;}

.midWrap               {width:100%;  height:540px; background:url(images/bg-mid-splat.png) center center no-repeat #d0d7ce;}
.mid-top               {width:815px; height:255px; padding:10px 0px 0px 0px; margin:0 auto;}
.mid-top1              {width:265px; height:255px; background:url(images/bg-midBox-1.png) no-repeat; float:left;}
.mid-top1 h1           {font:bold 16px "trebuchet ms"; display:block; text-align:center; padding:5px 0px 15px 0px;}
.mid-top1-desc         {width:auto;  height:auto; padding:0px 10px 10px 10px;}
.mid-top1-desc a       {color:#0099ff;}
.mid-top1-btn          {width:234px; height:57px;  background:url(images/tv-screenshots.png) center center no-repeat; margin:0 auto;}
.mid-top1-btn a        {width:234px; height:57px; display:block;}  
.mid-top2              {width:265px; height:255px; background:url(images/bg-midBox-ad.jpg) no-repeat; float:left; margin-left:10px;}
.mid-top2 h1           {font:bold 16px "trebuchet ms"; display:block; text-align:center; padding:5px 0px 15px 0px;}
.mid-top2-btn          {width:265px; height:205px;}
.mid-top2-btn a        {width:265px; height:205px; display:block;}
.mid-top3              {width:265px; height:255px; background:url(images/bg-midBox-1.png) no-repeat; float:right;}
.mid-top3 h1           {font:bold 16px "trebuchet ms"; display:block; text-align:center; padding:5px 0px 15px 0px;}
.mid-top3-desc         {width:auto;  height:auto; padding:0px 10px 10px 10px;}
.mid-top3-btn          {width:234px; height:57px;  background:url(images/6000channels.png) center center no-repeat; margin:0 auto;}
.mid-top3-btn a        {width:234px; height:57px;  display:block;}

.mid-bot               {width:795px; height:170px; background:url(images/bg-mid-bot.png) repeat-x; margin:0 auto; margin-top:10px; padding:10px 10px 0px 10px;} 
.mid-bot1              {width:255px; height:162px; background:url(images/mid-tv1.jpg) no-repeat; float:left;}
.mid-bot1 a            {width:255px; height:170px; display:block;}
.mid-bot2              {width:260px; height:auto;  float:left; margin-left:10px;}
.mid-bot2 h1           {font:bold 15px "trebuchet ms"; border-bottom:1px solid #CC9900; text-align:center;}
.mid-bot2Btn           {width:260px;  height:46px; background:url(images/btn-startWatching.png) center center no-repeat;}
.mid-bot2Btn a         {width:260px;  height:46px; display:block;}
.mid-bot2Txt           {padding:5px 0px 10px; display:block;}
.mid-bot3              {width:255px; height:162px; background:url(images/mid-tv2.jpg) no-repeat; float:right;}
.mid-bot3 a            {width:255px; height:162px; display:block;}

.flags                 {width:815px; height:55px;  background:url(images/flags.png) no-repeat; margin:0 auto; margin-top:10px;}

 

.bottom                {width:815px; height:auto; padding:10px 0px; margin:0 auto;}
.bottom ul             {width:175px; height:auto; float:left; display:block;}
.bottom li a           {color:#eee;}
#last                  {width:100px;}
.bottomBtn             {width:125px; height:125px; background:url(images/btn-bottom.gif) left bottom no-repeat; padding:75px 25px 0px 0px; float:right;}
.bottomBtn a           {width:125px; height:125px; display:block;}
.bottom-clear          {clear:both; width:100%;}


.foot                  {width:815px; height:100px; margin:0 auto; border-top:1px solid #777; position:relative;}
.foot-top              {width:auto;  height:auto; top:5px; right:0px; position:absolute;}
.foot li               {display:inline;}
.foot li a             {float:right; padding:0px 10px; color:#eee;}
.foot-bot              {width:50%;   height:auto;  text-align:right; position:absolute; top:25px; right:10px;}




/* faq */
.faqWrap                   {width:100%;  height:auto; background:url(images/bg-mid-splat.png) center center no-repeat #d0d7ce; padding:10px 0px;}
.faqPad                    {margin:0 auto; width:800px; height:auto; background:#efefef; padding:10px 15px; margin-top:10px; color:#444; border:1px solid #aaa;}
.faqPad a                  {color:#236bdd;}
.faqPad h1                 {font:bold 25px "trebuchet ms"; }
.faqPad h2                 {font:bold 12px "trebuchet ms"; color:#ff5a00; padding:0px; margin:10px 0px 0px 0px;}
.faqPad h3                 {font:bold 12px "trebuchet ms"; color:#fff; padding:0px; margin:10px 0px 0px 0px;}
.faqPad li                 {margin-left:25px; list-style-type:circle;}
#anchors li                {list-style:decimal;}
#anchors li a              {margin-left:5px; line-height:25px; color:#236bdd; padding:2px;}
/* /faq */

.joinPad                   {margin:0 auto; width:800px; height:auto; background:#efefef; padding:10px 15px; margin-top:10px; color:#444; border:1px solid #aaa; text-align:center;}
.join                      {background:#fff;}