<style type="text/css">
		/** base carousel **/
		
		
	.mask{
	
	height:482;
	}
		.carousel ul {
		    position:absolute;
		    overflow:hidden;
		    margin:0;
		    padding:0;
		    list-style:none;
		}

		.no-js .carousel ul {position:static;}

		.carousel .mask {
		    position:relative;
		    overflow:hidden;
		    /*border:6px solid #444;*/
		}

		.carousel ul li {
			float:left;
			width:180px;
		    height:130px;
		    /*color:#000;*/
			color:white;
			font-size:8em;
			text-align:center;
			/*margin:0px;*/
			margin:10px;
		}

		.carousel .pagination-links {
		    list-style:none;
		    margin:0;
		    padding:0;
		}
		 
		.carousel .pagination-links li {
		    display:inline;
		}

		.carousel .pagination-links li a {
			padding:2px 6px;	
		}

		.carousel .pagination-links li a:hover {text-decoration:none;}

		.carousel .pagination-links li.current a {
			 background:#444;
			 color:#000;
		}
		 
		.carousel .disabled {
		    color:gray;
		    cursor:default;
		}
		
		/** my carousel 1 **/
		#my-carousel-1 .mask {
			width:150px;
		}

		/** my carousel 2 **/
		#my-carousel-2 .mask {
			width:630px;
		}

		#my-carousel-2 ul li {
			margin:0 10px 0 0;
		}

		/** my carousel 3 **/
		#my-carousel-3 .mask {
			/*width:450px;*/
			width: 790px;
margin-left: 7%;
		}

		.color-1 {background:#007cd2;}
		.color-2 {background:#1788D7;}
		.color-3 {background:#3798db;}
		.color-4 {background:#62acdf;}
		.color-5 {background:#86bbe0;}
		.color-6 {background:#a7c7de;}
		.color-7 {background:#d5dbdf;}
		.spantext {
			display: none;
			font-size: 12px;
			color: white;
			background:#cf8633;
			position: relative;
			height: 100%;
			margin-top: -130px !important;
			/*text-align:center;*/
			text-align:left;
			padding: 0px 3px;
		}
		
		.color:hover{ background:#000; }
	</style>