* {
  margin:0;
  padding:0; 
} 

body {
  background: #fff;
  font-family: Arial, sans-serif;
  text-align:center; 
  height:100%;   
}


/*******************************************************************************
  MAIN LAYOUT
*******************************************************************************/
#outer {
  position:absolute; 
  height:99%; width:100%; 
  /*overflow:hidden;*/ 
} 

#wrapper {
  width:984px; height:486px;
  margin:15px auto;
  text-align:left;  
  position:relative;      
}

#wrapper-in {
 margin-left:12px;
}

a img { border:0; }

/*******************************************************************************
  CONTENT
*******************************************************************************/
.image a:hover img {
  filter: alpha(opacity=80); 
  -moz-opacity: .80; 
  opacity:.80;
}

.legend, .copyright {
  font-size:80%;  
  position:absolute;
}

.legend {
  left:12px; top:-6px;
}

.copyright {
  bottom:-25px; right:13px;  
}

.legend, .copyright, .copyright a {
  color:#a89e9f;
  text-decoration:none;
}

.image img {
  float:left;
  margin:12px 12px 0 0;
} 

/* */
.content-div {
  /*display:none;*/
  position:absolute; 
  width:312px; height:312px;
  color:#fff; overflow:hidden;       
}
      
.content-div-in {
  padding:15px;
  font-size:80%;
  position:relative; 
}

.content-div-in h2 {
  color:#fff;
  /*margin-top:45px;*/
  line-height:100%;
  font-size:140%;
  position:absolute; left:0; top:-12px;
}

.content-div-in h2.pb {
  position:absolute;
  top:150px;
}

.content-div-in .firstpara {
  margin-top:95px;
}
      
.content-div-in p {
  margin:0.8em 0;
  position:relative;
}  

.content-div-in a {
  color:#fff;
}

.content-div-in a:hover {
  text-decoration:none;
}
      
.close, .close span {
  position:absolute;
  top:15px; right:15px;
  color:#fff; text-decoration:none;
  width:18px; height:18px;
  display:block; overflow:hidden;
  text-indent:-10000px;
}

.close span {
  left:0; top:0;
  background:url('../layout/close.png') no-repeat;
}

.grey .close span {
  background:url('../layout/close_grey.png') no-repeat;
}

.grey h2, .grey p {
  color:#87888a;
}


#img1 {
  left:0; top:12px;
  background:#e53138;
}

#img13 {
  left:12px; bottom:0;
  background:#87888a;
}

#img2 {
  left:174px; top:12px;
  background:#11100f url('../layout/bg/r1c2.jpg') no-repeat;
}

#img3 {
  left:336px; top:12px;
  background:#11100f url('../layout/bg/r1c3.jpg') no-repeat;
}

#img4 {
  left:498px; top:12px;
  background:#11100f  url('../layout/bg/r1c4.jpg') no-repeat;  
}

#img5 {
  left:660px; top:12px;
  background:#e53138;
}

#img6 {
  right:12px; top:12px;
  background:#11100f url('../layout/bg/r1c6.jpg') no-repeat;
} 

#img7 {
  left:12px; top:174px;
  background:#11100f url('../layout/bg/r2c1.jpg') no-repeat;
}

#img8 {
  left:174px; top:174px;
  background:#e53138;
} 

#img9 {
  left:336px; top:174px;
  background:#11100f url('../layout/bg/r2c3.jpg') no-repeat;  
}

#img10 {
  left:498px; top:174px;
  background:#fff;
}

  #best_ad-logos {
    position:absolute;
    right:20px; top:0;
  }

#img11 {
  left:660px; top:174px;
  background:#11100f url('../layout/bg/r2c5.jpg') no-repeat;
} 

#img12 {
  right:12px; top:174px;
  background:#11100f url('../layout/bg/r2c6.jpg') no-repeat;
}

#img14 {
  left:174px; bottom:0;
  background:#11100f url('../layout/bg/r3c2.jpg') no-repeat;
}

#img15 {
  left:336px; bottom:0;
  background:#11100f url('../layout/bg/r3c3.jpg') no-repeat;
}

#img16 {
  left:498px; bottom:0;
  background:#11100f url('../layout/bg/r3c4.jpg') no-repeat;
}

#img17 {
  left:660px; bottom:0;
  background:#11100f url('../layout/bg/r3c5.jpg') no-repeat;
}

#img18 {
  right:24px; bottom:0;
  background:#87888a;
}  

/*******************************************************************************
  MISC
*******************************************************************************/
.noscreen {
  position:absolute;
  top:0; left:-10000px;
}

.mt140 {
  margin-top:140px !important;
}

.mt100 {
  margin-top:100px !important;
}

.alignleft { float:left; margin:0.5em 15px 10px 0;}
.alignright { float:right; margin:0.5em 0 10px 15px; }

.clearall { clear:both; }

.textright { text-align:right;  }

.clearfix:after {
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden;
}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {
  height:1%;
}

.clearfix {
  display:block;
}
/* End hide from IE-mac */