/* Main CSS Document */
/*---------------------------------------*/
html, body { margin: 0px; padding: 0px; }
body { background: #9ead79; font: normal 12px/14px Verdana, Arial, Tahoma, sans-serif; color: #686812; }
ul.no-style { margin: 0; padding: 0; list-style: none; }
a img { border: 0; }
a.button { display: block; overflow: hidden; text-indent: -100000px; }
p { margin: 0; padding: 5px 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: bold; }
h1 { color: #fff; font-size: 13px; text-align: right; line-height: 28px; }
h2 { font-size: 24px; line-height: 26px; }
h3 { font-size: 20px; line-height: 22px; }
h4 { font-size: 18px; line-height: 20px; }
h5 { font-size: 16px; line-height: 18px; }
h6 { font-size: 14px; line-height: 16px; }
/*---------------------------------------*/
#main { margin: 0px auto 30px; background: url(../images/site/mcbg.gif) repeat-y; width: 850px; }
/*---------------------------------------*/
#header {  width: 798px; margin: 0 26px; padding-top: 5px; color: #fff; }
#header .ico-pp { width: 191px; height: 28px; background: url(../images/icons/ico-pp.gif) no-repeat; float: left; }
#header .hb-block { width: 798px; overflow: hidden; padding-top: 5px; }
#header .flash-banner { float: right; background: url(../images/site/fb-border.png) no-repeat; padding: 5px; width: 510px; height: 170px; }
#header a.logo { width: 263px; height: 142px; float: left; background: url(../images/site/logo.png) no-repeat; overflow: hidden; text-indent: -100000px; margin-top: 20px; }
#header .contacts { padding: 10px 0; }
#header .contacts, #header .contacts a, #header .contacts span { text-align: center; font-size: 14px; line-height: 16px; color: #fff; text-decoration: none; }
#header .contacts span { padding: 0 25px; }
/*---------------------------------------*/
#header ul.main-menu { width: 798px; height: 30px; overflow: hidden; }
#header ul.main-menu li { float: left; width: 133px; height: 30px; background: url(../images/site/mm-bg.png) no-repeat; text-align: center; line-height: 30px; }
#header ul.main-menu li a { color: #686812; font-size: 18px; font-weight: bold; text-decoration: none; }
#header ul.main-menu li.ehs a { color: #6c1f25; }
#header ul.main-menu li a:hover, #header ul.main-menu li a.selected { color: #0d345f; }
/*---------------------------------------*/
#main-content { width: 798px; margin: 0 26px; }
#main-content .mc-footer { background: url(../images/site/mc-bottom.png) no-repeat; height: 10px; }
/*---------------------------------------*/
.hp-block { width: 798px; overflow: hidden; background: url(../images/site/hpb-bg.gif) repeat-y; }
.hp-block .colunm .sc-header { width: 356px; padding-bottom: 20px; }
.hp-block .colunm .sc-header h2 { text-indent: -100000px; width: 356px; height: 43px; }
.hp-block .colunm .sc-header h2.cheader { background: url(../images/site/cheader.png) no-repeat; }
.hp-block .colunm .sc-header h2.ehheader { background: url(../images/site/ehheader.png) no-repeat; }
.hp-block .colunm { float: left; width: 356px; padding: 15px 15px 15px 26px; margin-right: 2px; }
.hp-block .colunm .sc-image a img { display: block; }
.hp-block .colunm .sc-text { padding-top: 15px; }
/*---------------------------------------*/
.hp-block .hp-ehs { padding: 15px 26px 15px 15px; margin: 0 0 0 2px; }
.hp-block .hp-ehs .sc-text { color: #9b2d30; }
/*---------------------------------------*/
.hp-btn-block { width: 746px; height: 35px; padding: 0 26px; background: url(../images/site/hpb-bg.gif) repeat-y; }
.hp-btn-block a { width: 80px; height: 62px; position: relative; }
.hp-btn-block .btn-scatering, .hp-btn-block .btn-sevent-hire { float: left; width: 356px; margin: 0 17px 0 0; }
.hp-btn-block .btn-scatering { border-top: 2px solid #686812; }
.hp-btn-block .btn-scatering a { background: url(../images/buttons/btn-cs-flag.png) no-repeat; }
.hp-btn-block .btn-sevent-hire { margin: 0 0 0 17px; padding: 0; border-top: 2px solid #6c1f25; }
.hp-btn-block .btn-sevent-hire a { background: url(../images/buttons/btn-ehs-flag.png) no-repeat; float: right; }
/*---------------------------------------*/
.left-column { }
/*---------------------------------------*/
.right-column { }
/*---------------------------------------*/
.page-title a.ehsp-link { float: right; height: 25px; width: 141px; background: url(../images/buttons/ehsp-link.gif) no-repeat; margin: 2px 0 0 10px; }
.page-title a.csp-link { float: right; height: 25px; width: 130px; background: url(../images/buttons/csp-link.gif) no-repeat; margin: 2px 0 0 0; }
/*---------------------------------------*/
.contact-form { padding-top: 10px; }
.contact-form .row { margin-bottom: 10px; }
.contact-form label { display: block; font-weight: bold; padding-bottom: 3px; color: #0d345f; }
.contact-form label span { color: #ff0000; }
.contact-form input.text-input, .contact-form textarea, .contact-form select { margin: 0px; padding: 3px 2px 1px; width: 282px; height: 18px; background: #fff; border: 1px solid #0d345f; }
.contact-form textarea { width: 567px; height: 150px; }
.contact-form select { width: 288px; padding: 2px 0px 3px; height: auto; }
.contact-form .error { font-size: 10px; color: #ff0000; margin-top: -5px; }
.contact-form .button-row input { margin-right: 10px; }
/*---------------------------------------*/
#footer {  width: 798px; padding: 0 26px 10px; background: url(../images/site/fbg.gif) no-repeat left bottom; }
#footer ul.fmenu { text-align: center; padding: 30px 0 15px; }
#footer ul.fmenu li { display: inline; color: #fff; font-weight: bold; }
#footer ul.fmenu li a { color: #fff; font-weight: bold; text-decoration: none; }
#footer ul.fmenu li span { padding: 0 10px; }
#footer ul.cat-menu { padding: 0; }
#footer ul.cat-menu li a, #footer ul.cat-menu li span  { font-weight: normal; font-size: 11px; line-height: 13px; }
#footer .copyright { color: #000; padding: 20px 0; }
#footer .copyright p { padding: 10px 0 0; text-align: center; }
#footer .copyright span { text-align: left; }
#footer .copyright a { color: #fff; }
#footer .copyright a.ico-fb { float: left; width: 100px; height: 30px; background: url(../images/icons/ico-fb.gif) no-repeat; margin-right: 10px; }
/*---------------------------------------*/