/*  slider container(s) */


#banner.hm {
	width: 992px;
	height: 299px;
	position: relative;
}

#banner.hm .item {
	width: 992px; 
	height: 299px;
	position: relative;
}

.hm .item.moda { background: url(../images_banner/moda.jpg) no-repeat left top;}
.hm .item.chameleon { background: url(../images_banner/chameleon.jpg) no-repeat left top;}
.hm .item.sweets { background: url(../images_banner/sweets.jpg) no-repeat left top;}
.hm .item.travel { background: url(../images_banner/portfolio.jpg) no-repeat left top;}




.item .chameleon-class {
	width: 385px;
	height: 160px;
	padding-top: 60px;
	margin-left: 35px;
}

.item .chameleon-class .banner-title {
	color: #ffffff;
	font-size: 30px;
	font-weight: normal;
	margin-bottom: 18px;
	display: block;
}

.item .chameleon-class .txt {
	width: 330px;
	color: #ffffff;
}

.item .banner-div {
	width: 385px;
	margin: 0 0 0 35px;
}

.item .banner-div .txt {
	float: left;
	padding-top: 0px;
	color: #ffffff;
	font-size: 18px;
}

.item .banner-div .banner-link {
	float: right;
	width: 151px;
	height: 39px;
	padding: 0 0 0 0;
}

.item .banner-div .banner-link a {
	display: block;
	width: 145px;
	height: 42px;
}

.item .banner-div .banner-text {
	color: #ffffff;
	font-size:18px;
/*	padding: 0px 0px 0px 0px; */
}


.item .chameleon-class .sweet-txt{ color: #ffffff; }
.item .chameleon-class .moda-txt{ color: #ffffff }
.item .chameleon-class .chameleon-txt{ color: #ffffff; }
.item .chameleon-class .design-txt{ color: #ffffff; }

.item .banner-div #banner-link-button {
	display:block;
	height:29px;
	width:146px;
	color:white;
	font-size:20px;
	text-decoration:none;
	padding: 0 0 0 0;
	text-align:center;

} 
.item.moda #banner-link-button {
	background:transparent url(../images_banner/banner-link-button.png) no-repeat 0 -49px;
}
.item.chameleon #banner-link-button {
	background:transparent url(../images_banner/banner-link-button.png) no-repeat 0 0px;
}

.item.sweets #banner-link-button {
	background:transparent url(../images_banner/banner-link-button.png) no-repeat 0 -147px;
}
.item.travel #banner-link-button {
	background:transparent url(../images_banner/banner-link-button.png) no-repeat 0 -98px;
}

.item.moda #banner-link-button:hover {
	background:transparent url(../images_banner/banner-link-button.png) no-repeat -151px -49px;
}
.item.chameleon #banner-link-button:hover {
	background:transparent url(../images_banner/banner-link-button.png) no-repeat -151px 0px;
}

.item.sweets #banner-link-button:hover {
	background:transparent url(../images_banner/banner-link-button.png) no-repeat -151px -147px;
}
.item.travel #banner-link-button:hover {
	background:transparent url(../images_banner/banner-link-button.png) no-repeat -151px -98px;
}

	
/* controls styling */

#controls.hm {
	width: 255px;
	height: 32px;
	position: absolute;
	right: 12px;
	bottom: 20px;
}



.hm .num_nav li {
	float: left;
	height: 42px;
}

.hm .num_nav li a {
	display: block;
	height: 42px;
	text-indent: -10000px;
}

.hm #num0 a { width: 66px; background: url(../images_banner/banner_controls.png) no-repeat left top;}
.hm #num1 a { width: 63px; background: url(../images_banner/banner_controls.png) no-repeat -66px top;}
.hm #num2 a { width: 63px; background: url(../images_banner/banner_controls.png) no-repeat -129px top;}
.hm #num3 a { width: 63px; background: url(../images_banner/banner_controls.png) no-repeat right top;}

.hm #num0 a:hover, .hm #num0 a.active { background: url(../images_banner/banner_controls.png) no-repeat left bottom;}
.hm #num1 a:hover, .hm #num1 a.active { background: url(../images_banner/banner_controls.png) no-repeat -66px bottom;}
.hm #num2 a:hover, .hm #num2 a.active { background: url(../images_banner/banner_controls.png) no-repeat -129px bottom;}
.hm #num3 a:hover, .hm #num3 a.active { background: url(../images_banner/banner_controls.png) no-repeat right bottom;}