@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'title';
  src: url('Streetwear.otf')  format('truetype'); }
@font-face {
  font-family: 'title';
  src: url('Streetwear.eot'); /* IE9 Compat Modes */
  src: url('Streetwear.ttf') format('truetype');
  src: url('Streetwear.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('Streetwear.woff') format('woff'); /* Modern Browsers */
}


/* content  */
body { padding: 30px 0; margin:  0; background: #000 url(../images/BG.jpg) fixed no-repeat top center; text-align:center}
#wrapper{ width:1137px; text-align:center; position:relative; z-index:1; background:url(../images/bg-border.jpg) repeat-y top center; margin:0px auto;
-webkit-box-shadow: 0px 0px 22px 5px rgba(51,36,13,1);
-moz-box-shadow: 0px 0px 22px 5px rgba(51,36,13,1);
box-shadow: 0px 0px 22px 5px rgba(51,36,13,1);}
#container {width:1039px; margin:0 auto; background:url(../images/bg-main.jpg)   }

#top-btn { position:absolute; z-index:2; left:77px; top:-30px}

#trailer { height:380px; background:url(../images/index-trailer.jpg) no-repeat; text-align:left; padding-left:21px; overflow:hidden}

#left { float:left; width:508px;}
#right { float:left; width:531px; height:548px; background:url(../images/index-th-bg.jpg) no-repeat bottom; position:relative
; z-index:0}
#thumbsWrapper { text-align:left}
#thumbsWrapper img { border:1px solid #dfdfdf; }
#thumbsWrapper img:hover { border:1px solid #fff;}
#thumbsWrapper a { display: inline-block;  position:relative; z-index:0; width:162px; height:225px; margin:3px 0 0 3px; color:#fff;  opacity: 1; filter: alpha(Opacity=100); }
#thumbsWrapper a span { width:100%; background:#000; opacity: 0.7; filter: alpha(Opacity=70); display:block; text-align:center; font:normal 11px/22px Tahoma, Geneva, sans-serif;  position:absolute; z-index:1; bottom:1px; left:1px}
#thumbsWrapper a span:hover { opacity: 1; filter: alpha(Opacity=100);}
.updates-join { position:absolute; z-index:1; bottom:0; right:30px}

.contentBox { background:url(../images/cB-bg.jpg) repeat-y left center ; width:917px; margin:0 auto; font-size:18PX; color:#000; text-align:center; padding:0 40px}

/* footer */
#footer {  margin:0 auto; padding:30px 0; text-align:center; color:#fff}
#footer a { margin:0 10px; color:#fff; text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);}
#footer a:hover { color:#000}
.title { font-family:"title";  text-shadow: 0px 1px 1px rgba(149, 149, 149, 1);}
.bigLink { font-size:36px; color:#fff; background:#fe5e41; display:inline-block; padding:15px 25px; letter-spacing:-.06em}

.clear { clear:both}


p { margin:0; padding:6px 0}


/* text styles and heading */
body, td, div{font:normal 18px Arial, Helvetica, sans-serif; color: #000; text-decoration:none;}


h1{ font: normal 36px Arial, Helvetica, sans-serif; color: #89881a; text-decoration:none ; margin:0; padding:0; letter-spacing:-0.06em;}
h2{ font: normal 24px Arial, Helvetica, sans-serif; color: #2895c3; text-decoration:none ; margin:0; padding:0; letter-spacing:-0.06em;}
h3{ font: normal 20px Arial, Helvetica, sans-serif; color: #69787a; text-decoration:none ; margin:0; padding:0; }


/* links */
a {font: normal 18px Arial, Helvetica, sans-serif; color: #2895c3; text-decoration:underline; }
a:hover { color:#000; text-decoration:none }
a img{ border:0; outline:none}