@import "lib/reset.css";
@import "lib/typography.css";

/* COMMON STYLES */
a { color:#fff; text-decoration:none; }
a:hover { text-decoration:underline; }

.clear { clear:both; }

h1 { font-weight:normal; color:#b9aca9; font-size:48px; }

body { background: url(img/background.jpg) repeat-y;; font-family:Georgia, "Times New Roman", Times, serif; color:#FFFFFF; }

#wrapper { width:1015px; margin: 0 auto;  }
#left-col { float: left; width:200px; }
#left-col .logo { position:relative; z-index:100; }

#left-col .menu { margin-top:30px; font-size:16px; float:left; padding-left: 25px; }
#left-col .menu .current { text-decoration:underline; }
#left-col .menu ul { list-style-type:none; float:right; width:150px;  }

#left-col .social { font-size:16px; float:left; padding-left:25px; }
#left-col .social ul { list-style-type:none; float:right; width:150px;   }
#left-col .social li { margin-bottom:10px; }
#left-col .social img { float:left; margin-right:5px; }


#right-col { float:left; width: 785px; background:#FFFFFF;  min-height:545px; }

#right-col .content .content-text { color:#666; margin: 20px 20px 0 20px;  }
#right-col .content .content-text a { color:#0099FF; }
#right-col .content .content-text a:hover { text-decoration:underline; }

#right-col .content .shadow { position:absolute; top:0; z-index:30; }

/* INTERNATIONAL */
#right-col .content .international { position:relative; height:0; float:right; left:10px; z-index:20; top:10px; width:210px;}
#right-col .content .international ul { display:block; list-style-type:none; padding:0; margin:0;  }
#right-col .content .international ul li{ margin-top:5px;  }


#right-col .content .international .ann a { background:url(img/sprites.png); background-position: 0 -29px; display:block; height:29px; width:150px; float:right; margin-bottom:5px; }
#right-col .content .international .ann a:hover { background-position: 0 0px;}

#right-col .content .international .gib a { background:url(img/sprites.png); background-position: 0 -87px; display:block; height:29px; width:150px; float:right; }
#right-col .content .international .gib a:hover { background-position: 0 -58px;}


/* ALL HOTELS */
#right-col .content .price { float:left; width:100px; color:#606b31; padding-top:16px; font-size:16px; color:#FFFFFF; }
#right-col .content .number { font-size:30px; margin-left:16px; display:block;}
#right-col .content .name h3 { font-size:32px; margin:0; padding-left:10px; color:#FFFFFF; }
#right-col .content .address { padding:0; margin:0 0 0 10px; }
#right-col .content a { text-decoration:none; }
#right-col .content .hotel-image { float:left; width:162px; margin-left:20px; }
#right-col .content .info .info-text { color:#FFFFFF; }
.description { float:left; width:520px; padding-right:25px; margin-top:10px; }
.description h3 { color:#663366; }
.moreinfo { float:left; width:160px; padding-left: 20px; border-left:1px dashed; margin:10px 0;  }
.open-panel { padding:20px; }


/* ALEXANDER */
#right-col .content .alexander { background:#abbf50; height:100px; width:767px; border-bottom:1px solid #fff; }
#right-col .content .alexander .name { float:left; width:282px; color:#606b31; font-size:20px; margin-top: 15px;  }
#right-col .content .alexander .info { color:#606b31; float:left; width:200px; font-size:14px; padding-top:35px; height:65%; text-align:center; }
#right-col .content .alexander .form { background:#abbf50; }
/* SHOW / HIDE */
.alexander-slidingDiv {color:#666; background-color: #fff;margin-top:0px; width: 767px;border-bottom:1px solid #fff;}
.alexander-slidingDiv a { color:#603259;} 


/* DAVENPORT */
#right-col .content .davenport { background:#dd595f; height:100px; width:767px; border-bottom:1px solid #fff; }
#right-col .content .davenport .name { float:left; width:282px; color:#9a1d30; font-size:20px; margin-top: 15px;  }
#right-col .content .davenport .info { color:#9a1d30; float:left; width:200px; font-size:14px; padding-top:35px; height:65%; text-align:center; }
/* SHOW / HIDE */
.davenport-slidingDiv {color: #666; margin-top:0px;width: 767px;border-bottom:1px solid #fff;}
.davenport-slidingDiv a { color:#603259;} 

/* MONT CLARE */
#right-col .content .montclare { background:#fb9956; height:100px; width:767px; border-bottom:1px solid #fff; }
#right-col .content .montclare .name { float:left; width:282px; color:#9d4b2c; font-size:20px; margin-top: 15px;  }
#right-col .content .montclare .info { color:#9d4b2c; float:left; width:200px; font-size:14px; padding-top:35px; height:65%; text-align:center; }
/* SHOW / HIDE */
.montclare-slidingDiv {color: #666;margin-top:0px;width: 767px;border-bottom:1px solid #fff;}
.description { float:left; width:520px; padding-right:25px; }
.description h3 { color:#663366; }
.moreinfo { float:left; width:135px; padding-left: 20px; border-left:1px dashed; margin-bottom:10px; }
.montclare-slidingDiv a { color:#603259;}


/* STEPHENS GREEN */
#right-col .content .stephen {background:#8b755b; height:100px; width:767px; border-bottom:1px solid #fff; }
#right-col .content .stephen .hotel-image { float:left; width:162px; margin-left:20px; }
#right-col .content .stephen .name { float:left; width:282px; color:#4d3833; font-size:20px; margin-top: 15px;  }
#right-col .content .stephen .info { color:#4d3833; float:left; width:200px; font-size:14px; padding-top:35px; height:65%; text-align:center; }

/* SHOW / HIDE */
.stephen-slidingDiv {color: #666;margin-top:0px;width: 767px;border-bottom:1px solid #fff;}
.description { float:left; width:520px; padding-right:25px; }
.description h3 { color:#663366; }
.moreinfo { float:left; width:160px; padding-left: 20px; border-left:1px dashed; margin-bottom:10px; }
.stephen-slidingDiv a { color:#603259;}

/* BOOKING FORM */
.alexander-slidingDiv #check_availability{ /*background:url(img/booking-bg-green.png) no-repeat;*/ background:#ABBF50; color: #fff; clear:both;float:right;text-align:left;width:761px; padding:10px 0 0 6px;}
.davenport-slidingDiv #check_availability{ /*background:url(img/booking-bg-red.png) no-repeat;*/ background:#DD595F; color: #fff; clear:both;float:right;text-align:left;width:761px; padding:10px 0 0 6px;}
.montclare-slidingDiv #check_availability{ /*background:url(img/booking-bg-orange.png) no-repeat;*/ background:#FB9956; color: #fff; clear:both;float:right;text-align:left;width:761px; padding:10px 0 0 6px;}
.stephen-slidingDiv #check_availability{ /*background:url(img/booking-bg-brown.png) no-repeat;*/ background:#8b755b; color: #fff; clear:both;float:right;text-align:left;width:761px; padding: 10px 0 0 6px;}


/* SPECIAL */
#right-col .special { background:url(img/sprites.png) no-repeat; background-position:0 -1420px; left:-157px; position: relative; width:900px; height:325px; padding-left:125px; padding-top: 90px;  }
#right-col .special .special-offer { float:left; background:#fff; margin:10px; width:220px; padding:10px; height:275px; }
#right-col .special .special-offer h1 { color: #3e0873; }
#right-col .special .special-offer p { color:#999; }

/* FOOTER */
#right-col .footer { color: #999; margin-top:40px; }
#right-col .footer ul { list-style-type:none;  }
#right-col .footer li { display:inline; }
#right-col .footer .copyright { margin-right:20px; }
#right-col .footer a { color:#999; margin-right:20px; }
#right-col .footer a:hover { text-decoration:underline; }

#right-col .footer-logo { position:relative; left:-170px; top: -100px; width:100px; height:0;   }

/* CONTACT */
#right-col .footer .contact { float:left; width:65%; padding:15px; }


/* VISREZ LOGO */
#right-col .visrez { float:left; color:#999999; width:215px; margin-top:30px; }
#right-col .visrez .text { position: relative; top: 7px; }
#right-col .visrez img { float:right; }

/* SHADOW RIGHT OF BANNER */
.shadow { float:left; }


/* SCROLLING BANNER */

/*--Main Container--*/
.main_view {float: left;position: relative;}
/*--Window/Masking Styles--*/
.window {height:286px;	width: 780px;overflow: hidden; /*--Hides anything outside of the set width/height--*/position: relative;}
.image_reel {position: absolute;top: 0; left: 0;}
.image_reel img {float: left;}
/*--Paging Styles--*/
.paging {position: absolute;bottom: 40px; right: -7px;width: 178px; height:47px;z-index: 100; /*--Assures the paging stays on the top layer--*/text-align: center;line-height: 40px;background: url(paging_bg2.png) no-repeat;display: none; /*--Hidden by default, will be later shown with jQuery--*/}
.paging a {padding: 5px;text-decoration: none;color: #fff;}
.paging a.active {font-weight: bold;background: #603259;border: 1px solid #502a4a;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;}
.paging a:hover {font-weight: bold;}

#check_availability { width:615px; margin-top:10px; }
#check_availability .format { color:#FFFFFF; display:none; }

#check_availability .box_1{float:left;height:50px;text-align:left;width:125px; color:#000; top:5px; position:relative; }
#check_availability .box_1 .date{background-color:#fff;color:#7e716f;font-size:11px;height:18px;margin:7px 0 0 28px;padding:2px 0 0 8px;width:108px;}
#check_availability .box_1 .calendar{padding:5px -1px 0 95px;}
#check_availability .box_1 .title{color:#fff;font-size:13px; float:left; font-weight:bold; margin: 0 0 10px 0;}

#check_availability .box_2{float:left;height:50px;text-align:center;width:70px; top:5px; position:relative; margin-left:5px;}
#check_availability .box_2 .title{color:#fff;font-size:13px; font-weight:bold; margin: 0 0 10px 0; }
#check_availability .box_2 .selecation{color:#7e716f;font-size:11px; margin-top:10px;}

#check_availability .box_3{float:left;height:50px;text-align:center;width:70px; top:5px; position:relative; margin-left:5px;}
#check_availability .box_3 input{ width: 70px; margin-top: 10px;}
#check_availability .box_3 .title{color:#fff;font-size:13px; font-weight:bold; margin: 0 0 10px 0; }
#check_availability .box_3 .selecation{color:#7e716f;font-size:11px; margin-top:10px;}


#check_availability .check{float:left;height:50px;padding:0px 0 0 9px;text-align:left;width:190px; position:relative; top:-10px; }
#check_availability .datepicker { width:100px; z-index:1000; position:relative; }
#check_availability .datepicker img { cursor:pointer; }

#check_availability .check-alex input { background:url(img/sprites.png); border:0; background-position:0 -116px; display:block; height:29px; width:110px; float:left;height:100px;padding:0px 0 0 9px;text-align:left; position:relative; top:-10px; text-indent: -9000px; margin-left:-66px; }
#check_availability .check-alex input:hover { background-position:0 -516px; border:0; cursor:pointer; }

#check_availability .check-daven input { background:url(img/sprites.png); background-position:0 -216px; border:0; display:block; height:29px; width:110px; float:left;height:100px;padding:0px 0 0 9px;text-align:left; position:relative; top:-10px; text-indent: -9000px; margin-left:-66px; }
#check_availability .check-daven input:hover { background-position:0 -516px; border:0; cursor:pointer; }

#check_availability .check-mont input { background:url(img/sprites.png); border:0; background-position:0 -316px; display:block; height:29px; width:110px; float:left;height:100px;padding:0px 0 0 9px;text-align:left; position:relative; top:-10px; text-indent: -9000px; margin-left:-66px; }
#check_availability .check-mont input:hover { background-position:0 -516px; border:0; cursor:pointer; }

#check_availability .check-stephen input { background:url(img/sprites.png); border:0; background-position:0 -416px; display:block; height:29px; width:110px; float:left;height:100px;padding:0px 0 0 9px;text-align:left; position:relative; top:-10px; text-indent: -9000px; margin-left:-66px; }
#check_availability .check-stephen input:hover { background-position:0 -516px; border:0; cursor:pointer; }

/*#check_availability #datepicker-davenport { width:100px; z-index:1000; position:relative; }
#check_availability #datepicker-montclare { width:100px; z-index:1000; position:relative; }
#check_availability #datepicker-stephen { width:100px; z-index:1000; position:relative; }
*/

/* POP UP Calendar */
.ui-widget-header {background: #725984;}
.ui-datepicker-trigger { float:right; margin-top:5px; position:relative; left:-5px; cursor:pointer; }
.ui-datepicker .ui-datepicker-title { color:#FFFFFF; }


/* Overlay Modal Popup */
#bmodel { background: #000; }
.bClose { cursor: pointer; font-weight: bold; position: absolute; right: 15px; text-decoration: none; top: 10px;}
#loading_overlay {background:#fff; display: none;height: 300px;padding: 15px;width: 454px; text-align: center;
				-webkit-box-shadow: 1px 1px 20px #cccccc ;-moz-box-shadow: 1px 1px 20px #cccccc ;box-shadow: 1px 1px 20px #cccccc ;
				-moz-border-radius: 20px;border-radius: 20px; border: 1px solid #ccc;  }
#loading_overlay a { color: #725983; }
#loading_overlay a:hover { text-decoration: underline; }
#loading_overlay p { margin: 20px 0 20px 0; color: #725983; text-align: center; font-size: 20px; font-weight:bold; }



/* SPECIAL OFFERS */

/*.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
   border-radius: 10px;
    background: #F0F6F9;
    border: 1px solid #346F97;
}
*/
.jcarousel-skin-tango .jcarousel-direction-rtl {direction: rtl;}
.jcarousel-skin-tango .jcarousel-container-horizontal {width: 780px;padding: 20px 40px;position:relative;right:-28px;}
.jcarousel-skin-tango .jcarousel-container-vertical {width: 75px;height: 245px;padding: 40px 20px;}
.jcarousel-skin-tango .jcarousel-clip {overflow: hidden;}
.jcarousel-skin-tango .jcarousel-clip-horizontal {width:  780px;height: 270px;}
.jcarousel-skin-tango .jcarousel-clip-vertical {width:  75px;height: 245px;}
.jcarousel-skin-tango .jcarousel-item {width: 250px;height: 250px;}
.jcarousel-skin-tango .jcarousel-item-horizontal {margin-left: 0;margin-right: 10px;}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {margin-left: 10px;margin-right: 0;}
.jcarousel-skin-tango .jcarousel-item-vertical {margin-bottom: 10px;}
.jcarousel-skin-tango .jcarousel-item-placeholder {background: #fff;color: #000;}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {position: absolute;top: 120px;right: 5px;width: 32px;height: 32px;cursor: pointer;background: transparent url(img/next-horizontal.png) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {left: 5px;right: auto;background-image: url(img/prev-horizontal.png);}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {background-position: -32px 0;}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {background-position: -64px 0;}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {cursor: default;background-position: -96px 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute;top: 120px;left: 5px;width: 32px;height: 32px;cursor: pointer;background: transparent url(img/prev-horizontal.png) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {left: auto;right: 5px;background-image: url(img/next-horizontal.png);}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {background-position: -32px 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {background-position: -64px 0;}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {cursor: default;background-position: -96px 0;}



/* SLIDE left to right */
#oneTop { background:url(img/sprites.png) no-repeat; background-position:0 -616px; width:159px; height:100px; }
#one { background:url(img/sprites.png) no-repeat; background-position:0 -1117px; width:775px; display: none; position: relative; top: 123px;}

.hotel-info { float:left; width: 285px; margin:10px; }
.hotel-info h2 { margin:0; padding:0; }
.hotel-info .hotel-tag { color:#333333; font-size:14px; font-weight:bold;  }

.hotel-booking-engine { float:left; width:300px; }

#twoTop { background:url(img/sprites.png) no-repeat; background-position:0 -716px; width:159px; height:100px;}
#two { background:url(img/sprites.png) no-repeat; background-position:0 -1218px; width:775px; display: none; position: relative; top: 123px;}

#threeTop { background:url(img/sprites.png) no-repeat; background-position:0 -816px; width:159px; height:100px; }
#three { background:url(img/sprites.png) no-repeat; background-position:0 -1016px; width:775px; display: none; position: relative; top: 123px;}

#fourTop { background:url(img/sprites.png) no-repeat; background-position:0 -916px; width:159px; height:100px;}
#four { background:url(img/sprites.png) no-repeat; background-position:0 -1319px; width:775px; display: none; position: relative; top: 123px;}

.leftDiv{float:left; padding-left:36px; margin-top:10px;}
.mainDiv{margin:5px;height:95px;}
.rightDiv{float:left;}
.showDiv{float:left;margin-right:5px;height:200px;background-color:Silver;}
.slideDiv{height:100px;position:absolute;float:left;z-index:20;}

/* FADING BANNER */

/* rotator in-page placement */
    div.rotator {
	position:relative;
	height:555px;

}
/* rotator css */
	div.rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
	div.rotator ul { margin:0; }
	
	
/* LIGHTBOX */

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

	#gallery {
		
		padding: 10px;
		width: 650px;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; float:left; margin-left: 10px; }
	#gallery ul img {
		border: 5px solid #ccc3c0;
		border-width: 5px 5px 15px;
	}
	#gallery ul a:hover img {
		border: 5px solid #b8aca8;
		border-width: 5px 5px 15px;
		color: #fff;
	}
	#gallery ul a:hover { color: #b8aca8; }
	

/* Overlay Modal Popup */
#bmodel { background: #000; }
#loading_overlay img { margin: 0 auto; }
.bClose { cursor: pointer; font-weight: bold; position: absolute; right: 15px; text-decoration: none; top: 10px;}
#loading_overlay {background:#fff; display: none;height: 300px;padding: 15px;width: 454px; text-align: center;
				-webkit-box-shadow: 1px 1px 20px #cccccc ;-moz-box-shadow: 1px 1px 20px #cccccc ;box-shadow: 1px 1px 20px #cccccc ;
				-moz-border-radius: 20px;border-radius: 20px; border: 1px solid #ccc;  }
#loading_overlay a { color: #725983; }
#loading_overlay a:hover { text-decoration: underline; }
#loading_overlay p { margin: 20px 0 20px 0; color: #725983; text-align: center; font-size: 20px; font-weight:bold; }