@import url("reset.css");
@import url("960_12_col.css");

@font-face {
    font-family: 'webfontbold';
    src: url('../font/nevis.eot');
    src: url('../font/nevis.eot?#iefix') format('embedded-opentype'),
url('../font/nevis.woff') format('woff'),
url('../font/nevis.ttf') format('truetype'),
url('../font/nevis.svg#webfontbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir35LightRegular';
    src: url('../font/avenir-light-webfont.eot');
    src: url('../font/avenir-light-webfont.eot?#iefix') format('embedded-opentype'),
url('../font/avenir-light-webfont.woff') format('woff'),
url('../font/avenir-light-webfont.ttf') format('truetype'),
url('../font/avenir-light-webfont.svg#Avenir35LightRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ===========================================================
   base
   =========================================================*/

html { -webkit-text-size-adjust: none; }
body { background: #000; font: 12px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff; }
button, input, textarea, select { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
a { text-decoration: none; color:#CCC; font-size:12px; }
a:hover { text-decoration: underline; }


/* ===========================================================
   common
   =========================================================*/

/* margin */
.mt5  { margin-top: 5px; }  .mb5  { margin-bottom: 5px; }  .ml5 { margin-left: 5px; }   .mr5 { margin-right: 5px; }
.mt10 { margin-top: 10px; } .mb10 { margin-bottom: 10px; } .ml10 { margin-left: 10px; } .mr10 { margin-right: 10px; }
.mt15 { margin-top: 15px; } .mb15 { margin-bottom: 15px; } .ml15 { margin-left: 15px; } .mr15 { margin-right: 15px; }
.mt20 { margin-top: 20px; } .mb20 { margin-bottom: 20px; } .ml20 { margin-left: 20px; } .mr20 { margin-right: 20px; }

/* text align */
.tl { text-align: left; }
.tr { text-align: right; }
.tc { text-align: center; }

/* position */
.rel { position: relative; }
.abs { position: absolute; }

/* float */
.fl { float: left; }
.fr { float: right; }

/* image replace */
.ir { display: block; text-align: left; text-indent: -9999px; overflow: hidden; }

/* ===========================================================
   wrapper & container
   =========================================================*/

.wrapper { min-width: 980px; padding-bottom: 60px; }
.container { background: url(../img/bg.png) no-repeat center top; }


/* ===========================================================
   header
   =========================================================*/

.header { height: 210px; }

/* logo */
.logo { margin: 7px 0 0 -10px; }

/* call */
.call { margin: 50px -10px 0 0; text-align: right; font-size: 25px; line-height: 26px; color: #fff; }

/* nav */
.nav { margin-top: 5px; padding: 2px 0 18px; height: 37px; background: url(../img/nav-bg.png) no-repeat; }
.nav li { float: left; width: 160px; background: url(../img/nav-line.png) no-repeat; }
.nav li:first-child { background: none; }
.nav a { display: block; margin-left: 1px; padding-right: 1px; text-align: center; text-transform: uppercase; font-size: 14px; line-height: 37px; font-family: 'webfontbold'; color: #fff; }
.nav a:hover, .nav li.active a { background: rgba(49, 49, 49, .64); text-decoration: none; }
.lt-ie8 .nav a:hover, .lt-ie8 .nav li.active a { background: url(../img/nav-active.png) repeat; }


/* ===========================================================
   footer
   =========================================================*/

.footer { padding: 14px 0; border-top: 2px solid #696b6d; font-size: 11px; line-height: 12px; color: #bcbbba; }
.footer a { color: #bcbbba; }

/* copyright */
.copyright { margin-left: -10px; }

/* footer-links */
.footer-links { margin-right: -10px; text-align: right; }
.footer-links a { margin-left: 10px; }

/* ===========================================================
   main
   =========================================================*/

.main { padding-bottom: 25px; min-height: 617px; background: url(../img/main-bg.png) no-repeat right 26px; }



/* ===========================================================
   homepage
   =========================================================*/

/* main-banner */
.main-banner { margin-left: -140px; padding: 6px 0 0 140px; width: 790px; height: 634px; background: url(../img/main-banner.png) no-repeat 0 6px; }
.main-banner .title { margin-top: -10px; text-align: right; font-weight: normal; font-size: 25px; font-family: 'webfontbold'; line-height: 27px; color: #fff; }
.main-banner .title span { display: block; padding-bottom: 3px; text-shadow: 3px 5px 4px rgba(0, 0, 0, .75); font-size: 29px; line-height: 1; color: #bcbbba; }

/* three-cols */
.three-cols { margin-top: -12px; }
.three-cols .column { float: left; margin-left: 10px; width: 313px; }
.three-cols .column:first-child { margin-left: 0; width: 314px; }
.three-cols .title { padding: 0 10px 2px; border-bottom: 1px solid #606060; font-weight: normal; font-size: 14px; line-height: 1; font-family: 'webfontbold'; color: #bcbbba; text-transform:uppercase; }
.three-cols .content { padding: 8px 20px 0 20px; border-top: 1px solid #4e4e4e; font-size: 13px; line-height: 16px; }
.three-cols .content p { margin-top: 15px; }
.three-cols .content p:first-child { margin-top: 0; }


/* ===========================================================
   inner
   =========================================================*/

.page-title { padding: 0 10px; border-bottom: 1px solid #333133; font-weight: normal; font-size: 20px; line-height: 24px; font-family: 'webfontbold'; color: #bcbbba; }
.page-content { padding: 0 170px 0 10px; width: 780px; border-top: 1px solid #bcbbba; line-height: 16px; font-family: 'Avenir35LightRegular' }
.page-content p { margin-top: 16px; }
.page-content ul { list-style-position: inside;  }
.page-content ul li {list-style-type: disc; padding-left: 20px; padding-bottom: 10px; }

.float-image { border: 2px solid #626262; }