.dg-container{ width: 100%; height: 320px; position: relative; margin-top:60px;}
.dg-wrapper{ width: 481px; height: 316px; margin: 0 auto; position: relative; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 1000px; -moz-perspective: 1000px; -o-perspective: 1000px; -ms-perspective: 1000px; perspective: 1000px; }
.dg-wrapper a{ width: 482px; height: 316px; display: block; position: absolute; left: 0; top: 0; background: transparent url(../images/browser.png) no-repeat top left; box-shadow: 0px 10px 20px rgba(0,0,0,0.3); }
.dg-wrapper a.dg-transition{ -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.dg-wrapper a img{ display: block; padding: 41px 0px 0px 1px; max-width:480px; }
.dg-wrapper a div{ font-style: italic; text-align: center; line-height: 50px; text-shadow: 1px 1px 1px rgba(255,255,255,0.5); color: #333; font-size: 16px; width: 100%; bottom: -55px; display: none; position: absolute; }
.dg-wrapper a.dg-center div{ display: block; }
/*.dg-container nav{ width: 260px; position: absolute; z-index: 1000; bottom: 0px; left: -500px; }*/
/*.dg-container { width: 100%; position: absolute; z-index: 500; bottom: 0px; left: 0; }
*/.dg-container span{ text-indent: -9000px; float: left; cursor:pointer; width: 260px; height: 320px; position:absolute;}
.dg-container span:hover{ opacity: 1; }
.dg-container span.dg-next{ background-position: top right; float:right; }
.dg-container span.dg-prev{ top:0; left:0;  }
.dg-container span.dg-next{top:0; right:0;  }
.dg-container span.dg-prev:hover { background: transparent url(../images/arrow-left.png) no-repeat;}
.dg-container span.dg-next:hover { background: transparent url(../images/arrow-right.png) no-repeat;}
.dg-container a:hover { cursor:pointer;}
.dg-center { z-index:50000;}