/*


Layout
*/
html {
  background: url('../images/body.jpg') center;
}

body {
  background: url('../images/html.jpg') top center repeat-x;
  font: normal normal normal 14px/20px Arial, sans-serif;
  min-width: 960px;
  text-align: center;
}

  #shell {
    margin: auto;
    position: relative;
    width: 960px;
    text-align: left;
  }
  
  .margin {
    position: relative;
    margin: 0 auto;
    text-align: left;
    width: 960px;
  }
  
    #head {
      height: 100px;
      position: relative;
    }
    
      #head h1 {
        left: 10px;
        position: absolute;
        margin: 0;
        padding: 0;
        top: 4px;
      }
        
        #head h1 a {
          display: block;
          background: url('../images/combined-insurance-logo.png');
          height: 116px;
          width: 231px;
        }
          
          #head h1 a span {
            display: none;
          }
    
    #wrapper {
      background: white;
      min-width: 960px;
      width: 100%;
    }
    
      #wrapper .margin {
        border-right: 1px solid #CCE4DB;
        border-left: 1px solid #CCE4DB;
        padding-bottom: 40px;
      }
      
  #get-quote {
    background: url('../images/form-home.jpg');
    height: 315px;
    left: 10px;
    padding: 10px;
    padding-top: 0;
    position: absolute;
    top: 20px;
    width: 210px;
  }

    
/*
Home page stuff

*/
      
#masthead .margin {
  height: 300px;
}
      
  #masthead img {
    left: 300px;
    position: absolute;
    top: -19px;
  }
  
  #callout {
    background: #fff url('../images/callout-bg.png') bottom repeat-x;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: absolute;
    padding: 20px;
    padding-top: 0;
    right: 20px;
    top: 20px;
    width: 340px;
  }

#triptych {
  float: left;
  border-bottom: 1px solid #CCE4DB;
}    
    
  #triptych div {
    display: inline;
    float: left;
    margin: 0 5px;
    padding: 40px 10px;
    width: 30%;
  }

    #triptych div img {
      display: inline;
      float: left;
      margin-right: 10px;
    }

  #triptych .middle {
    border-right: 1px solid #CCE4DB;
    border-left: 1px solid #CCE4DB;
  }
  
  #triptych h1 a {
    text-decoration: none;
  }

#homepage-bottom {
  padding-bottom: 50px;
  padding-left: 10px;
  position: relative;
}
  
  #homepage-bottom .left {
    display: inline;
    float: left;
    width: 460px;
  }

  #logos {
    display: inline;
    float: right;
    height: 200px;
    width: 450px;
  }

/*

 Interior Page
*/
#interior #wrapper {
  background: white url('../images/html.jpg') center -200px repeat-x;
}

#interior #wrapper .margin {
  background: white;
  margin-top: 100px;
}

#interior #get-quote {
  background: url('../images/form-interior.jpg');
  top: -80px;
}

    #page-title {
      color: white;
      left: 20px;
      font-family: Arial, sans-serif;
      font-size: 28px;
      font-weight: bold;
      position: absolute;
      text-shadow: rgba(0,0,0,.8) 0 0 4px;
      top: -80px;
    }
    
    #main {
      float: right;
      padding-top: 20px;
      position: relative;
      width: 719px;
    }
    
      #content {
        display: inline;
        float: left;
        padding: 0 20px;
        width: 441px;
      }
      
        #content .left {
          margin: 10px;
          margin-left: 0;
        }
        
        #content .right {
          margin: 10px;
          margin-right: 0;
        }
      
      #right-col {
        display: inline;
        float: right;
        width: 238px;
      }
      
        #quote {
          background: #F5F6E8;
          padding: 10px 20px;
        }
        
          #quote:empty {
            display: none;
          }
        
          #quote em {
            color: #00784C;
            font-size: 20px;
            font-family: 'Times New Roman', serif;
          }
    
    #sub {
      float: left;
      padding-left: 20px;
      padding-top: 240px;
      position: relative;
      width: 219px;
    }
    
      #sub a {
        text-decoration: none;
      }
      
      #sub h2 {
        font-size: 18px;
      }
    

    #foot {
      background: url('../images/html.jpg') center -100px repeat-x;
      clear: both;
      color: white;
      height: 300px;
      min-width: 960px;
      padding-top: 50px;
      position: relative;
      text-align: center;
      text-shadow: rgba(0,0,0,.5) 0 0 5px;
    }
    
      #call-us {
        background: url('../images/ft-contact-bg.jpg');
        color: black;
        font-family: 'Times New Roman', serif;
        font-size: 18px;
        height: 159px;
        padding: 20px 30px;
        position: absolute;
        right: 20px;
        top: -30px;
        width: 275px;
        text-shadow: none;
      }
      
      #call-us h1 {
        margin: 0;
/*        margin-top: 20px;*/
        padding: 0;
        padding-top: 20px;
      }
      
      #call-us p {
        display: inline;
        float: left;
        line-height: 20px;
        margin-right: 20px;
      }
    
/*

Navigation
*/
a {
  color: #00784C;
}

ul#navPrimary {
  right: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 44px;
}

  ul#navPrimary li {
    list-style: none;
    margin: 0;
    margin-left: 15px;
    padding: 0;
    position: relative;
  }
    
    ul#navPrimary li a {
      font-size: 18px;
      margin: 0;
      text-decoration: none;
    }
    
    ul#navPrimary li a:hover {
    }
  
ul#navFoot {
  margin-bottom: 30px;
}

  ul#navFoot li {
    margin-right: 15px;
  }
  
    ul#navFoot li a {
      color: white;
      font-size: 14px;
      text-decoration: none;
    }
    
    ul#navFoot li a:hover {
    
    }

ul.navSub {
  width: 100%;
}

  ul.navSub li {
    list-style: none;
  }
  
    ul.navSub li a {
      display: block;
      text-decoration: none;
      width: 100%;
    }
    
    ul.navSub li a:hover {
    }
    
/*

Table
*/
.first th {
  color: #00784C;
}

th, td {
  border: 1px solid #999;
  border-top: none;
  border-left: none;
  padding: 5px;
}
    
/*
Form

*/

label {
  display: block;
  font-weight: bold;
  margin-bottom: 2px;
}

#get-quote input[type="text"] {
  height: 15px;
  margin-bottom: 10px;
  width: 90%;
}

.ContactForm input[type="text"] {
  height: 20px;
  margin-bottom: 10px;
}
/*


Misc
*/
#cocoDesign {
  /*background: url(../images/CocoDesign.png) no-repeat;*/
  background: blue;
  display: block;
  height: 21px;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 56px;
}

  #cocoDesign span {
    display: none;
  }

* {
  margin: 0;
  padding: 0;
}

img {
  border: 0;
}
/*


Comes in Handy Sometimes
*/
.NoMargin {
  margin: 0 !important;
}
.clear, .clearme {
  clear: both;
}
ul.inline-list {
  margin-left: 0;
}
  ul.inline-list li {
    display: inline;
    float: left;
    list-style: none;
  }
    ul.inline-list li a {
      float: left;
    }

/*


Default styles for BrainBuster logic captcha
*/
#captcha {
  margin: .5em 0 .5em 0;
  font-size: 13px;
}

#captcha_answer {
  margin-left: .5em;
}

.captcha_failed input {
  border-style: inset;
  border-color: red;
  border-width: 3px;
}