/* (c)2008 IC Group */   

/* ----------------------------------------------------------------
   B A S E
   ---------------------------------------------------------------- */

html {
      background: #4579BC; 
        /* transparent 
        url(/pobox/static/images/layout-grids/960_grid_12_col.png) 
        repeat-y top center; */
      }
body {
      background: 
        #4579BC 
        url(/pobox/static/images/backgrounds/background.jpg) 
        no-repeat top center;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 62.5%;
      min-width: 960px;
      }

/* L I N K S */

a:link, a:visited { text-decoration: none; color: #0762FF; }
a:hover { text-decoration: underline; }
h2 a.selected { color: #043FA6; font-weight: bold; }
      

/* S T R U C T U R E */

#container { 
      margin: 0 auto;
      padding-bottom: 1px;
      position: relative;
      width: 960px;
      }
#content { 
      background-color: #fff;
      float: left;
      width: 960px;
      }
#login_wrap { 
      border-bottom: 1px solid #152768;
      }
#login_bar {
      background: #0A5EFF url(/pobox/static/images/backgrounds/login_bar_bg.png) 
        repeat-x top left;
      border-bottom: 1px solid #3177FD;
      color: #fff;
      font-size: 1.1em;
      height: 30px;
      line-height: 30px;
      text-align: right;
      }
      #login_bar form {
            width: 960px;
            margin: 0 auto;
            }
      #featured { 
            position: absolute; 
            top: 5em; 
            left: 65px;
            z-index: 5; 
            }
#header {
      height: 60px;
      position: relative;
      }
#banner_wrap { position: relative; }
      #banner_wrap img { position: absolute; }
      #banner {
          background-color: #000;
          filter: alpha(opacity = 50);
          height: 308px;
          opacity: 0.5;
          position: absolute; /* for IE */
          width: 640px;
          }
#banner_sidebar {
      color: #fff;
      height: 306px;
      margin-left: 640px;
      overflow: hidden;
      padding: 1px 0;
      position: relative;
      text-transform: uppercase;
      width: 320px;
      }
      #banner_sidebar img#sidebar_text {
          margin: 3em 0 2em 20px;
          position: relative;
          z-index: 5;
          }
      #banner_sidebar a#sign_up_button {
          text-align: center;
          display: block;
          position: relative;
          }


/* H E A D E R */

h1, h2, h3, h4 {
      font-family: sans-serif;
      }
h2 {
      color: #043FA6;
      font-size: 1.5em;
      text-transform: uppercase;
      letter-spacing: 0.125em;
      font-weight: 100;
      margin: 1.5em 10px 1em 10px;
      padding: 0 10px;
      }
h3 { 
      color: #043FA6;
      font-size: 2.2em; 
      margin: 0 10px; 
      }

hr {
      border: none;
      border-top: 1px solid #eee; 
      margin-bottom: 1em;
      }


/* L O G O */

#logo {
      position: absolute;
      left: 0;
      top: 1em;
      }

/* N A V I G A T I O N */

ul#nav {
      position: absolute;
      right: 1em;
      top: 2em;
      }
      ul#nav li {
            display: inline;
            list-style-type: none;
            }
      ul#nav li a {
            background-image: url(/pobox/static/images/buttons/navigation.png);
            background-repeat: no-repeat;
            border: 0;
            color: #fff;
            font-size: 1.6em;
            text-decoration: none;
            float: left;
            display: block;
            margin-left: 4em;
            text-indent: -2000px;
            height: 30px;
            }
      ul#nav li a:focus { outline: none; }
            a#customers:link, a#customers:visited { background-position: 0 8px; width: 100px; }
            a#services:link, a#services:visited { background-position: -120px 8px; width: 90px; }
            a#pricing:link, a#pricing:visited { background-position: -220px 8px; width: 72px; }
            a#contact:link, a#contact:visited { background-position: -315px 8px; width: 79px; }
            a#signup:link, a#signup:visited { background-position: -420px 8px; width: 85px; }
            a#customers:hover { background-position: 0 42%; }
            a#services:hover { background-position: -120px 42%; }
            a#pricing:hover { background-position: -220px 42%; }
            a#contact:hover { background-position: -315px 42%; }
            a#signup:hover { background-position: -420px 42%; }
            a#customers.selected. { background-position: 0 101%; }
            a#services.selected { background-position: -120px 100.5%; }
            a#pricing.selected { background-position: -220px 100.5%; }
            a#contact.selected { background-position: -315px 100.5%; }
            a#signup.selected { background-position: -420px 100.5%; }

/* ----------------------------------------------------------------
   C O L  1 
   -----------------------------------------------------------------*/

#col_1 {
      background: 
        transparent
        url(/pobox/static/images/backgrounds/col_1_bg.png) 
        repeat-x top left;
      border-top: 1px solid #fff;
      float: left;
      min-height: 500px;
      margin-top: 320px;
      width: 640px;
      }
      #col_1 .box_1, #col_1 .box_2 { width: 300px; margin: 0 10px 1em; }
      #col_1 .box_1 { float: left; }
      #col_1 .box_2 { float: right; }
      #col_1 h2 { width: 620px; }
      #col_1 h3 { margin: 0 10px; }
      #col_1 h3 a { display: block; }
      #col_1 p, address { 
            color: #333; 
            font-family: Arial, Helvetica, sans-serif;
            font-size: 1.4em; 
            padding: 0 10px; 
            }
            #col_1 p#customer_intro {
                  font-size:1.8em;
                  border-left: 1px solid #0A5EFF;
                  margin:0 20px 1em;
                  padding:10px;
                  background-color:#fff;
                  color:#666;
                  }
                  #customer_intro strong { color: #222; }
      #col_1 ul { list-style-type: square; }
      #col_1 ul, #col_1 ol {
            font-size: 1.4em;
            margin: 1em auto 1em 2em;
            color: #333;
            }
      #col_1 table {
            width: 95%;
            margin: auto auto 2em; 
            }
            #col_1 table thead th { 
                  font-weight: bold;
                  text-align: center;
                  }
            #col_1 table tbody td { text-align: center; }
            #col_1 table th,
            #col_1 table td {
                  border-bottom: 1px solid #ccc;
                  font-size: 1.2em;
                  padding: .25em 1em .125em 1em;
                  }
      

/* ----------------------------------------------------------------
   C O L  2 
   -----------------------------------------------------------------*/

#col_2 {
      background: 
        transparent
        url(/pobox/static/images/backgrounds/col_2_bg.png) 
        repeat-x top left;
      border-top: 1px solid #fff;
      float: left;
      min-height: 500px;
      width: 320px;
      }
      #col_2 h3 { 
            font: bold 1.6em helvetica, sans-serif; 
            margin: 0.25em 10px 0; 
            padding: 0 10px; 
            }
      #col_2 p,
      address { 
            text-indent: 0;
            font-size: 1.2em; 
            margin: 0 10px 1em; 
            padding: 0 10px; 
            text-indent: 0;
            }
      #col_2 h3 { line-height: 1.5em; }
      #col_2 ul { 
            list-style-type: none;
            padding: 0;
            margin: 0 20px;
            border-top: 1px solid #aaa;
            }
            #col_2 ul li {
                  background: transparent url(/pobox/static/images/small_check.png) 
                    no-repeat 0;
                  font-size: 1.2em;
                  line-height:2.5em;
                  border-bottom: 1px solid #aaa;
                  padding-left: 2em;
                  }
      #col_2 table {
            border-top: 1px solid #aaa;
            margin: 0 20px;
            }
            #col_2 table th, 
            #col_2 table td {
                  font-size: 1.2em;
                  padding: 0.25em 0.3em;
                  border-bottom: 1px solid #aaa;
                  }
      #col_2 .feedburnerFeedBlock ul { border: none; }
            #col_2 .feedburnerFeedBlock ul li { 
                  background-image: none;
                  border: none;
                  line-height: 1.5em;
                  margin-bottom: 1em;
                  padding-left: 0;
                  }
            #col_2 .feedburnerFeedBlock .headline { 
                  background-image: none;
                  padding-left: none;
                  font: bold 1.2em helvetica, sans-serif; 
                  margin: 0.25em 10px 0 0;
                  padding: 0; 
                  }
          

/* ----------------------------------------------------------------
   P A G E - S P E C I F I C   L A Y O U T
   -----------------------------------------------------------------*/

#home #col_1, #pricing_page #col_1,
#contact_us_page #col_1, #legal_page #col_1,
#domain_search_page #col_1, #sign_up_page #col_1,
#home #col_1, #home #col_2 { 
      min-height: 400px; 
      margin-top: 0;
      }
#home #col_1 p { padding: 0 10px; }
#home #creditfooter { display: none; }
#services_page #col_1 .box_1, 
#services_page #col_1 .box_2 { 
      width: 620px; margin: 0 10px 1em; 
      }
      #services_page #col_1 img {
            width: 286px;
            height: 160px;
            float: left;
            background-color: #fff;
            border: 1px solid #666;
            margin-right: 10px;
            }
#legal_page #col_1 p { margin-bottom: 1em; }
#legal_page #col_2 ul { 
      border-top: 1px solid #aaa;
      margin: none;
      }
      #legal_page #col_2 ul li {
            background: none;
            border-bottom: 1px solid #aaa;
            font-size: 1.2em;
            line-height: 2.5em;
            padding-left: 1em;
            }
#domain_search_page .feedback {
      margin: 1em 0;
      padding: 0 1.5em;
      }
      #domain_search_page .feedback p { margin: 1em 0; }
      #domain_search_page div.feedback.bad {
            border: 1px solid #f99;
            background-color: #fcc; 
            }
      #domain_search_page div.feedback.good {
            border: 1px solid #cf9;
            background-color: #cfc; 
            }
      #domain_search_page .feedback ul {
            font-size: 1.2em;
            font-weight: normal;
            list-style-type: none;
            margin-left: 1em;
            }
#login_page { }
     #login_page #col_1 { 
            margin-top: 0; 
            border-top: 1px solid #fff;
            }
     #login_page #col_2 form {
            background-color: #fff;
            border: 1px solid #ccc;
            margin: 20px;
            padding: 10px;
            font-size: 1em;
            min-height: 0;
            }
      #login_page #col_2 form#forgot_password  {
            background-color: #CBDFFE;
            }
      #login_page #col_2 h2 { 
            margin-top: 0.5em; 
            padding: 0;
            }
      #login_page #col_2 ul {
            border: none;
            list-style-type: none;
            margin: 0 10px;
            }
      #login_page #col_2 ul li {
            background: none;
            border: none;
            font-size: 1.2em;
            padding: 0;
            line-height: 1.8em;
            margin-bottom: 0.5em;
            }
      #login_page #col_2 label {
            font-size: 1.2em; 
            font-weight: bold;
            color: #043FA6;
            }


/* ----------------------------------------------------------------
   Q U O T E S
   -----------------------------------------------------------------*/

#quotes { 
      background: 
        #fff url(/pobox/static/images/backgrounds/quotes_bg.png) 
        no-repeat top center;
      width: 960px; 
      }
      #quotes h2 { padding-top: 2em; }
      #quotes blockquote { 
            background: transparent
              url(/pobox/static/images/backgrounds/quote_entry_bg.png) 
              repeat-x top left;
            color: #333; 
            float: left;
            margin: 0 10px 2em;
            width:300px; 
            min-height: 123px;
            }
            p.quote, p.source { font-size: 1.4em; }
            p.quote  { padding: 1em 10px 0; }
            p.source { font-weight: bold; padding: 0 10px 1em; }


/* ----------------------------------------------------------------
   F O O T E R
   ---------------------------------------------------------------- */

#footer { 
      background-color: #fff;
      border-top: 1px solid #eee; 
      font-size: 1.2em;
      padding-top: 1em;
      clear: both;
      }
      #footer ul { list-style-type: none; }
      #footer a { font-weight: bold; }
      #footer ul li:first-child { font-weight: bold; }
      #footer .box_1, #footer .box_2, #footer .box_3 {
            width: 200px;
            margin: 0 10px;
            padding: 0 10px;
            float: left;
            }
      #footer #legal {
            width: 920px;
            margin: 1em 0;
            padding: 1em 20px;
            border-top: 1px solid #eee; 
            }


/* ----------------------------------------------------------------
   M I S C
   ---------------------------------------------------------------- */

button {
      background-color:#fff;
      border:1px outset #043FA6;
      color: #043FA6;
      cursor:pointer;
      line-height:1.3em;
      padding:2px 5px 2px 5px; /* Links */
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      }
      button:hover {
            background-color: #043FA6;
            color: #fff;
            }
.clear { clear:both; }
.clearfix:after {
      clear: both;
      content: ".";
      display: block;
      height: 0;
      visibility: hidden;
      }
.hide { display: none; }
.transparency {
      opacity:0.5;  
      filter:alpha(opacity=50);  
      -moz-opacity:0.5;  
      background-color:#000000;  
      width:1000px;  
      height:1000px;  
      position:absolute;  
      top:0px;  
      left:0px;  
      z-index: 0; 
      }
.error,
.notice, 
.success { 
      padding: 0.25em .8em; 
      margin-top: 0.25em; 
      border: 1px solid #fff; 
      }
.error { 
      background: #FBE3E4; 
      color: #8a1f11 !important; 
      border-color: #8a1f11; 
      }
.notice { 
      background: #FFF6BF; 
      color: #514721; 
      border-color: #514721; 
      }
.success { 
      background: #E6EFC2; 
      color: #264409 !important; 
      border-color: #C6D880; 
      }
.note { background-color: #eee; }
p.pricing_special { 
      background-color: #fff;
      padding: 0.25em 0.5em !important;
      }
/* A D D R E S S */

#content form {
      background-color: #fff;
      margin: 10px;
      padding: 10px;
      font-size: 1em;
      min-height: 450px;
      }
      #content form fieldset { 
            background-color: #eee; 
            padding: 1em 1.5em; 
            margin-bottom: 1em; 
            }
      #content form h3 { 
            font-size: 1.6em; 
            font-weight: bold; 
            margin: 1em 0 0.25em; 
            }
      #content form .instructions { 
            font-weight: bold;  
            display: block; 
            }
      #content form .info { 
            font-size: 1.2em; 
            color: #666; 
            }
      #content .required { 
            font-size: 18px; 
            font-weight: bold; 
            color: #8a1f11 !important; 
            }
      #content form p { padding-left: 5px; }
      #content form label { 
            font-size: 1.4em; 
            margin-top: 0.5em;
            }
      #content form input.error { 
            border: 1px solid #8A1F11; 
            background-color: #fff; 
            padding: 0.25em 0; 
            }
#first_name_block, #last_name_block {
      display: block;
      margin-bottom: 0.5em;
      width: 150px;
      float: left;
      }
#address_1_block, #address_2_block, 
#country_block, #phone_number_block {
      display: block;
      margin-bottom: 0.5em;
      width: 310px;
      float: left;
      }
      #address_1, #address_2, #phone_number, #country,
      #password_1, #password_2, #auth_question,
      #auth_answer {
            width: 310px;
            }
#city_block {
      display: block;
      width: 150px;
      float: left;
      }
#state_block {
      display: block;
      float: left;
      width: 60px;
      }
      #state { width: 60px; }
#postal_code_block {
      display: block;
      float: left;
      width: 80px;
      }
      #postal_code { width: 80px; }

iframe {
      background-color: #fff;
      border: 1px solid #aaa;
      width: 550px;
      height: 200px;
      }

/* ----------------------------------------------------------------
   C O N T E N T
   ---------------------------------------------------------------- */

/* ----------------------------------------------------------------
   F O R M S
   ---------------------------------------------------------------- */