body{margin:0;padding:0; }
/**********************************************
*
* 1. Media Queries
*
**********************************************/



/**********************************************
*
* 2. Container Styles
*
**********************************************/
#site-wrapper{width:100%;margin:50px auto;position:relative;}
.js .sky-carousel{visibility: hidden;}
.sky-carousel{width: 1100px;height: 400px;position: relative;background: none;overflow: hidden;margin:auto;}
.sky-carousel .sky-carousel-container{position: relative;list-style-type: none;float: left;margin: 0;padding: 0;}


/**********************************************
*
* 3. Carousel Item Styles
*
**********************************************/
.sky-carousel .sky-carousel-container li{position: absolute;border: 0; margin:0 100px;border:5px solid #CCC; background:#CCC; }
.sky-carousel .sky-carousel-container li h1 {font-size:12px; line-height:40px;}
.sky-carousel .sky-carousel-container li a {display: block;}
.sky-carousel .sky-carousel-container li img{display: block; max-width: none !important;}
.sky-carousel .sky-carousel-container li a img{border: none;}
.sky-carousel .sky-carousel-container .sc-content{display: none;}

/**********************************************
*
* 4. Current Content Styles
*
**********************************************/

.sky-carousel .sc-content-wrapper{position: absolute;text-align: center;width: 100%;top: 550px;/*left: 50%*/z-index: 4999;}
.sky-carousel .sc-content-container{position: relative;/*left: -50%;*/font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;padding: 0 20px;}
.sky-carousel .sc-content-wrapper h2{color: #444;font-size: 22px;margin: 0;padding: 0;}
.sky-carousel .sc-content-wrapper p{color: #777;font-size: 14px;margin: 0;padding: 0;}


/**********************************************
*
* 5. Gradient Overlay Styles
*
**********************************************/
.sky-carousel .sc-overlay{position: absolute;height: 100%;z-index: 4998;pointer-events: none;top: 0; display:none;}
.sky-carousel .sc-overlay-left{left: -0.1px;}
.sky-carousel .sc-overlay-right{right: -0.1px;}



/**********************************************
*
* 6. Navigation Styles
*
**********************************************/
.sky-carousel .sc-nav-button{position: absolute;top: 50%;z-index: 5000;width: 55px;height: 60px;margin-top: -30px;transition: background-color 0.3s;-moz-transition: background-color 0.3s;-webkit-transition: background-color 0.3s;-o-transition: background-color 0.3s;}
.sky-carousel .sc-nav-button.sc-next{background:  url("../images/style/right.png") no-repeat 0px 0px;right: -0.1px;}
.sky-carousel .sc-nav-button.sc-prev{background: url("../images/style/left.png") no-repeat 0px 0px;left: -0.1px;}
.no-touch .sky-carousel .sc-nav-button:hover{}


/**********************************************
*
* 7. Preloader Styles
*
**********************************************/
.sky-carousel .sc-preloader{position: absolute;left: 50%;top: 50%;width: 

24px;height: 24px;margin-top: -22px;margin-left: -22px;background: #f5f5f5 url("../images/sc-graphics/preloader.gif") no-repeat 50% 50%;padding: 10px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
/**********************************************
*
* 8. Other Styles
*
**********************************************/

.sc-no-select{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}