@charset "UTF-8";
/* Slider styling */
.coda-slider-wrapper {
  /* Most common stuff you'll need to change will be below this line. */
  /* Main wrapper padding */
  padding:20px; 
  margin:-25px -20px 0 -55px;

}

  	#kc_wrap .coda-slider-wrapper a{
		color:#00aae4;
	}
	
	#kc_wrap .coda-slider-wrapper a:link{
		color:#00aae4;
	}
  
  .coda-slider-wrapper .coda-slider {
    /* Inner wrapper styles */
    background: #fff;
    /* Width of the container. Typically you will want to 
    * match this with the width of the panel as well. */
    width: 940px;
	height:325px; 
	  border-radius: 8px;
    -moz-border-radius: 8px; 
    -webkit-border-radius: 8px;
	-o-border-radius: 8px;
    -ms-border-radius: 8px;
	-khtml-border-radius: 8px;
	border:1px solid #dfdfdf;
	
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#c4c4c4');
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#c4c4c4')";
	 
	/* Firefox */
	-moz-box-shadow: 3px 3px 10px #c4c4c4;
	/* WebKit */
	-webkit-box-shadow: 3px 3px 10px #c4c4c4;
	/* Standard */
	box-shadow: 3px 3px 10px #c4c4c4;
	
  }
  
	.coda-slider-wrapper .coda-slider h2{
		padding:0;
		margin:0;
		height:1px;
  }
	.coda-slider-wrapper .coda-slider h3{
		font-family:serif;
		margin:0;
		padding:0 0 10px 0;
		font-size:46px;
		color:#646464;
  }
  
	.coda-slider-wrapper .coda-slider p {
		font-family:Helvetica, Arial, san-serif;
		font-size:13px;
		color:#333;
		margin:0;
		padding:0;
  }
  
  	.coda-slider-wrapper .coda-slider .coda_text {
		float:left;
		text-align:left;
		width:390px;
		margin: 20px 0 10px 20px;
	}
	
	.coda-slider-wrapper .coda-slider .coda_img {
		float:right;
		margin: 10px 10px 10px 0;
	}
  

  
  	.coda-slider-wrapper .coda-slider .coda_left{
		float:left;
	}
	
	  	.coda-slider-wrapper .coda-slider .coda_right{
		float:left;
	}
    
    .coda-slider-wrapper .coda-slider .panel {
      /* Width of each individual panel. 
      * Typically you will want to match this with the width 
      * of the container as well. */
      width: 940px;
	  height:325px; 
	  border-radius: 5px;
      -moz-border-radius: 5px; 
      -webkit-border-radius: 5px;
	  -o-border-radius: 5px;
      -ms-border-radius: 5px;
	  -khtml-border-radius: 5px;
    }
      
      .coda-slider-wrapper .coda-slider .panel .panel-wrapper {
        /* Panel wrapper styles */
        padding: 0; 
      }
	  
		.coda-slider-wrapper .coda-slider .panel .panel-wrapper a {
        /* Panel wrapper styles */
		color:#646464;
		text-decoration:none;
      }
	  
	  .coda-slider-wrapper .coda-slider .panel .panel-wrapper a:hover {
        /* Panel wrapper styles */
		color:#1d4776;
      }
  
  .coda-slider-wrapper .coda-nav-left, .coda-slider-wrapper .coda-nav-right {
    /* Arrow Styles */ 
  }
    
    .coda-slider-wrapper .coda-nav-left a, .coda-slider-wrapper .coda-nav-right a {
      /* Arrow Styles */
      background: #fff;
      color: #000;
      padding: 5px;
      width: 100px; 
    }
  
  .coda-slider-wrapper .coda-nav-left-arrow {
    /* Graphical arrow styles */
    width: 25px;
    height: 37px;
    background: url(arrow.png) no-repeat top left; 
    margin-top:140px;
  }

.coda-slider-wrapper .coda-nav-left-arrow a {
    /* Graphical arrow styles */
    width: 0;
    height: 0;
    border:none;
  }

  .coda-slider-wrapper .coda-nav-left-arrow:hover {
    /* Graphical arrows hover left */
    background: url(arrow.png) no-repeat bottom left; 
  }
  
  .coda-slider-wrapper .coda-nav-right-arrow {
    /* Graphical arrow styles */
    width: 25px;
    height: 37px;
    background: url(arrow.png) no-repeat top right; 
    margin-top:140px;
  }
.coda-slider-wrapper .coda-nav-right-arrow a {
    /* Graphical arrow styles */
    width: 0;
    height: 0;
    background: none; 
    margin-top:0;
    border:none;
  }

  .coda-slider-wrapper .coda-nav-right-arrow:hover {
    /* Graphical arrows hover right */
    background: url(arrow.png) no-repeat bottom right; 
  }

  .coda-slider-wrapper .coda-nav-left-arrow:active, .coda-slider-wrapper .coda-nav-right-arrow:active {
    /* Graphical arrows active */
    margin-top: 140px; 
  }
  
  .coda-slider-wrapper .loading {
    /* Style for preloader */
    height: 100%;
    padding: 20px;
    text-align: center; 
  }

.arrows .coda-slider {
  /* Margin between slider and arrows */
  margin: 0 10px; 
}

/* Don't change anything below here unless you know what you're doing */

.coda-slider-wrapper {
  /* Wrapper styles */
  clear: both;
  overflow: auto; 
}
  
  .coda-slider-wrapper .coda-slider {
    /* slider styles */
    float: left;
    overflow: hidden;
    position: relative; 
  }
    
    .coda-slider-wrapper .coda-slider .panel-container {
      /* Panel container styles */
      position: relative; 
    }
      
      .coda-slider-wrapper .coda-slider .panel-container .panel {
        /* Panel styles */
        display: block;
        float: left; 
      }
  
  .coda-slider-wrapper .coda-nav {
    /* Navigation tabs */ 
  }
    
    .coda-slider-wrapper .coda-nav ul {
      /* Navigation tabs */
      clear: both;
      display: block;
      margin: auto;
      overflow: hidden;
	  padding: 5px 0; 
    }
      
      .coda-slider-wrapper .coda-nav ul li {
        /* Navigation tabs */
        display: inline; 
      }
        
        .coda-slider-wrapper .coda-nav ul li a {
          /* Navigation tabs */
          display: block;
          float: left;
          text-decoration: none; 
        }
  
  .coda-slider-wrapper .coda-nav-left-arrow, .coda-slider-wrapper .coda-nav-right-arrow {
    /* Graphical arrows */
    cursor: pointer;
    float: left;
  }
    
    .coda-slider-wrapper .coda-nav-left-arrow a, .coda-slider-wrapper .coda-nav-right-arrow a {
      /*Graphical arrows */
      display: block; 
    }
  
  .coda-slider-wrapper .coda-nav-left, .coda-slider-wrapper .coda-nav-right {
    /* Html arrows*/ 
    float: left; 
  }
    
    .coda-slider-wrapper .coda-nav-left a, .coda-slider-wrapper .coda-nav-right a {
      /*Html arrow styles */
      display: block;
      text-align: center;
      text-decoration: none; 
    }
  
  .coda-slider-wrapper .coda-nav-left, .coda-slider-wrapper .coda-nav-left-arrow {
    /*Html and graphical arrow styles */
    clear: both; 
  }
  
  .coda-nav ul li a.current {
    background-image: url(slider-nav.gif);
    background-position: 0 bottom;
    background-repeat: no-repeat;
}
.coda-slider p.loading {
    padding: 20px;
    text-align: center;
}
.coda-nav ul {
    clear: both;
    display: block;
    margin: auto;
    overflow: hidden;
    padding-top: 4px;
    text-align: center;
}
.coda-nav ul li {
    display: inline;
}
.coda-nav ul li a {
    background-image: url(slider-nav.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #FFFFFF;
    display: inline-block;
    height: 12px;
    margin: 5px 4px;
    width: 12px;
}
.coda-slider-wrapper {
    clear: both;
    height: 400px;
    overflow: hidden;
    position: relative;
    width: 940px;
}

.clear {
	clear:both;
}