/* --- Logo & Corporate Branding Page --- */
/* --- CSS 2.1 Document ----------------- */
/* -------------------------------------- */
.gray-line {position: absolute; right: 12px; width: 3000px; top: 68px; height: 33px; background: url('../images/breadcrumb-bg.png')}
.black-line {position: absolute; left: 0px; top: 101px; width: 50%; height: 56px; background: #000}
.contact-wrapper {position: relative; width: 991px; margin: 0 auto}
#breadcrumb {position: absolute; left: 0; top: 68px; height: 33px; line-height: 33px; color: #c2ed20; width: 330px}
#breadcrumb a {color: #fff}
#breadcrumb a:hover {color: #c2ed20; text-decoration: none}
#breadcrumb span {color: #fff}
.heading {position: absolute; left: 0; top: 101px; height: 46px; line-height: 46px; color: #c2ed20; font-size: 30px; font-weight: normal; width: 979px; background: #000; padding-top: 10px}

/* --- Content --- */
/* --------------- */
.wsd-columns {position: absolute; top: 157px; left: 115px; width: 865px}
.wd-content {float: left; width: 250px; line-height: 18px; background: #000; padding: 0 371px 0 21px}
.wd-content .delimiter {height: 1px; overflow: hidden; background: #2a2a29; margin-bottom: 24px}
.wd-content p {margin-bottom: 24px}
.wd-content p .green {color: #c2ed20}
.wd-content a {text-decoration: underline}
.wd-content a:hover {text-decoration: none}
.wd-content ul {}
.wd-content li {border-bottom: 1px solid #2a2a29; padding: 8px 0 4px}
.wd-content li.last {border-bottom: none}
.wd-content li .wh-item {background: url('../images/wh-dots.png') 0 100% repeat-x}
.wd-content li .wh-item div {color: #c2ed20; font-size: 11px; background: #000; line-height: 12px}
.wd-content li .wh-name {float: left; padding-right: 8px}
.wd-content li .wh-price {float: right; padding-left: 3px}

/* --- Menu --- */
/* ------------ */
.service-menu {float: left; background: #000; width: 181px; padding: 0 17px 0 19px}
.service-menu li {line-height: 24px; border-bottom: 1px solid #2a2a29; color: #888}
.service-menu li ul {overflow: hidden}
.service-menu li li {border-bottom: none}
.service-menu li a {color: #fff}
.service-menu li a:hover, .service-menu li.active a {color: #c2ed20; text-decoration: none}
.service-menu li li a, .service-menu li.active li a {color: #fff; display: block; padding-left: 31px; background: url('../images/services-submenu.gif') -20px -24px no-repeat}
.service-menu li li.active a, .service-menu li li a:hover {color: #c2ed20; background-position: -20px 0}

/* --- Showcase --- */
/* ---------------- */
.showcase {position: absolute; top: 50px; left: 616px}
.showcase .sc-images {width: 370px; padding: 4px; background: #000; height: 422px; position: relative}
.showcase p a {text-decoration: underline}
.showcase p a:hover {text-decoration: none}
.showcase p {padding: 6px 4px 0}
.sc-images img {position: absolute; top: 4px; left: 4px; visibility: hidden}
.sc-images img.active {visibility: visible}
.sc-images ul {position: absolute; top: 25px; left: 15px; width: 300px; z-index: 20}
.sc-images ul li {float: left; width: 15px; height: 14px; margin-right: 6px}
.sc-images ul li a {display: block; width: 15px; height: 14px; background: url('../images/scl-switcher.png') 0 0 no-repeat}
.sc-images ul li a:hover {text-decoration: none}
.sc-images ul li a.curent {background-position: 0 -14px}