/*----------------------------------------------------------------------------------------------------------------------------------*/
  *{
    margin: 0;
    padding: 0;
  }
  body{
    background: #ccc url(../images/top_bg.gif) repeat-x;
    font: normal 11px Trebuchet MS, Trebuchet, Arial, sans-serif;
    color: #ccc;
    text-align: center;
  }
  #bgContainer{
    padding-bottom: 40px;
    background: #333 url(../images/middle_bg.gif) left bottom repeat-x;
  }
  #wrapper{
    margin: 0 auto;
    margin-top: 65px;
    width: 690px;
    text-align: left;
  }
  h2{
    font-size: 18px;
  }
  h3{
    font-size: 12px;
  }
  h2, h3{
    color: #fff;
    font-weight: normal;
  }
  a{
    text-decoration: none;
  }
  
/*----------------------------------------------------------------------------------------------------------------------------------*/
  #header{
    margin: 0 auto;
    width: 690px;
    text-align: left;
  }
  h1#logo{
    margin-top: 30px;
    font-size: 0;
  }
  h1#logo a{
    display: block;
    width: 225px;
    height: 30px;
    background: transparent url(../images/template_logo.gif) no-repeat;
  }
  ul#mainNav{
    float: right;
    position: relative;
    margin-top: -110px;
    list-style: none;
  }
  ul#mainNav li{
    float: left;
    font-size: 18px;
  }
  ul#mainNav a{
    display: block;
    padding: 125px 0 0 20px;
    width: 90px;
    height: 40px;
    color: #666;
  }
  a.about{
    background: transparent url(../images/a_about.jpg) no-repeat;
  }
  a.security{
    background: transparent url(../images/a_security.jpg) no-repeat;
  }
  a.services{
    background: transparent url(../images/a_services.jpg) no-repeat;
  }
  a.contact{
    background: transparent url(../images/a_contact.jpg) no-repeat;
  }
  ul#mainNav a:hover{
    color: #ccc;
  }
  a.about:hover, a.security:hover, a.services:hover, a.contact:hover{
    background-position: right top;
  }
  ul#mainNav h2 a{
    color: #fff;
  }
  
/*----------------------------------------------------------------------------------------------------------------------------------*/
  #shortInfo{
    float: left;
    width: 220px;
  }
  #shortInfo ol{
    list-style: none;
  }
  #shortInfo li, #content p{
    margin-bottom: 10px;
  }
  #shortInfo h2{
    margin: 15px 0;
  }
  h3 a{
    color: #c66;
  }
  h3 a:hover{
    text-decoration: underline;
  }
  .data{
    color: #666;
    font-size: 9px;
    font-weight: bold;
  }
  #content{
    margin-left: 250px;
  }
  #content a{
    color: #69c;
  }
  #content a:hover{
    text-decoration: underline;
  }
  
/*----------------------------------------------------------------------------------------------------------------------------------*/
  #footer{
    clear: both;
    padding-top: 4px;
    height: 40px;
    background: transparent url(../images/footer_bg.gif) repeat-x;
    color: #888;
    font-size: 9px;
  }
  #footer ul{
    list-style: none;
  }
  #footer a{
    color: #888;
  }
  #footer a:hover{
    color: #777;
    text-decoration: underline;
  }
  ul#footerLink{
    margin: 0 auto;
    width: 690px;
    text-align: left;
  }
  li.validate{
    padding-right: 10px;
    float: left;
  }
  li.copyright{
    float: right;
  }
  
/*----------------------------------------------------------------------------------------------------------------------------------*/
  .clearFix{
    clear: both;
  }