html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend { vertical-align: baseline; font-family: inherit; font-weight: inherit; font-style: inherit; font-size: 12px; outline: 0; padding: 0; margin: 0; border: 0; }

body          { background: #F7F07C; font-family: Arial, Helvetica, Sans-Serif; color:#000000; background-repeat: repeat-x; }
H1            { font-size: 100%; font-weight: bold; display: inline; text-decoration: none; }
HR            { color: #CCCCCC; text-align: center; width: 90%; }
A             { text-decoration: none; color: #FF0000; }
A:hover       { text-decoration: underline; }
a img         { border: 1px solid #DCD10E; }
a:hover img   { border: 1px solid #FF0000; }

/* TOP INDEX */
@media screen and (min-width: 1440px) {
#t0           { width: 1393px; margin: auto; }
}
@media screen and (max-width: 1439px ){
#t0           { width: 1164px; margin: auto; }
}

#top-pics     { width: 1280px; margin: auto; margin-bottom: 15px; margin-top: 10px; }
#top-pic1     { width: 900px; height: 250px; display: inline-block; vertical-align:top; background: url('/image/index.jpg') no-repeat;  }
#top-pic2     { width: 300px; height: 250px; display: inline-block; vertical-align:top; margin-left: 50px; }
.top-pic1tu   { width: 650px; text-align: left; font-size: 100%; color: #000000; margin: 193px 0 0 210px; }
.top-pic1tu a { font-size: 100%; color: #000099;  }
.txt		  { display: block; padding: 2px; }

#t1           { max-width: 1393px; margin: auto; }
.td1-t1       { width: 170px; vertical-align:top; text-align: center; }
#td1-t2       { max-width: 1000px; vertical-align:top; text-align: center; }

/* GALLERIES LINKS */
.cont         { width: 100%; margin:0 auto; text-align: center; }
.pcs          { width: 220px; float: none; margin: 0 7px 2px 0; display: inline-block; vertical-align:top; }
.img-pic      { width: 220px; height: 300px; }
.desc         { font-size: 110%; color: #517395; font-weight: bold; margin: 0 3px 2px 3px; text-align: center; }

/* JOOM BLOCK */
.pcs-joo      { width: 222px; height: 220px; float: none; margin: 15px 7px 2px 0; display: inline-block; vertical-align:top; background-color: #e0e0e0; z-index: 2; position: relative; }
.img-joo      { width: 220px; height: 170px; }
.pcs-joo .roll-joo { z-index: 1;  display: none; }
.pcs-joo:hover .roll-joo { position: absolute; margin: -120px 75px; width: 70px; height: 70px; background: url('/image/video-play-button.png') no-repeat; display: block; }
.top-joo      { width: 220px; text-align: center; font-size: 100%; background-color: #e0e0e0; padding: 10px 0 10px 0; white-space: nowrap; overflow: hidden; }

/* ADVER BLOCK */
#cusadver1       { padding: 15px; }
#cusadver1-txt   { display: inline-block; vertical-align: baseline; font-size: 100%; text-align: center; max-width: 1070px; }
.cusadver1-pic   { display: inline-block; padding: 1px; }

/* BOTTOM */
#abby         { color:#000000; text-decoration: underline; }
.cn2257       { font-size: 100%; color:#000000; margin: 50px 0 30px 0; text-align: center; }
#bottom       { max-width: 760px; margin:0px auto; padding: 80px 0px 40px 0px; font-size: 100%; font-family: Verdana; }
.b-left       { width: 230px; height: 20px; text-align: center; display: inline-block; }
.b-center     { width: 140px; height: 20px; text-align: center; display: inline-block; }
.b-right      { width: 250px; height: 20px; text-align: center; display: inline-block; font-size: 100%; }

/* MODULES */
.as320b       { position: relative; top: 0px; left: 0px; width: 310px; height: 250px; display: inline-block; margin: 15px 5px 15px 5px;  }
.as728b       { margin: 15px 0 15px 0; display: inline-block; }
.as160b       { margin-top: 20px; }

/* PAGES */
.pages        { text-align: center; font-size: 100%; font-weight: bold; margin: 20px 10px 30px 10px; }
.page-p a     { color: #FF5E62; margin: 2px; padding: 4px; text-align: center; display: inline-block; border: 1px solid #f1f1f1; }
.page-p a:hover { background: #ECC8D2; color: #FFFFFF; }
.page-a       { color:#000000; margin: 2px; padding: 4px; text-align: center; background: #FFffff; display: inline-block; }

/* TRADERS LINKS */
#traders      { width: 100%; margin:0 auto; text-align: left; padding: 20px; margin-bottom: 20px; }
#traders-cnt  { width: 95%; float: right; margin-bottom: 20px; }
#trad-top     { font-size: 130%; font-weight: bold; text-align: center; margin: 30px 0 30px 0 }
#hor-line     { color: #C0C0C0; width: 60%; margin: auto; margin-bottom: 30px; }
.top-tr       { width: 170px; height: 18px; text-align: left; display: inline-block; }
.top-tr a     { color: #000000; font-size: 120%; }
.top-rank     { width: 30px; text-align: right; font-size: 100%; display: inline-block; margin-right: 5px; }

/* INDEX BLOCK OPS */
#block-ops     { width: 100%; margin:0 auto; text-align: center; margin-bottom: 30px; margin-top: 35px; }
.ops-prew      { display: inline-block; margin: 5px 5px 13px 5px; }
.ops-pic       { width: 210px; height: 150px; display: inline-block; border: 2px dotted #FF0000; }

/* INDEX BLOCK NPS */
#nps-title     { width: 170px; font-size: 130%; font-weight: bold; display: inline-block; vertical-align: top; margin: 2px; }
#nps-sites     { max-width: 800px; display: inline-block; text-align: left; margin-bottom: 25px; }
.nps-site      { display: inline-block; margin: 2px; }
.nps-site a    { font-size: 100%; color: #000000; text-decoration: underline; }

/* INDEX BLOCK NL */
#bnl           { width: 90%; margin: auto; text-align: center; margin-bottom: 30px; margin-top: 5px; }
#bnl-top       { font-size: 130%; font-weight: bold; }
.bnl-pic       { width: 100px; border: 1px solid #C0C0C0; margin: 2px; }

/* INDEX BLOCK HARDLNK */
#hlnk          { width: 90%; margin: auto; margin-top: 40px; background: #E6E6E6; }
#hlnk-top      { background: #ECC8D2; font-size: 130%; font-weight: bold; color: #000000; padding: 7px; margin-bottom: 15px; }
.hlnk-site     { width: 200px; display: inline-block; float: left; margin: 3px; text-decoration: underline; text-align: left; padding-left: 18px; }
.hlnk-site a   { color: #000000; font-size: 120%; font-weight: bold; }

/* TOP BAR */
#top-bar             { max-width: 100%; background-color: #000000; }
#toplinksbar         { width: 1100px; margin: auto; height: 29px; padding: 2px 0 0 30px; vertical-align: top; }
#toplinksbar-unit-01, #toplinksbar-unit-02, #toplinksbar-unit-03, #toplinksbar-unit-04, #toplinksbar-unit-05, #toplinksbar-unit-06             { height: 20px; display: inline-block; padding: 3px 0 0 35px; margin-top: 5px; }
#toplinksbar-unit-01 a, #toplinksbar-unit-02 a, #toplinksbar-unit-03 a, #toplinksbar-unit-04 a, #toplinksbar-unit-05 a, #toplinksbar-unit-06 a { color: #FFFFFF; font-weight: bold; font-size: 110%; }
#toplinksbar-unit-01 { width: 120px; background: url("http://www.traffic-gate.com/images/icons/01.jpg") no-repeat; }
#toplinksbar-unit-02 { width: 120px; background: url("http://www.traffic-gate.com/images/icons/02.jpg") no-repeat; }
#toplinksbar-unit-03 { width: 120px; background: url("http://www.traffic-gate.com/images/icons/03.jpg") no-repeat; }
#toplinksbar-unit-04 { width: 120px; background: url("http://www.traffic-gate.com/images/icons/04.jpg") no-repeat; }
#toplinksbar-unit-05 { width: 120px; background: url("http://www.traffic-gate.com/images/icons/05.jpg") no-repeat; }
#toplinksbar-unit-06 { width: 120px; background: url("http://www.traffic-gate.com/images/icons/06.jpg") no-repeat; }