/*
------------------------------------------------------------------------
CONTAINERS - DIV Container CSS style.
------------------------------------------------------------------------
*/

/* index.html */
div#container-index{
	width:1040px;
	margin:0 auto!important;
	background: url('../images/page/slider-bg.jpg') no-repeat;
	min-height:480px;
}
/* index2.html */
div#container-index2{
	width:1040px;
	margin:0 auto!important;
	background: url('../images/page/slider-big-bg.jpg') no-repeat;
	min-height:480px;
}

/*
------------------------------------------------------------------------
SLIDER - Header with a slider CSS style. (index.html)
------------------------------------------------------------------------
*/

div#header-slider{
	width:1040px;
	height:480px;
	float:left;
	margin-bottom:20px;
}
div#header-slider-in{
	width:1000px;
	height:480px;
	float:left;
	position:relative;
	margin-left:20px!important;
}
div#slider{
	width:1000px;
	height:350px;
	float:left;
	margin-top:24px;
}
div#slider-thumbs{
	width:260px;
	height:330px;
	float:left;
	margin:10px;
}
div#slider-thumbs-slide{
	width:260px;
	height:270px;
	float:left;
	background:#fff;
}
div#slider-thumbs-slide img{
	width:100px;
	height:100px;
	float:left;
}
div#slider-thumbs-slide a,
div#slider-thumbs-slide a:visited,
div#slider-thumbs-slide a:active{
	width:100px;
	height:100px;
	float:left;
	margin:10px;
	border:4px solid #fff;
	outline:1px solid #ccc;
}
div#slider-thumbs-slide a:hover{
	border:4px solid #7294a8;
	outline:1px solid #7294a8;
}
div#slider-thumbs-ctrls{
	width:111px;
	height:50px;
	float:left;
	background: url('../images/page/slider-ctrls/ctrls-bg.jpg') no-repeat;
	margin-left:72px;
}
a#slider-thumbs-ctrls-btn-left{
	width:40px;
	height:40px;
	float:left;
	background: url('../images/page/slider-ctrls/slider-btn-left.png') no-repeat;
	margin:5px;
}
a#slider-thumbs-ctrls-btn-left:hover{
	background: url('../images/page/slider-ctrls/slider-btn-left-hover.png') no-repeat;
}
a#slider-thumbs-ctrls-btn-right{
	width:40px;
	height:40px;
	float:right;
	background: url('../images/page/slider-ctrls/slider-btn-right.png') no-repeat;
	margin:5px;
}
a#slider-thumbs-ctrls-btn-right:hover{
	background: url('../images/page/slider-ctrls/slider-btn-right-hover.png') no-repeat;
}
div#slider-holder{
	width:660px;
	height:310px;
	overflow:hidden;
	position:relative;
	margin:20px 20px 20px 40px;
	float:left;
}

/*
------------------------------------------------------------------------
SLIDER BIG - Header with a slider CSS style. (index2.html)
             This is an slider whit no thumbs!!
------------------------------------------------------------------------
*/

div#slider-big-img{
	width:960px;
	height:310px;
	margin:20px;
	float:left;
	position:relative;
	overflow:hidden;
}
div#slider-big-ctrls{
	width:1000px;
	height:30px;
	float:left;
}
ul.slider-big-ctrls-in{
	height:30px;
	width:120px;
	margin-left:auto;
	margin-right:auto;	
}
div#slider-big-ctrls li{
	list-style:none;
	float:left;
}
a.slider-indi{
	width:10px;
	height:10px;
	float:left;
	background: url('../images/page/slider-ctrls/slider-indi.jpg') no-repeat;
	margin:10px 5px 0 5px;
}
a.activeSlide{
	width:10px;
	height:10px;
	float:left;
	background: url('../images/page/slider-ctrls/slider-indi-active.jpg') no-repeat;
	margin:10px 5px 0 5px;
}