/* ------------------------------------------------------------------- */
	/* 5.2 Infinite Carousel */
	/* ------------------------------------------------------------------- */  


	#carousel_container {
		position: relative;
		height:372px;	
		background-color: #e7e7e7;
	}

	#carousel_inner {
		float:left; /* important for inline positioning */
		width: 100%; /* important (this width = width of list item(including margin) * items shown */ 
		overflow: hidden;  /* important (hide the items outside the div) */
		/* non-important styling bellow */
	}

	#carousel_ul {
		position:relative;
		left:-961px; /* important (this should be negative number of list items width(including margin) */
		list-style-type: none; /* removing the default styling for unordered list items */
		margin: 0px;
		padding: 0px;
		width:9999px; /* important */
		overflow: hidden;
		padding-top: 6px;

	}

	#carousel_ul li{
		float: left; /* important for inline positioning of the list items */                                    
		width:960px;  /* fixed width, important */
		/* just styling bellow*/
		padding:0px;
		height:360px;
		background: #fff url("http://cb.mediaedu.uz/images/loader.gif"/*tpa=http:/jimmyme.x10.mx/14/03/images/loader.gif*/) no-repeat 50% 50%;
		position: relative;
	}

	#carousel_ul li img {
		cursor:pointer;
		border:0px;
	}

	#left_scroll {
		height:49px; 
		width:50px; 
		position: absolute;
		top: 161px;
		left: -100px;
		z-index: 999;
		display: block;
		cursor: pointer;
		float: left;
	}

	#right_scroll{
		height:49px; 
		width:50px; 
		position: absolute;
		top: 161px;
		right: -100px;
		z-index: 999;
		display: block;
		cursor: pointer;
		float: left;
	}


	#left_scroll img, #right_scroll img{
		cursor: pointer;
	}

	#slider-bg-overlap {
		position:absolute;
		top: 0px;
		width: 100%;
		display: block;
		z-index: 10;
		height: 372px;
		background: url("http://cb.mediaedu.uz/images/slider15.png"/*tpa=http:/jimmyme.x10.mx/14/03/images/slider15.png*/) no-repeat top center;
		margin: 0;
		padding: 0;
	}

	#div-hover, #slider-left, #slider-right  {
		position:absolute;
		width: 960px;
		display: block;
		margin: 0 auto;
		z-index: 10;
		height: 372px;
	}

	#slider-left {
		width: 1520px;
		z-index: 5;
		right: 960px;
		background: url("http://cb.mediaedu.uz/images/slider_bg.png"/*tpa=http:/jimmyme.x10.mx/14/03/images/slider_bg.png*/) no-repeat top right;
	}

	#slider-right {
		width: 1520px;
		z-index: 5;
		left: 960px;
		background: url("http://cb.mediaedu.uz/images/slider_bg.png"/*tpa=http:/jimmyme.x10.mx/14/03/images/slider_bg.png*/) no-repeat top left;
	}

	.description {
		position: absolute; /* absolute position (so we can position it where we want)*/
		bottom: 0px; /* position will be on bottom */
		left: 0px;
		width: 930px;
		background: url("http://cb.mediaedu.uz/images/overlay.png"/*tpa=http:/jimmyme.x10.mx/14/03/images/overlay.png*/) repeat top left;
		font-size:14px;
		color: #fff;
		padding: 12px 15px 10px 15px;
		float: left;
		display: block;
	}


	.description p, .description div{
		margin:0px;
		font-size: 19px;
		z-index: 14;
		position: relative;
	}	

		.description h3, .description h2, .description h1, .description a, .description a:link, .description a:active {
			color: #e2e2e2;
			margin: 0;
		}

		.view-project {
			font-size: 17px;
			font-weight: bold;
			margin: 0;
			color: #fff;
			display: block;
			background: url("http://cb.mediaedu.uz/images/view_project.png"/*tpa=http:/jimmyme.x10.mx/14/03/images/view_project.png*/) no-repeat right;
			padding-right: 19px;	
		}
		
	
	/* ------------------------------------------------------------------- */
	/* 5.3 Nivo Slider */
	/* ------------------------------------------------------------------- */  
	
	
	/*
	 * jQuery Nivo Slider v2.4
	 * http://nivo.dev7studios.com
	 *
	 * Copyright 2011, Gilbert Pellegrom
	 * Free to use and abuse under the MIT license.
	 * http://www.opensource.org/licenses/mit-license.php
	 * 
	 * March 2010
	 */
	 
	 
	/* The Nivo Slider styles */
	.nivoSlider {
		position:relative;
	}
	.nivoSlider img {
		position:absolute;
		top:0px;
		left:0px;
	}
	/* If an image is wrapped in a link */
	.nivoSlider a.nivo-imageLink {
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		border:0;
		padding:0;
		margin:0;
		z-index:60;
		display:none;
	}
	/* The slices in the Slider */
	.nivo-slice {
		display:block;
		position:absolute;
		z-index:50;
		height:100%;
	}
	/* Caption styles */
	.nivo-caption {
		position:absolute;
		left:0px;
		bottom:0px;
		background:#000;
		color:#fff;
		/*
		opacity:0.8;
		*/
		width: 100%;
		z-index:89;
	}

	.nivo-caption p {
		margin:0;
		padding: 12px;
	}

	.nivo-caption h3  {
		margin:0;
		font-size: 19px;	
		padding: 0;
	}

	.nivo-caption .view-project {
		margin: 0;
		color: #fff;
		display: block;
		background: url("http://cb.mediaedu.uz/images/view_project.png"/*tpa=http:/jimmyme.x10.mx/14/03/images/view_project.png*/) no-repeat right;
		padding-right: 19px;
		text-decoration: none;	
	}	

	.nivo-caption a {
		display:inline !important;
	}
	.nivo-html-caption {
		display:none;
	}


	/* Direction nav styles (e.g. Next & Prev) */
	.nivo-directionNav a {
		position:absolute;
		top:45%;
		z-index:1999999;
		cursor:pointer;
	}
	.nivo-prevNav {
		left:0px;
	}
	.nivo-nextNav {
		right:0px;
	}
	/* Control nav styles (e.g. 1,2,3...) */
	.nivo-controlNav a {
		
		cursor:pointer;
	}
	.nivo-controlNav a.active {
		font-weight:bold;
	}

	/*============================*/
	/*=== Custom Slider Styles ===*/
	/*============================*/

	#slider-wrapper {
		width:888px;
		height:360px;
		margin:0 auto;
		background-color: #fff;
		padding: 5px;
		border: 1px #e2e2e2 solid;
		overflow: hidden;
		z-index: 10;
	}

	#slider {
		position:relative;
		overflow: hidden;
		width:888px;
		height:360px;
		background:url("http://cb.mediaedu.uz/images/loader.gif"/*tpa=http:/jimmyme.x10.mx/14/03/images/loader.gif*/) no-repeat 50% 50%;
		
		
	}
	#slider img {
		position:absolute;
		top:0px;
		left:0px;
		display:none;
	}
	#slider a {
		border:0;
		display:block;
	}

	.nivo-controlNav {
		position:absolute;
		right:-6px;
		top: 0px;
		
		padding-left: 15px;
	}
	.nivo-controlNav a {
		display:block;
		width:25px;
		height:24px;
		background: #fff url("http://cb.mediaedu.uz/images/bullets.png"/*tpa=http:/jimmyme.x10.mx/14/03/images/bullets.png*/) no-repeat;
		text-indent:-9999px;
		border:0;
		padding-right:0px;
		padding-left: 0px;
		float:left;
	}
	.nivo-controlNav a.active {
		background-position:0 -22px;
	}

	.nivo-directionNav a {
		display:block;
		width:50px;
		height:49px;
		background:url("../images/left_arrow.png") no-repeat!important;
		text-indent:-9999px;
		border:0;
	}
	a.nivo-nextNav {
        background:url("../images/right_arrow.png") no-repeat!important;
		right:15px;
	}
	a.nivo-prevNav {
		left:15px;
	}

	.nivo-caption {
		font-size: 19px;
		font-family: Helvetica, Arial, sans-serif;
	}
	.nivo-caption a { 
		color:#efe9d1;
		text-decoration:underline;
	}
.nivo-directionNav{
    display: block!important;
}