html, body {
  height: 100%;
}
body {
  background: #020105 url('/themes/kelpls/images/background.jpg') center top repeat-x;
  padding: 0px;
  margin: 0px;
}
img {
  border: 0px
}
a {
  cursor: pointer
}
fieldset {
  border: 1px solid #ccc;
}
/* error text class optionally provided by theme */
div.ccm-error-response {
  color: #f00;
  margin-bottom: 12px
}
/* Page Structure / Navigation */
#page {
  width: 980px;
  margin: 0 auto;
  margin: auto;
  text-align: left
}

#header {
  width: 980px;
  margin: 0 auto;
  height: 200px;
}

#header-wrap {
  background: transparent url('/themes/kelpls/images/top-banner.png') center top repeat-x;
  height: 200px;
}

#logo1 {
  margin-top: 30px;
  float: left;
  display: inline-block;
}

#logo2 {
  margin-top: 60px;
  float: right;
  display: inline-block;
}


#page #central {
  clear: both;
}
#page .no-sidebar {
  background-image: none !important
}
#page #central.central-left {
  
}
#page #central.central-left div#sidebar {
  float: left !important;
}
#page #central.central-left #body {

}
#page #central #body {
  float: right;
  width: 679px;
  background: #fff;
  padding: 29px;
  border-radius: 15px;
  margin-top: 45px;
  min-height: 500px;
}

#page #central #sidebar {
  float: left;
  width: 201px;
  background: #000;
  background: rgba(0, 0, 0, 0.6);
  margin-right: 22px;
  margin-top: 45px;
  border-radius: 15px;
  min-height: 460px;
  padding: 11px 8px;
}

body #sidebar ul.nav {
  margin: 0;
  padding: 0;
}

body #sidebar ul.nav li {
  margin: 0;
  padding: 0;
  border-radius: 5px;
  list-style-type: none;
  background: rgb(134,134,134);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg2ODY4NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzc4Nzg3OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzcwNzA3MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3MDcwNzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  rgba(134,134,134,1) 0%, rgba(120,120,120,1) 50%, rgba(112,112,112,1) 51%, rgba(112,112,112,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(134,134,134,1)), color-stop(50%,rgba(120,120,120,1)), color-stop(51%,rgba(112,112,112,1)), color-stop(100%,rgba(112,112,112,1)));
  background: -webkit-linear-gradient(top,  rgba(134,134,134,1) 0%,rgba(120,120,120,1) 50%,rgba(112,112,112,1) 51%,rgba(112,112,112,1) 100%);
  background: -o-linear-gradient(top,  rgba(134,134,134,1) 0%,rgba(120,120,120,1) 50%,rgba(112,112,112,1) 51%,rgba(112,112,112,1) 100%);
  background: -ms-linear-gradient(top,  rgba(134,134,134,1) 0%,rgba(120,120,120,1) 50%,rgba(112,112,112,1) 51%,rgba(112,112,112,1) 100%);
  background: linear-gradient(to bottom,  rgba(134,134,134,1) 0%,rgba(120,120,120,1) 50%,rgba(112,112,112,1) 51%,rgba(112,112,112,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#868686', endColorstr='#707070',GradientType=0 );
  margin-bottom: 1px;
}

body #sidebar ul.nav li.nav-selected, body #sidebar ul.nav li.nav-path-selected {
  background: rgb(161,11,98);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ExMGI2MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzk4MGI1YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MDBjNTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  rgba(161,11,98,1) 0%, rgba(152,11,92,1) 44%, rgba(144,12,88,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(161,11,98,1)), color-stop(44%,rgba(152,11,92,1)), color-stop(100%,rgba(144,12,88,1)));
  background: -webkit-linear-gradient(top,  rgba(161,11,98,1) 0%,rgba(152,11,92,1) 44%,rgba(144,12,88,1) 100%);
  background: -o-linear-gradient(top,  rgba(161,11,98,1) 0%,rgba(152,11,92,1) 44%,rgba(144,12,88,1) 100%);
  background: -ms-linear-gradient(top,  rgba(161,11,98,1) 0%,rgba(152,11,92,1) 44%,rgba(144,12,88,1) 100%);
  background: linear-gradient(to bottom,  rgba(161,11,98,1) 0%,rgba(152,11,92,1) 44%,rgba(144,12,88,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a10b62', endColorstr='#900c58',GradientType=0 );
}



body #sidebar ul.nav li a {
  display: block;
  color: #fff;
  line-height: 33px;
  margin: 0;
  padding: 0 10px 0 25px;
  text-decoration: none;
  font-size: 16px;
  background: transparent url('/themes/kelpls/images/nav-arrow.png') 13px center no-repeat;
}

body #sidebar ul.nav li a:hover {
  text-decoration: underline;
}

/* sub nav */
body #sidebar ul.nav li ul {
  border-top: 1px solid #CC5C9D;
  margin: 0 10px;
  padding: 0 0 0 15px;
}

body #sidebar ul.nav li ul li {
  list-style-type: disc;
  color: #BB287E;
  background: none;
  margin: 0;
  padding: 0;
}

body #sidebar ul.nav li ul li a {
  background: none;
  font-size: 12px;
  line-height: 16px;
  padding: 4px 0;
}

body #sidebar ul.nav li ul li.nav-selected, body #sidebar ul.nav li ul li.nav-path-selected {
  background: none;
}

body #sidebar ul.nav li ul li.nav-selected > a, body #sidebar ul.nav li ul li.nav-path-selected > a {
  font-weight: bold;
  background: none;
}

/* Page Elements */
.pagingNav {
  margin: 16px 0px 8px 0px
}
.pagination {
  text-align: center;
  color: #bbb;
  padding-top: 4px
}
.pagination .pageRight {
  width: 20%;
  float: right;
  text-align: right
}
.pagination .pageLeft {
  width: 20%;
  float: left;
  text-align: left
}
/* MISC STYLES & SHORTCUTS */
div.code {
  border: 1px solid #ddd;
  background: #eee;
  padding: 10px
}
div.spacer, div.ccm-spacer {
  clear: both;
  font-size: 1px;
  line-height: 1px
}
.noTopSpace {
  margin-top: 0px;
  padding-top: 0px
}
div.pageSection {
  margin-bottom: 10px;
}

/* slideshow */
.slideshow {
  position: relative;  
}

.slideshow_prev {
  position: absolute;
  margin-top: 100px;
  width: 59px;
  height: 91px;
  background: transparent url('/themes/kelpls/images/banner-arrows.png') left top no-repeat;
  z-index: 10;
  margin-left: -59px;
}

.slideshow_next {
  position: absolute;
  margin-top: 100px;
  width: 59px;
  height: 91px;
  background: transparent url('/themes/kelpls/images/banner-arrows.png') left bottom no-repeat;
  z-index: 10;
  right: 0;
  margin-right: -59px;
}

#footer {
  width: 980px;
  margin: 0 auto;
  min-height: 170px;
  padding-top: 60px;
}

#footer-lower {
  width: 980px;
  margin: 0 auto;
}

#footer-wrap {
  background: transparent url('/themes/kelpls/images/bottom-banner.png') center top repeat-x;
  height: 263px;
  margin-top: 15px;
}

#footer-wrap a {
  text-decoration: none;
}
#footer-wrap a:hover {
  text-decoration: underline;
}

.display_none {
  display: none;
}

/* product block */
.product-header {
  height: 33px;
  line-height: 33px;
  background: #272727;
  color: #fff;
  padding: 0 12px;
  font-weight: bold;
  font-size: 16px;
}

.product-header-product {
  width: 110px;
  float: left;
}

.product-header-supplier {
  width: 220px;
  float: left;
}

.product-header-description {
  width: 100px;
  float: left;
}

.product {
  border-top: 1px solid #D9D9D9;
  margin: 10px 0;
  padding: 10px 0;
  min-height: 80px;
}

.product-first {
  border-top: 0;
}

.product-name {
  float: left;
  width: 110px;
  min-height: 80px;
  padding-left: 10px;
}

.product-supplier {
  float: left;
  width: 120px;
  min-height: 80px;
}

.product-image {
  float: left;
  width: 100px;
  min-height: 80px;
}

.product-image img {
  border: 2px solid #7C7C7C;
  -webkit-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    2px 2px 5px rgba(50, 50, 50, 0.5);
box-shadow:         2px 2px 5px rgba(50, 50, 50, 0.5);
}

.product-description {
  float: left;
  width: 240px;
  min-height: 80px;
}

.product-link {
  float: left;
  width: 90px;
  text-align: center;
  min-height: 80px;
}

.product-link a {
  background: #9C0A5F;
  display: inline-block;
  color: #fff;
  text-align: center;
  padding: 3px 5px;
  border-radius: 5px;
  text-decoration: none;
  margin-top: 25px;
}
.product-link a:hover {
  background: #A71469;
  color: #fff;
}

.training-videos-list .product-name {
  width: 300px;
}

.training-videos-list .product-link {
  float: right;
}

.clear {
  clear: both;
}

/* projects */
.projects {
  margin-right: -14px;
}

a.project {
  display: block;
  float: left;
  width: 215px;
  height: 215px;
  max-height: 215px;
  margin-right: 14px;
  color: #000;
  text-transform: uppercase;
  text-decoration: none;
  background: #fff;
  line-height: 12px;
}

.project-image {
  width: 215px;
  height: 163px;
  margin-bottom: 16px;
  box-shadow:         0px 0px 8px rgba(0, 0, 0, 0.7);
}

a.project .project-image-overlay {
  width: 215px;
  height: 93px;
  padding-top: 70px;
  text-align: center;
  color: #fff;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  font-size: 12px;
  text-transform: none;
  display: none;
}

a.project:hover .project-image-overlay {
  display: block;
}

a.project:hover {
  color: #000;
}

#project-gallery {
  float: left;
  width: 410px;
}

#project-detail {
  float: right;
  width: 250px;
}

.project-slideshow-thumbs {
  
}

.project-slideshow-thumbs a {
  display: block;
  margin-right: 5px;
  float: left;
}

.project-slideshow .slideshow_images img {
  border: 5px solid #ACADAD;
}

.project-slideshow .slideshow_images {
  margin-bottom: 7px;
  text-align: center;
  width: 397px;
}

.project-slideshow .slideshow_images img {
  width: 397px;
  height: 245px;
}

.slideshow-prev, .slideshow-next {
  display: block;
  width: 18px;
  height: 18px;
  cursor: pointer;
  background: #f00 url('/themes/kelpls/images/slideshow-nav-arrows.png') left top no-repeat;
  float: left;
  margin-top: 21px;
  margin-right: 3px;
}

.slideshow-next {
  background-position: left bottom;
  float: right;
  margin-right: 0;
}

/* Homepage */
.home-list ul {
  margin: 0;
  padding: 0;
}

.home-list ul li {
  list-style-type: none;
  background: transparent url('/themes/kelpls/images/bullet.png') left center no-repeat;
  padding-left: 25px;
  line-height: 14px;
  margin-top: 16px; 
}