#slider{
	
	width:598px;
	height:274px;
	position:relative;
	overflow:hidden;
	margin-bottom:20px;
	background:url(../images/slider_bkgd.png)}



#sliderContent{
	width:598px;
	position:absolute;
	top:0;
	margin-left:0}

#slider .cufon {
	color:#FFFFFF;
	font-size:30px;
	padding: 0px !important;
	position:absolute;
	left:0px;
	top:20px;
	width: 598px;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.hotelInfo {
	height: 30px;
	width: 578px;
	position: absolute;
	bottom: 0px;
	margin: 0px !important;
	background-image:url(../images/black_transparancy2.png);
	color: #FFF;
	z-index:5;
	text-align: center;
	line-height: 30px;
	padding: 10px;
}
.hotelInfo a {
color:#6C0
}

/* =========== Join Free Button =========== */

#slider .learn_button  {
	color: #FFF;
	border: none;
	display: block;
	width: 112px;
	height: 28px;
	left: 180px;
	top:130px;
	position: absolute;
	background-image: url(../images/joinfree_button.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
}

#slider .learn_button:hover, #slider .learn_button:active  {
	background-position: 100% 0%;	
}
#slider .learn_button span{
	display: none;
}

/* ======================================= */


/* =========== Log In Button =========== */

#slider .login_button  {
	color: #FFF;
	border: none;
	display: block;
	width: 112px;
	height: 28px;
	left: 310px;
	top:130px;
	position: absolute;
	background-image: url(../images/login_button.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
}

#slider .login_button:hover, #slider .login_button:active  {
	background-position: 100% 0%;	
}
#slider .login_button span{
	display: none;
}

/* ======================================= */

.sliderImage{
	
	float:left;
	position:relative;
	display:none}



.sliderImage span {
	height: 229px;
	width: 598px;
	position: absolute;
	bottom: 0px;
	background-image:url(../images/black_transparancy2.png);
	color: #FFF;
	display:none;
	margin: 0px;
	padding: 0px;
}
.clearslide{
	clear:both}

.sliderImage span strong{
	 font-size:14px}

.top{
	top:0;
	left:0}

.bottom{
	bottom:0;
	 left:0}

#slider ul{
	list-style-type:none;
	margin:0px;
	padding:0px}

#slider li{
	margin:0px;
	padding:0px}

.leftside{
	top:0;
	left:0;
	width:110px !important;
	height:274px}

.rightside{
	right:0;
	bottom:0;
	width:110px !important;
	height:405px}

a.sliderButton {
	
	background: url(../images/button_gradient_red.png) repeat-x;
	display: block;
	height: 23px;
	width: 87px;
	border: 1px solid #A41100;
	line-height: 23px;
	text-align: center;
	position: absolute;
	right: 10px;
	bottom: 10px;
	z-index: 1;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	
}