/* --- CSS 2.1 Document             --- */
/* --- Showcase Website Design Page --- */
/* ------------------------------------ */
.contact-wrapper {margin: 0 auto; position: relative; width: 991px}
.showcase-banner {height: 698px; overflow: hidden; position: absolute; top: 57px; right: 0; width: 100%}
.showcase-banner .hb-class {min-height: 698px; min-width: 1440px; width: 100%; position: absolute; top: 0; right: 0; visibility: hidden}
.showcase-banner .hb-class#hb {visibility: visible}
.black-line {position: absolute; left: 0; top: 150px; width: 50%; height: 56px; background: #000}
.scw-item h3 {height: 46px; line-height: 46px; font-size: 30px; color: #c2ed20; background: #000; padding-top: 10px; font-weight: normal}
.wrapper {margin-top: 718px}

/* --- Showcase Control --- */
/* ------------------------ */
.showcase-control {height: 83px; background: url('../images/showcase-control-bg.png') repeat-x; border-bottom: 1px solid #7d7d7d; border-top: 1px solid #7d7d7d; width: 100%; position: absolute; top: 32px; left: 0}
.sc-left {display: inline-block; float: left; width: 36px; height: 83px; background: url('../images/showcase-control-left.jpg') no-repeat; border-left: 1px solid #7d7d7d; border-right: 1px solid #7d7d7d}
.sc-center {float: left; width: 915px; height: 83px; overflow: hidden}
.sc-right {display: inline-block; float: left; width: 36px; height: 83px; background: url('../images/showcase-control-right.jpg') no-repeat; border-left: 1px solid #7d7d7d; border-right: 1px solid #7d7d7d}
.sc-left:hover, .sc-right:hover {text-decoration: none}
.sc-center .sc-item {display: block; width: 150px; height: 83px; position: relative; color: #fff; border-right: 1px solid #7d7d7d; opacity: 0.6}
.sc-center .sc-item:hover, .sc-center .sc-item.active {text-decoration: none; color: #c2ed20; opacity: 1}
.sc-center .sc-item span {display: block; height: 22px; line-height: 22px; width: 150px; background: url('../images/sc-item-text-bg.png'); text-align: center; position: absolute; left: 0; bottom: 0}
#sc-table {position: relative; left: 0}

/* --- Breadcramb --- */
/* ------------------ */
.breadcrumb-layer {height: 33px; line-height: 33px; background: url('../images/breadcrumb-bg.png'); width: 100%; position: absolute; top: 117px; left: 0}
#breadcrumb {color: #c2ed20}
#breadcrumb a {color: #fff}
#breadcrumb a:hover {color: #c2ed20; text-decoration: none}
#breadcrumb span {color: #fff}

/* --- Showcase Items --- */
/* ---------------------- */
.scw-item {position: absolute; top: 150px; left: 0; visibility: hidden}
.scw-item#scw1 {visibility: visible}
.scw-text {float: left; margin-left: 34px; width: 178px; padding: 0 12px; background: #000}
.scw-text a {color: #fff}
.scw-text a:hover {color: #c2ed20}
.scw-text p {line-height: 15px}
.scw-text p.title {/*text-transform: uppercase; */color: #c2ed20; margin-bottom: 0}
.scw-image {float: left; width: 747px; padding: 4px; background: #000; line-height: 1px; position: relative; top: -56px; z-index: 1}