/**** CORE *********************/

* { outline: none; }

html {
  min-width: 1000px;
}

body {
  padding: 0;
  margin: 0;
}

#headerSection, #titleSection, #bodySection, #footerSection, #content {
  clear: both;
}

hr {
  clear: both;
  margin: 0;
  padding: 0;
  visibility: hidden;
}
#headerSection hr{
  _display:none;
  *display:none;
}

a:hover { text-decoration: none; }

.squeezer { 
  width: 750px;
  margin: 0 auto;
  position: relative;
  padding: 0;
}
 
/**** HEADER *******************/
  ul.level-1, ul.level-1 li { float: left; }
  
  ul.level-1 { 
    list-style-type: none; 
    margin: 0;
    padding: 0;
    _margin-bottom:35px;
    *height:35px;
  }
  
  ul.level-1 li {
    margin: 0 0.7em 0 0;
    background: url(../images/tab_off_right.gif) top right no-repeat;
  }
    ul.level-1 li.active { background-image: url(../images/tab_on_right.gif); }
    
    ul.level-1 li a {
      display: block;
      background: url(../images/tab_off_left.gif) top left no-repeat;
      padding: 0.5em 1em;
      text-decoration: none;
      color: #545454;
      text-shadow: #fff 1px 1px 0px;
    }
    ul.level-1 li a:visited{
      color: #545454;
    }
    ul.level-1 li.active a:visited{ color: #fff; }
    ul.level-1 li.active a {
      background-image: url(../images/tab_on_left.gif);
      color: #fff;
      font-weight: bold;
                        text-shadow: #000 1px 1px 0px;
    }
    

/**** TITLE SECTION ***************/

#headerSection {
  background: #fff url(../images/header_bg.gif) repeat-x;
  margin:0;
}

#logoSection{
  height:118px;
  padding-top:22px;
}
  #logoSection h1{
    float:left;
    padding: 0;
    background: url(../images/logo.gif) top left no-repeat;
    overflow: hidden;
    text-indent: -999em;
    width: 174px;
    height: 63px;
  }
  #logoSection h2{
    float:right;
    padding: 0;
    background: url(../images/you_do_web_stuff.gif) top left no-repeat;
    overflow: hidden;
    text-indent: -999em;
    width: 200px;
    height: 63px;
  }
#content{
  margin:-2px 0 0 0;
}
    #titleSection {
      height: 100px;
      line-height:98px;
      padding: 0;      
      background: white url(../images/title_bg.gif);
    }
      #titleSection h3{
        margin:0;
        padding:0;
        color:white;
        font-weight:normal;
        font-size:2.2em;
        text-shadow: #000 1px 1px 0px;
      }
    #bodySection {
      background: #424242 url(../images/body_bg.gif);
    }
    #footerSection {
      background: #393939 url(../images/footer_bg.gif);
      height:80px;
      padding: 10px 0;
    }

/**** MIDDLE/BODY SECTION ************/

#bodySection {
  min-height:300px;
  padding: 2em 0;
}

  /* Pricing/Signup Page Components */
  
  #signup #middleSection .rightColumn {
    float: right;
    width: 32%;
  }
  
  #signup #middleSection table {
    float: left; 
    width: 60%;
    margin-bottom: 2em;
    border-bottom: 2px solid #dddace;
    border-right: 2px solid #dddace;
  }
    
    #signup #middleSection table td {
      background: #fff;
      padding: 0 1.2em;
      text-align: center;
      border-bottom: 1px solid #e8e8e8;
      border-right: 1px solid #e8e8e8;      
    }
    
    #signup #middleSection table td.transparent {
      background: none;
    }
    
    #signup #middleSection table td.header {
      background: #c9c5b4 url(../images/table_header.gif) top left repeat-x;
      border-color: #e9e8e1;
      padding: 1.4em 2em 0 2em;
      font-size: 0.9em;
    }
    
    #signup #middleSection table td.feature {
      background: #797979;
      color: #fff;
      text-align: right;
      border-color: #a6a6a6;
    }  
    
    #bigbiz h3, #smallbiz h3, #solo h3, #free h3 {
      text-indent: -999em;
      overflow: hidden;
      width: 100%;
      margin-bottom: 1.5em;
    }
    
    #bigbiz h3 { 
      background: url(../images/big_biz.gif) top center no-repeat;
      height: 19px;
    }
  
    #smallbiz h3 { 
      background: url(../images/small_biz.gif) top center no-repeat;
      height: 15px;
      width: 66px;
    }

    #solo h3 { 
      background: url(../images/solo.gif) top center no-repeat;
      height: 16px;
    }

    #free h3 { 
      background: url(../images/free.gif) top center no-repeat;
      height: 13px;
    }  

    /* FAQ Page Components */  
    
    #faq ol { 
      list-style-type: none; 
      font-size: 1.2em;
      line-height: 180%;
    }
    
    #faq ol li .q {
      position: relative;
      font-size: 1.1em;
      font-weight: bold;
      background: #fff;
      padding: 0.5em 1em;
      border-top: 1px solid #e1decc;
      border-bottom: 2px solid #e1decc;
    }
    
    #faq ol li .a {
      margin-bottom: 5em;
    }

/**** SECTION SAYINGS **********/

#saying1, #saying2, #saying3, #saying4, #saying5, #saying6 { display:none; }

#home #saying1{ display:block; }
#tour #saying2{ display:block; }
#faq #saying3{ display:block; }
#pricing-signup #saying4{ display:block; }
#reseller-program #saying5{ display:block; }
#contact #saying6{ display:block; }


/**** FOOTER ********************/

#footerSection {
  color: #fff;
  font-size: 0.9em;
}

#edit_link{
    margin-left:5px;
}
  #footerSection .leftLinks{
    float:left;
    width:400px
  }
  #footerSection .leftLinks p{
    margin:0 0 5px 0;  
  }
  #footerSection .rightLinks{
    float:right;
    width:300px;
    text-align:right;
  }
  #footerSection a {
    color: #fff;
  }