/* =========== */
/* = GLOBALS = */
/* =========== */

body { background:#000 url(../images/bg-body.jpg) left top repeat-x; font:13px "lucida grande", helvetica, arial, sans-serif; color:#a0a0a0; }
body.interior { background-image:url(../images/bg-body-interior.jpg); }

.group { overflow:hidden; zoom:1; }
.wrapper { width:960px; margin:0 auto; }


/* ========== */
/* = HEADER = */
/* ========== */

#header { height:750px; background:url(../images/bg-header-home-top.jpg) center top no-repeat; }
.interior #header {  height:503px; background:url(../images/bg-header-generic.jpg) center top no-repeat;  }
.pricing #header {  height:503px; background:url(../images/bg-header-pricing.jpg) center top no-repeat; }
#header #header-wrapper { height:133px; }

  /* Social Media */
  #social { width:100px; float:left; }
  #social li { width:50px; float:left; }
  #social li#facebook { width:26px; }
  #social li#twitter { width:36px; }
  #social li a { display:block; height:50px; overflow:hidden; text-indent:-9999px; }

  /* Manage Account */
  #manage-account { width:630px; float:right; font-size:10px; }
  #manage-account a { color:#5197a6; text-decoration:none; }
  #manage-account a:hover { text-decoration:underline; }
  #manage-account .inner { padding:13px 0 0 0; }
  #manage-account h3 { width:150px; float:left; padding-top:7px; }
  #manage-account form { width:475px; float:right; }
  #manage-account legend { display:none; }
  #manage-account label { display:none; }
  #manage-account .textfield { background:url(../images/bg-login-input.gif) left top no-repeat; width:155px; float:left; height:21px; padding-top:5px; }
  #manage-account .textfield input { border:0; background:transparent; width:120px; padding:0 0 0 10px; font-size:12px; }
  #manage-account #remember-me { width:115px; float:left; }
  #manage-account .checkbox input { display:block; float:left; margin-right:7px; }
  #manage-account .checkbox label { display:block; float:left; padding-top:3px; }
  #manage-account p { clear:both; padding-left:22px; }
  #manage-account .buttons { width:30px; float:left; }
  #manage-account button { width:35px; background:transparent; border:0; cursor:pointer; padding:0 0 1px 0; }
  #manage-account button:active { padding:1px 0 0 0; }
  #manage-account button img { display:block; }

  #order { width:571px; float:right; padding-top:11px; }


/* ============ */
/* = MASTHEAD = */
/* ============ */
.home #header #masthead { height:600px; background:url(../images/bg-header-home-bottom.jpg) center top no-repeat; }
.portal #header #masthead { height:600px; background:url(../images/bg-header-home-portal-bottom.jpg) center top no-repeat; }

#header #masthead .wrapper { position:relative; }

  /* Calls to action */
  #linkhome { position:absolute; top:0; left:58px; width:258px; height:100px; padding-top:12px; }
  #linkhome img { display:block; }
  
  #learn-more { position:absolute; top:1px; right:50px; width:570px; }
  #learn-more a { display:block; overflow:hidden; text-indent:-9999px; height:130px; }
  #get-it-now { position:absolute; top:470px; right:50px; width:250px; }
  #get-it-now a { display:block; overflow:hidden; text-indent:-9999px; height:120px; }
  
  /* Login */
  #login { width:235px; position:absolute; left:658px; top:217px; }
  #login a { color:#5197a6; text-decoration:none; }
  #login a:hover { text-decoration:underline; }
  #login legend { display:none; }
  #login label { display:none; }
  #login .textfield { height:34px; padding-top:10px; }
  #login .textfield input { border:0; background:transparent; padding:0 0 0 10px; font-size:14px; width:210px; }
  #login #remember-me { width:165px; float:left; font-size:11px; padding-top:8px; }
  #login .checkbox input { display:block; float:left; margin-right:7px; }
  #login .checkbox label { display:block; float:left; font-size:11px; padding-top:2px; }
  #login .buttons { width:52px; float:right; }
  #login .buttons button { width:50px; height:50px; background:transparent; border:0; padding:0; cursor:pointer; }
  #login .buttons button img { visibility:hidden; }
  
  /* Nav */
  #nav { width:540px; height:42px; position:absolute; top:542px; left:12px; }
    .interior #nav { top:324px; }
  #nav li { background:url(../images/nav-sprite.gif) left 0 no-repeat; float:left; }
    .interior #nav li { background-image:url(../images/nav-sprite-alt.gif); }
  #nav li a { display:block; height:42px; overflow:hidden; text-indent:-9999px; }
  
  #nav #nav-home            { width:91px; }
  #nav #nav-home a          { width:48px; }
    #nav #nav-home          { background-position:0 0; }
    #nav .active#nav-home       { background-position:0 -42px; }

  #nav #nav-about           { width:97px; }
  #nav #nav-about a           { width:56px; }
    #nav #nav-about         { background-position:-91px 0; }
    #nav .active#nav-about      { background-position:-91px -42px; }

  #nav #nav-plans-pricing       { width:178px; }
  #nav #nav-plans-pricing a       { width:137px; }
    #nav #nav-plans-pricing     { background-position:-188px 0; }
    #nav .active#nav-plans-pricing  { background-position:-188px -42px; }

  #nav #nav-get-it-now        { width:140px; }
  #nav #nav-get-it-now a        { width:97px; }
    #nav #nav-get-it-now      { background-position:-366px 0; }
    #nav .active#nav-get-it-now   { background-position:-366px -42px; }

  #nav #nav-faq             { width:33px; }
  #nav #nav-faq a           { width:33px; }
    #nav #nav-faq           { background-position:-506px 0; }
    #nav .active#nav-faq      { background-position:-506px -42px; }
  
  
  #stock { display:block; position:absolute; top:12px; right:15px; }



/* ======== */
/* = COPY = */
/* ======== */
#content .inner { padding-bottom:50px; padding-top:20px; }
#copy { width:575px; float:left; }
  .pricing #copy { width:100%; float:none; }
  
  /*Coverage Map Link */
  

  /* Entry */
  .entry { line-height:1.8em; }
  .entry p { margin-bottom:10px; }
  .entry h1,
  .entry h2,
  .entry h3,
  .entry h4,
  .entry h5,
  .entry h6 { margin-bottom:0; }
  
  .entry a { color:#00bbe4; text-decoration:underline; }
  .entry a:visited { color:#00bbe4; text-decoration:underline;}
  .entry a:hover { text-decoration:none; }

  /* FAQ Section */
  #faq-summary { margin-bottom:50px; padding-bottom:50px; border-bottom:2px solid #a0a0a0; }
  #faq-summary h2 { font-size:1.5em; margin-bottom:1em; }
  #faq-summary h2 a { color:#a0a0a0; text-decoration:none; }
  #faq-summary h2 a span { color:#00bbe4; }
  #faq-summary h2 a:hover span { text-decoration:underline; }
  #faq-summary h3 { font-size:1.2em; padding-left:20px; }
  #faq-summary ul { margin-bottom:2em; }
  #faq-summary ul li { background:url(../images/bullet.gif) 37px 4px no-repeat; padding-left:62px; }
  #faq-summary ul li a { color:#00bbe4; text-decoration:underline; }
  #faq-summary ul li a:hover { text-decoration:none; }

  #faq-answers h2 { font-size:1.5em; margin-bottom:1em; }
  #faq-answers h3 { font-size:1.2em; padding-left:20px; }
  #faq-answers ul { margin-bottom:2em; }
  #faq-answers ul li { background:url(../images/bullet.gif) 37px 4px no-repeat; padding-left:62px; }
  #faq-answers ul li strong { font-weight:bold; }


/* ================= */
/* = PRICING TABLE = */
/* ================= */
#pricing-table { background:url(../images/bg-pricing-table.gif) left top no-repeat; width:956px; margin-top:20px; padding-top:40px; line-height:1em; }
#pricing-table table { width:100%; }
#pricing-table th { display:none; }
col.service   { width:261px; }
col.speeds    { width:248px; }
col.modem   { width:112px; }
col.roaming   { width:135px; }
col.monthly   { width:90px; }
col.order   { width:110px; }
#pricing-table td { background:url(../images/bg-td.gif) left bottom repeat-x; padding:10px 0 20px 0; vertical-align:top; }
#pricing-table td.service { width:260px; }
#pricing-table table table { width:690px; }
#pricing-table td img { display:block; margin-top:8px; }
#pricing-table td td { background:transparent; padding:0; vertical-align:middle; }
#pricing-table td td img { display:block; margin:5px 0 2px 0; }

  #best-value { background:url(../images/bg-td.gif) left bottom repeat-x; }
  #best-value a { display:block; padding:15px 0 20px 0; background:url(../images/red-arrow.gif) left 20px no-repeat; padding-left:40px;  color:#00bce4; font-weight:bold; font-size:13px; text-decoration:none; }
  #best-value a span { font-weight:normal; color:#b7b7b7; }
  

/* =========== */
/* = SIDEBAR = */
/* =========== */
#sidebar { width:300px; float:right; line-height:1.4em; }
#sidebar h4 { margin-bottom:8px; }
#sidebar li { margin-bottom:14px; font-style:italic; background:url(../images/bullet.gif) 37px 4px no-repeat; padding-left:62px; }



/* ========== */
/* = FOOTER = */
/* ========== */

#footer { background:url(../images/bg-footer.jpg) center top no-repeat; height:100px; padding-top:40px; }

  #copyright { background:url(../images/tech-valley-logo.gif) left top no-repeat; width:500px; height:55px; float:left; }
  #copyright p { padding:30px 0 0 85px; font-size:10px; color:#6f6f6f; }
  
  #footer-links { width:340px; float:right; font-size:11px; padding-top:29px; }
  #footer-links li { float:left; margin-right:20px; }
  #footer-links a { text-decoration:none; color:#959595; }
  #footer-links a:hover { text-decoration:underline; }

#remember-me .checkbox { visibility:hidden; height:10px; }
#manage-account #remember-me p { padding-left:8px; }

