@charset "utf-8";
/* CSS Document */
/*********************/
/* Splash Slider     */
/*********************/
#wrapper {
	float: 				left;
	margin: 			0 0 20px 0;5px;
	padding:			0;
}

#scrollable {  
	position:			relative;
	overflow:			hidden;
	width: 				550px;	 
	clear: 				both;
	height: 			300px;
	background-color:	#333;
}

#all-offers {	
	position:			absolute;
	width:				20000em;	
	clear:				both;
}
/* single item */
#offer {
	float:				left;
	width: 				550px;
	color:				#FFF;
}
#offer h3 {
	font-size:			14px;
}
#offer h3, .offer p {
	margin: 			0px;
	padding: 			0px;
}

/* style when mouse is over the item */
#offer.hover {
	background-color:	#666;	
}

/* position and dimensions of the navigator */
#navi {
	width:				550px;
	height: 			33px;
}
#navi li {
	display: 			block;
	float: 				left;
	background-color:	#000;
	height: 			33px;
	width: 				132px;
	overflow:			hidden;

}

/* items inside navigator */
#navi li a {
	cursor:				pointer;
	color: 				#FFF;
}
.txt {
	display: 			none;
}
a.button {
    display: 			block;
    width: 				132px;
    height: 			33px;
    text-decoration: 	none;
	float:				left;
	border:				none;
}
#navi li:hover.button {
	background-position: -132px 0px !important;
}
#navi li.active {
	background-position: -132px 0px !important;
	cursor: 			default !important;
}

.thet-1 {
	background-image: 	url(../images/Slide-1.jpg);
	width:				550px;
	height: 			300px;
	cursor:				pointer !important;
	float: 				left;
}

.thet-2 {
	background-image: 	url(../images/Slide-2.jpg);
	width:				550px;
	height: 			300px;
	cursor:				pointer !important;
	float: 				left;
}

.thet-3 {
	background-image: 	url(../images/Slide-3.jpg);
	width:				550px;
	height: 			300px;
	cursor:				pointer !important;
	float: 				left;
}

.thet-1, .thet-2, .thet-3 {
	height:				300px;
	cursor:				pointer;
}

/************************/
/* END of splash slider */
/************************/