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

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

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


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

#slider .learn_button  {
	color: #FFF;
	border: none;
	display: block;
	width: 112px;
	height: 28px;
	left: 220px;
	top:150px;
	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: 350px;
	top:150px;
	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: 266px;
	width: 681px;
	position: absolute;
	bottom: 0px;
	background-image:url(../images/black_transparancy2.png);
	color: #FFF;
	display:none;
}



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

.clearslide{clear:both}

.sliderImage span strong{
font:14px;
}

.top{top:0;left:0}

.bottom{
bottom:0; 
left:0}

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

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

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