/* --- CSS 3 Document   --- */
/* --- Main Styles File --- */
/* ------------------------ */

/* --- Common --- */
/* -------------- */
body {background: #000; color: #fff; font: 11px Tahoma, Geneva, Kalimati, sans-serif}
h1 {font-size: 14px; color: #c2ed20; line-height: 32px; font-weight: normal; position: relative}
h2 {font-size: 14px; color: #c2ed20; line-height: 32px; font-weight: normal; position: relative}
h2 .mandatory {font-size: 10px; color: #fff; position: absolute; top: 2px; right: 0}
h3 {font-size: 14px; color: #fff; line-height: 26px; font-weight: normal}
h3.green {color: #c2ed20}
input, textarea, select {font: 11px Tahoma, Geneva, Kalimati, sans-serif; color: #6b6c6e}
p {margin-bottom: 16px}
a {color: #c2ed20; text-decoration: none}
a:hover {text-decoration: underline}

/* --- Top --- */
/* ----------- */
.top {height: 57px; min-width: 991px}
.top h1 {font-size: 14px; color: #333; position: absolute; top: 16px; left: 205px; z-index: 2}
.top h1 a {color: #ccc}
.top h1 a:hover {text-decoration: underline; color: #c2ed20 }
.logo {position: absolute; top: 0; left: 0; z-index: 1}
.top .tm-layer {position: relative; width: 100%; z-index: 3}
.top-menu {float: right; line-height: 57px; padding-right: 19px}
.top-menu li {float: left; margin-left: 34px}
.top-menu li a {color: #fff; font-size: 16px; text-decoration: none}
.top-menu li a:hover, .top-menu li.active a {color: #c2ed20}
.top-menu ul {position: absolute; z-index: 200; width: 100%; left: 0; line-height: 33px; background: url('../images/showcase-menu-bg.png'); height: 33px; top: 57px; height: 0; overflow: hidden}
.top-menu li.active ul {height: 33px}
.top-menu ul li {float: right; padding-right: 20px; margin-left: 0}
.top-menu #menu_4 ul li.last {padding-right: 84px}
.top-menu #menu_9 ul li.last {padding-right: 156px}
.top-menu #menu_15 ul li.last {padding-right: 120px}
.top-menu li ul li a {font-size: 13px}
.top-menu li.active ul li a {color: #fff}
.top-menu li.active ul li.active a, .top-menu li.active ul li a:hover {color: #c2ed20}

/* --- Banner --- */
/* -------------- */
.home-banner {height: 587px; overflow: hidden; position: absolute; top: 57px; right: 0; width: 100%}
.home-banner #hb {min-height: 587px; min-width: 1440px; width: 100%; position: absolute; top: 0; right: 0}
/*#hb {opacity: 0}*/

/* --- Content --- */
/* --------------- */
#breadcrumb .B_currentCrumb {color: #c2ed20}

/* --- Footer Content --- */
/* ---------------------- */
.wrapper {width: 991px; margin: 607px auto 0; color: #fff}

/* --- 3 Columns --- */
/* ----------------- */
.col-3 {/*margin-bottom: 30px*/}
.col-2 {margin-bottom: 20px}
.col-2-1 {float: left; width: 604px; margin-right: 74px}
.col-3-1_5 {float: left; width: 678px}
.col-3-1 {float: left; width: 309px; margin-right: 40px}
.col-3-2 {float: left; width: 291px; margin-right: 38px}
.col-3-3, .col-2-2 {float: left; width: 292px}
.c31-top {padding-bottom: 30px}
.c31-bottom {width: 640px; border: 1px solid #525252; border-left: none; border-right: none; padding-bottom: 16px}
.c31-bottom a {color: #fff}
.c31-bottom a:hover {color: #c2ed20}
.c33-top {padding-bottom: 30px}

.button {display: inline-block; cursor: pointer; width: 127px; height: 23px; background: url('../images/submit-button.jpg') no-repeat; border: none; font-size: 12px; color: #fff}
.button:hover {background-position: 0 -23px}
input.button {height: 21px}
a.button {padding: 0 39px 3px; height: 16px; display: inline-block}
a.button:hover {text-decoration: none}

/* --- Footer Bottom --- */
/* --------------------- */
.icons a {margin-right: 10px}
.foo_menu {position: relative; left: -10px; margin-bottom: 0}
.footer-links {line-height: 16px; font-size: 10px; padding-top: 4px; overflow: hidden}
.footer-links a {text-transform: uppercase; color: #fff}
.footer-links a:hover, .footer-links a.active {color: #c2ed20; text-decoration: none}
.footer-links span {margin: 0 4px}
.footer-links .copyright {margin: 0; font-size: 9px; text-transform: uppercase; display: block; margin: 4px 0}
.footer-title {font-size: 14px; color: #c2ed20; line-height: 26px; position: relative}
.footer-title .mandatory {font-size: 10px; color: #fff; position: absolute; top: 2px; right: 0}

/* --- Enquiry Form --- */
/* -------------------- */
.ef-left {float: left; width: 50px; line-height: 15px}
.ef-right {float: left; width: 259px; overflow: hidden}
.control {margin-bottom: 5px}
.control input {border: none; width: 251px; height: 15px; background: #fff; padding: 0 4px}
.control textarea {border: none; width: 251px; height: 49px; background: #fff; padding: 4px}
#captcha {/*margin-bottom: 10px*/}
#enquiry-form #budget {border: none; width: 259px; height: 15px; background: #fff; padding: 0}

/* --- News Block --- */
/* ------------------ */
.news li {margin-bottom: 31px; margin-left: -19px; padding-left: 19px; background: url('../images/news-item.gif') 0 3px no-repeat}
.news li p {margin-bottom: 0}
.news li .title {color: #c2ed20; text-transform: lowercase; text-decoration: none}
.news li .title:hover {text-decoration: underline}
.news li .date {margin-bottom: 16px}
.news li .date a {text-decoration: underline}
.news li .date a:hover {text-decoration: none}

/* --- Cufon fix --- */
/* ----------------- */
.top-menu, .showcase-sub-menu, .hb-title, .heading, .scw-item h3 {visibility: hidden}
.cufon-ready .top-menu, .cufon-ready .showcase-sub-menu, .cufon-ready .hb-title, .cufon-ready .heading, .cufon-ready .scw-item h3 {visibility: visible}
