body { margin: 0; background-color: #0f0f0f; color: #828282; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; text-align: center; cursor: default; }

a { color: #84b200; text-decoration: underline; }
a:hover { text-decoration: none; }
a img { border: 0; }

:focus { outline: 0; }

ul li { list-style: none; margin: 0; padding: 0; }

h1, h2, h3 { color: #dbdbdb; font-size: 18px; font-weight: bold; margin: 0 20px; text-transform: uppercase; }

p { margin: 0; }

.clear { clear: both; }

.container { width: 1237px; margin: 0 auto; text-align: left; }

.header { width: 100%; height: 108px; background-image: url(images/dino.png); background-position: right; background-repeat: no-repeat; }
.header .logo { color: #000000; }
.header .logo img { width: 237px; height: 73px; margin: 20px 0 0 0; }

.menu { width: 100%; margin: 0; padding: 0; }
.menu li { width: 192px; height: 204px; display: block; float: left; text-align: center; background-position: top; background-repeat: no-repeat; margin: 0 17px 17px 0; padding: 0; }
.menu li a { color: #b2b2b2; text-shadow: 1px 1px #000000; text-decoration: none; margin: 0 auto 0 auto; padding: 148px 0 0 0; display: block; }
.menu li a:hover { color: #dbdbdb; }

.menu li.home { background-image: url(images/home.png); }
.menu li.traffictrade { background-image: url(images/traffictrade.png); }
.menu li.advertising { background-image: url(images/advertising.png); }
.menu li.sponsors { background-image: url(images/sponsors.png); }
.menu li.friends { background-image: url(images/friends.png); }
.menu li.contacts { background-image: url(images/contacts.png); margin-right: 0; }

.content { width: 100%; background-image: url(images/content-bg.png); background-position: top; background-repeat: repeat-y; }
.content .content-top { width: 100%; height: 12px; background-image: url(images/content-top-bg.png); background-position: top; background-repeat: no-repeat; margin: 0 0 6px 0; }
.content .content-inner { background-image: url(images/content-bottom-bg.png); background-position: bottom; background-repeat: no-repeat; padding: 0 0 10px 0; }
.content .content-inner .text { margin: 10px 20px; background-image: url(images/bullet.png); background-position: left 3px; background-repeat: no-repeat; text-indent: 14px; }
.content .content-inner .stop { background-image: url(images/icon-stop.png); background-position: left 3px; }
.content .content-inner p { margin: 10px 20px; }
.content .content-inner b { color: #dbdbdb; }

.footer-menu { margin: 14px 0 0 20px; padding: 0; float: left; }
.footer-menu li { display: inline; margin: 0 30px 0 0; font-size: 14px; text-shadow: 1px 1px #000000; }
.footer-menu li a { color: #b2b2b2; text-decoration: none; }
.footer-menu a:hover { color: #ffffff; }

.labels { float: right; margin: 10px 20px 17px 20px; }

.copyright { float: right; text-align: right; margin: 6px 0 0 0; }

.previews { padding: 20px 0 0 0; margin: 0 0 60px 0; }

.half { width: 50%; float: left; }
.hleft { width: 32%; }
.hright { width: 68%; }

.trade { width: 390px; float: left; margin: 20px 0 10px 20px; } 
.trade b { font-size: 14px; background-image: url(images/bullet.png); background-position: left 4px; background-repeat: no-repeat; padding: 0 0 0 16px; }

.recip { width: 120px; height: 60px; float: left; margin: 10px 0 0 20px; }

.field { width: 248px; height: 33px; border: 0; background-image: url(images/form.png); background-position: top; background-repeat: no-repeat; padding: 0 0 0 4px; color: #dbdbdb; float: right; }
.message { width: 360px; height: 68px; border: 0; background-image: url(images/text.png); background-position: top; background-repeat: no-repeat; padding: 4px 0 0 4px; color: #dbdbdb; }
.send { width: 85px; height: 34px; border: 0; background-image: url(images/send.png); background-position: top; background-repeat: no-repeat; cursor: pointer; float: right; }

div#scrollbar { display:none; }

div#wn { position:relative; width: 1237px; height:168px; overflow:hidden; }

ul#t1 { margin: 0 0 0 2px; padding: 0; width: 2294px; }

ul#t1 li { width: 182px; float: left; text-align: center; margin: 0 29px 0 0; font-size: 12px; font-weight: bold; }

ul#t1 li a img { width: 180px; height: 130px; border: 1px solid #84b200; display: block; margin: 8px 0 4px 0;}

div#scrollbar { position:relative; width:1237px; height:23px; display:block; font-size:1px; }

div#track { position:absolute; top:0; width:1237px; height:23px; background-image: url(images/scroll-bar.png); background-position: top; background-repeat: no-repeat; }

div#dragBar { position:absolute; left:1px; top:1px; height:21px; background-image: url(images/scroll-button.png); background-position: 8px 0; background-repeat: no-repeat; }  
  
.dragLeft { width: 8px; height: 21px; background-image: url(images/scroll-button-left.png); background-position: top; background-repeat: no-repeat; float: left; }
.dragRight { width: 8px; height: 21px; background-image: url(images/scroll-button-right.png); background-position: top; background-repeat: no-repeat; float: right; }

div#scrollbar, div#track, div#dragBar, div#left, div#right { -moz-user-select: none; -khtml-user-select: none; }

div#scrollbar img { display:block; } 

