/* ::::: http://www.template-guide.com/preview/2870/css/style.css ::::: */
  
#center { margin: 0pt auto;
 padding: 0pt 0pt 360px;
 position: relative;
 width: 1000px;
 min-height: 330px;
 }
#gallery { margin: 0pt auto;
 padding: 5px;
 width: 871px;
 height: 150px;
 position: relative;
 }
#gallery .scrollable { margin: 0pt auto;
 overflow: hidden;
 width: 771px;
 height: 150px;
 position: relative;
 }
#gallery .scrollable .items { position: absolute;
 width: 20000em;
 height: 150px;
 }
#gallery .scrollable .items a { margin: 0pt 15px 0pt 0pt;
 padding: 5px;
 background: transparent url('../images/gallery-bg.png') no-repeat scroll 0pt 0pt;
 display: block;
 width: 237px;
 height: 140px;
 -moz-background-clip: border;
 -moz-background-origin: padding;
 -moz-background-inline-policy: continuous;
 position: relative;
 float: left;
 text-decoration: none ! important;
 text-align: center;
 cursor: url('../images/zoomin.cur'), pointer ! important;
 }
#gallery .scrollable .items a img { height: 140px;
 }
#gallery .scrollable .items a span { padding: 7px 10px;
 background: transparent url('../images/gallery-bg-t.png') repeat scroll 0% 0%;
 display: block;
 position: absolute;
 bottom: 5px;
 left: 5px;
 width: 217px;
 -moz-background-clip: border;
 -moz-background-origin: padding;
 -moz-background-inline-policy: continuous;
 font-size: 13px;
 color: rgb(148, 148, 148);
 line-height: 15px;
 text-align: left;
 }
#gallery a.browse { display: block;
 position: absolute;
 top: 90px;
 background-image: url('../images/g-but.png');
 background-repeat: no-repeat;
 width: 31px;
 height: 45px;
 cursor: pointer;
 }
#gallery a.left { left: 0pt;
 background-position: 0pt 0pt;
 }
#gallery a.right { right: 0pt;
 background-position: -31px 0pt;
 }
#gallery a.left:hover { background-position: 0pt -45px;
 }
#gallery a.left:active { background-position: 0pt -90px;
 }
#gallery a.right:hover { background-position: -31px -45px;
 }
#gallery a.right:active { background-position: -31px -90px;
 }
#gallery a.disabled { visibility: hidden ! important;
 }
 
.overlay { border: 1px solid rgb(102, 102, 102);
 display: none;
 z-index: 10000;
 background-color: rgb(51, 51, 51);
 width: 675px;
 min-height: 200px;
 -moz-box-shadow: 0pt 0pt 90px 5px rgb(0, 0, 0);
 }
.overlay .close { background-image: url('../images/close.png');
 position: absolute;
 right: -15px;
 top: -15px;
 cursor: pointer;
 height: 35px;
 width: 35px;
 }
.overlay .next, .overlay .prev { border: 1px solid rgb(102, 102, 102);
 padding: 10px 20px;
 position: absolute;
 top: 40%;
 cursor: pointer;
 display: block;
 color: rgb(255, 255, 255);
 font-size: 11px;
 -moz-border-radius-topleft: 5px;
 -moz-border-radius-topright: 5px;
 -moz-border-radius-bottomright: 5px;
 -moz-border-radius-bottomleft: 5px;
 text-decoration: none;
 }
.overlay .prev { border-left: 0pt none;
 left: 0pt;
 -moz-border-radius-topleft: 0pt;
 -moz-border-radius-bottomleft: 0pt;
 }
.overlay .next { border-right: 0pt none;
 right: 0pt;
 -moz-border-radius-topright: 0pt;
 -moz-border-radius-bottomright: 0pt;
 }
.overlay .next:hover, .overlay .prev:hover { text-decoration: underline;
 background-color: rgb(0, 0, 0);
 }
.info { border-top: 1px solid rgb(102, 102, 102);
 padding: 10px 15px;
 position: absolute;
 bottom: 0pt;
 left: 0pt;
 color: rgb(255, 255, 255);
 font-size: 11px;
 }
.progress { position: absolute;
 top: 45%;
 left: 50%;
 display: none;
 }
.overlay .next, .overlay .prev, .overlay .info { background: rgb(51, 51, 51) none repeat scroll 0% 0% ! important;
 -moz-background-clip: border ! important;
 -moz-background-origin: padding ! important;
 -moz-background-inline-policy: continuous ! important;
 }