body  {  margin:0;
    text-align:center;
    
    font-family:"Trebuchet MS", sans-serif;
}

#whole  {  margin:0 auto;
    width:798px;
    text-align:left;
}


#banner {
  background-color: black;
  width: 798px;
}

#banner A {
  text-decoration: none;
  font-size: 18px;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  display: inline;  /* This is a hack to get IE to display float margins correctly */
  margin: 2px 6px;
}

#banner A:hover {
  text-decoration: underline;
}


#header  {  float:left;
  text-align:left;
    
  width:798px;
  
  font-family:"Trebuchet MS";
  font-size:14px;
  
  margin:0 0 15px 0;
  
}

#header h1 { 
  font-family:"Georgia",serif;
  font-size:24px;
  color:#333;
  margin:0;
}

}

#header  .header_image {  margin:20px 0 0 0;
    display:none;
  
}

#left  { 
  float:left;
  width:450px;
  margin: 0;
  font-size:12px;
}

#header  table  {  float:left;
    clear:both;
    font-size:11px;
    width:800px;
    
    border:1px solid #666;
    
    margin:10px 0 15px 0;
}

#header  .sub_nav  {  float:right;
      margin:10px 10px 0 0;
  
}

#header  .sub_nav  a  {  color:#333;
    font-size:11px;
}

#header  img  {  float:left;
    border:0;
}

#header  th  {  font-size:10px;
  font-weight:400;
  
  padding:5px 10px 5px 10px;
  
  color:#fff;
  background:#666;
}

#header  td  {  font-size:13px;
  font-weight:400;
  
  padding:5px 10px 5px 10px;
  
  text-align:center;
  
}

#left  table  {  float:left;
    clear:both;
    
    width:400px;
    
    margin:10px 0 0 0;
}

#left  td  a  {  padding:0;
    margin:0;
    font-size:11px;
    
    color:#333;
    
    background:none;
}

#left  td  a:link  {  }

#left  td  a:visited  {  color:#333;
  
}

#left  td  a:active  {  color:#333;
  
}

#left  td  a:hover  {  text-decoration:underline;
  
}

#left  td  {  background:#ccc;
  color:#333;
  
  font-family:"Trebuchet MS",sans-serif;
  font-size:11px;
  font-weight:400;
    
  text-align:center;
  
  border-top:1px solid #C0C0C0;
  border-bottom:1px solid #D9D9D9;
  
  padding:0 8px 0 8px;
}

#left  td.right_end,#left  td.left_end {  background:#fff;
        padding:0;
        border:0;
        width:23px;

}

#left  h2  {  float:left;
  clear:both;
  display:block;
  font-family:"Georgia",serif;
  font-size:16px;
  color:#666;
  
  width:300px;
  
  font-weight:400;
  
  margin:0 0 10px 0;
}

#left  h1  {  float:left;
  font-family:"Georgia",serif;
  font-size:24px;
  color:#333;

  margin:0 0 15px 0;
}

#left  ul  {  float:left;
  clear:both;
  display:block;
  
  width:350px;
  
  font-size:14px;
  list-style-type:square;
  
  margin:0 0 15px 10px;
  
}

#agent_info  {  width:600px;
  text-align:left;
  
}

#agent_info  p  {  font-size:11px;
    background:#fff;
    
    padding:15px;
}

#left  li  {  
  float:left;
  width:400px;
  line-height:20px;
}

#left  p  {  float:left;
  clear:both;
  margin: 0; 
  width:500px;
}

#right  {  
  float:right;
  /* width:326px; */
}

#right  a  {  
  float:left;
  clear:both;
  margin:5px 0 5px 0;
}

#right  img  {  border:3px solid #333;
  
}

#footer  {  float:left;
    width:800px;
    
    margin:20px 0 0 0;
}

#footer p  {  font-size:10px;
  color:#666;
  
  text-align:justify;
}

#frame  {  width:600px;
    height:300px;
    
    padding:25% 8% 25% 8%;
}

#agent_info_inner  {  display:block;
    width:430px;
    height:245px;
    
    margin:0;
    
    background:#333;
}

#agent_info_header,#agent_info_photo,#agent_info_ph_em,#agent_info_footer {  float:left;
  
}

#agent_info_header  a  {  float:right;
      padding:14px;
      
      text-decoration:none;
  
}

#agent_info_header  h1  {  float:left;
      color:#fff;
      
      font-size:20px;
      font-family:"Trebuchet MS",sans-serif;
      
      padding:10px;
      
      margin:0 0 0 5px;
  
}

#agent_info_photo img  {  margin:10px 0 0 10px;
  
}

#agent_info_footer  {  clear:both;
    background:#fff;
    
    padding:5px;
    
    width:400px;
    
    margin:15px 0 0 10px;
  
}

#agent_info_footer  a  {  display:block;
  
      color:#666;
      
      text-decoration:none;
      
      font-size:13px;
  
}

ul  {  list-style-type:square;  }

#agent_info_ph_em  h2  {  color:#fff;
  
}

#agent_info_ph_em  a  {  color:#fff;
      font-size:14px;
  
}

#agent_info_ph_em  {  margin:10px 0 0 25px;
  
}

/* leightbox */

#overlay{
  display:none;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:1000;
  background:#fff;
  -moz-opacity: 0.8;
  opacity:.80;
  filter: alpha(opacity=80);
}

.leightbox {
  color: #333;
  display:none;
  position: absolute;
  top: 3%;
  left:15%;
  width:70%;
  height: 94%;
  padding: 1em;
  border:0;
  background:none;
  text-align:center;
  z-index:1001;
  overflow: none;  
}

.leightbox  img  {  border:3px solid #333;

}