body {
   margin:0;
   padding:0;
   border:0;
   width:100%;
   background:#fff;
   min-width:1050px;
   font-size:90%;
   font-family: Arial, Verdana, sans-serif;
}


/* Header styles */
#header {
   clear:both;
   float:left;
   width:100%;
   border-bottom:1px solid #cdcbcb;
}
#logo{
   float: left;
}
#menu_links{
   padding: 20px 5px 10px 0px;
   float: right;
}
#menu_links a {
   color:#898988;
   font-weight: bold;
   font-size: 12px;
   border-bottom: 2px solid #fff;
   text-align:center;
   text-decoration:none;
   padding: 0px 3px 0px 3px;
}
#menu_links a:hover {
   color:#555;
   border-bottom: 2px solid #fbb258;
}

/*body styles*/
#body_content{
  width: 1050px;
  min-width: 1050px;
  margin: auto;
  color:#6b6a6a;
  text-decoration: none;
  font-size: 12px;
  text-align: left;
}
#main_content{
   width: 100%;
   padding: 5px;
   min-height: 650px;
}
#sub_header{
   width: 1025px;
   clear:both;
   float: left; 
   border-bottom: 1px solid #cdcbcb;
   padding: 10px 5px 5px 5px;
}
#sub_content{
   float: left;
   width: 100%;
   padding: 15px 5px 15px 5px;
   width: 1010px;
   margin: 10px;
}
#iframe_content{
   width: 100%;
   margin-left: -5px;
   padding: 0px;
   text-align: center;
}
.photo_border{
   padding: 0px;
   border: 2px solid #ddd;
}
.photo_border:hover{
   padding: 0px;
   border: 2px solid #d3801a;
}

a.small_link{
  color:#656565;
  text-decoration: none;
}a.small_link:hover{
  color:#d3801a;
  text-decoration: none;
}
a.small_link_u{
   color:#d3801a;   
   text-decoration: none; 
}a.small_link_u:hover{
   color:#656565; 
   text-decoration: underline; 
}

a.smaller_link{
  color:#b3b3b3;
  text-decoration: none;
  font-size: 11px;  
}a.smaller_link:hover{
  color:#b3b3b3;
  font-size: 11px;  
}

/* download section */
a.small_download_link{
  color:#656565;
}a.small_download_link:hover{
  color:#898988;
}
.download_header{
   color: #d3801a;
   font-weight: bold;
   text-decoration: underline;
}


/* column container */
.colmask {
   position:relative;   /* This fixes the IE7 overflow hidden bug */
   clear:both;
   float:left;
   width:100%;         /* width of whole page */
   overflow:hidden;      /* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
   float:left;
   width:100%;         /* width of page */
   position:relative;
}
.col1,
.col2,
.col3 {
   float:left;
   position:relative;
   padding: 0;   /* no left and right padding on columns, we just make them narrower instead
               only padding top and bottom is included here, make it whatever value you need */

}
/* 3 Column settings */
.threecol {
   background:#fff;      /* right column background colour */

}
.threecol .colmid {
   right:5%;         /* width of the right column */
   background:#fff;      /* center column background colour */
}
.threecol .colleft {
   right:90%;         /* width of the middle column */
   background:#fff;   /* left column background colour */
}
.threecol .col1 {
   width:90%;         /* width of center column content (column width minus padding on either side) */
   left:100%;         /* 100% plus left padding of center column */
}
.threecol .col2 {
   width:5%;         /* Width of left column content (column width minus padding on either side) */
   left:5%;         /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
   width:5%;         /* Width of right column content (column width minus padding on either side) */
   left:90%;         /* Please make note of the brackets here:
               (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}


/* Footer styles */
#footer {
   clear:both;
   width:100%;
   border-top:1px solid #cdcbcb;
   text-align: center;
   padding-top: 20px;
   color: #ccc;
   font-size: 12px;
}

a.copyright{
   color: #ccc;
   font-size: 12px;
}
a.copyright:hover{
   color: #aaa;
   font-size: 12px;
}



/* Gallery Styles */ 
.ad-gallery {
  width: 950px;
}
.ad-gallery, .ad-gallery * {
   padding: 0;
   margin: 0 auto;
}
.ad-gallery .ad-image-wrapper {
   width: 100%;
   height: 633px;
   margin-bottom: 10px;
   position: relative;
   overflow: hidden;
}
.ad-gallery .ad-image-wrapper .ad-loader {
   position: absolute;
   z-index: 10;
   top: 48%;
   left: 48%;
   border: 1px solid #CCC;
}
.ad-gallery .ad-image-wrapper .ad-next {
   position: absolute;
   right: 0;
   top: 0;
   width: 25%;
   height: 100%;
   cursor: pointer;
   display: block;
   z-index: 100;
}
.ad-gallery .ad-image-wrapper .ad-prev {
   position: absolute;
   left: 0;
   top: 0;
   width: 25%;
   height: 100%;
   cursor: pointer;
   display: block;
   z-index: 100;
}
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
   /* Or else IE will hide it */
   background: url(non-existing.jpg)\9
}
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
   background: url(/images/galleries/ad_prev.png);
   width: 30px;
   height: 30px;
   display: none;
   position: absolute;
   top: 47%;
   left: 0;
   z-index: 101;
}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
   background: url(/images/galleries/ad_next.png);
   width: 30px;
   height: 30px;
   right: 0;
   left: auto;
}
.ad-gallery .ad-image-wrapper .ad-image {
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
   z-index: 9;
}
.ad-gallery .ad-image-wrapper .ad-image a img {
   border: 0;
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
   position: absolute;
   bottom: 0px;
   left: 0px;
   padding: 7px;
   text-align: left;
   width: 100%;
   z-index: 2;
   background: url(/images/galleries/opa75.png);
   color: #000;
}
* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
   background: none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png');
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
   display: block;
}
.ad-gallery .ad-controls {
   height: 20px;
}
.ad-gallery .ad-info {
   float: left;
}
.ad-gallery .ad-slideshow-controls {
   float: right;
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
   padding-left: 5px;
   cursor: pointer;
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
   padding-left: 5px;
   font-size: 0.9em;
}
.ad-gallery .ad-slideshow-running .ad-slideshow-start {
   cursor: default;
   font-style: italic;
}
.ad-gallery .ad-nav {
   width: 100%;
   position: relative;
}
.ad-gallery .ad-forward, .ad-gallery .ad-back {
   position: absolute;
   top: 0;
   height: 100%;
   z-index: 10;
}
/* IE 6 doesn't like height: 100% */
* html .ad-gallery .ad-forward, .ad-gallery .ad-back {
   height: 100px;
}
.ad-gallery .ad-back {
   cursor: pointer;
   left: -20px;
   width: 13px;
   display: block;
   background: url(/images/galleries/ad_scroll_back.png) 0px 22px no-repeat;
}
.ad-gallery .ad-forward {
   cursor: pointer;
   display: block;
   right: -20px;
   width: 13px;
   background: url(/images/galleries/ad_scroll_forward.png) 0px 22px no-repeat;
}
.ad-gallery .ad-nav .ad-thumbs {
   overflow: hidden;
   width: 100%;
}
.ad-gallery .ad-thumbs .ad-thumb-list {
   float: left;
   width: 9000px;
   list-style: none;
}
.ad-gallery .ad-thumbs li {
   float: left;
   padding-right: 5px;
}
.ad-gallery .ad-thumbs li a {
display: block;
}
.ad-gallery .ad-thumbs li a img {
      border: 3px solid #CCC;
      display: block;
}
.ad-gallery .ad-thumbs li a.ad-active img {
   border: 3px solid #616161;
}
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
  position: absolute;
  left: -9000px;
  top: -9000px;
}