/* CSS Document */

/* CSS Document */
@import "reset.css";
img, div, input, p, a, ul, li, span, table  { behavior: url("css/iepngfix.htc") }

.floatL {float: left;}
.floatR {float: right;}
.noFloat {
	clear: both !important;
	float: none;
	width: 1px !important;
	height: 0px;
	line-height: 0em !important;
	font-size: 0px !important;
	margin: 0px !important;
	padding: 0 !important;
}
.noFloatSpan { /*no 1px height*/
	display: block;
	*display: inline;
	clear: both !important;
	width: 1px !important;
	height: 0px;
	line-height: 0em !important;
	font-size: 0px !important;
	margin: 0px !important;
	padding: 0 !important;
}

body { background:url(../images/bg-body.jpg) top repeat-x #141414; }

a { color:#047dee;}
a:hover { text-decoration:none;}

#HeaderWrapper { width:100%; background:url(../images/bg-header.jpg) top center no-repeat; height:133px;}
#HeaderWrapper .Header { width:950px; margin:0 auto;}
#HeaderWrapper .Header a.logo { width:98px; height:133px; display:inline-block; float:left; margin-left:17px;}
#HeaderWrapper .Header .Banner { width:835px; height:102px; float:right;}
*html #HeaderWrapper .Header .Banner { margin-right:-1px;}
#HeaderWrapper .Header ul.Menu { width:815px; height:23px; float:right; padding-top:7px;}
#HeaderWrapper .Header ul.Menu li { float:left; margin-right:15px;}
#HeaderWrapper .Header ul.Menu li.last { margin:0px;}
#HeaderWrapper .Header ul.Menu li a { display:block; height:16px;}
#HeaderWrapper .Header ul.Menu li a.about-us { width:55px; background:url(../images/bg-menu.gif) -614px 0px no-repeat;}
#HeaderWrapper .Header ul.Menu li a.about-us:hover {background:url(../images/bg-menu.gif) -614px -16px no-repeat;}
#HeaderWrapper .Header ul.Menu li a.make-booking { width:90px; background:url(../images/bg-menu.gif) 0px 0px no-repeat;}
#HeaderWrapper .Header ul.Menu li a.make-booking:hover {background:url(../images/bg-menu.gif) 0px -16px no-repeat;}
#HeaderWrapper .Header ul.Menu li a.room-rates { width:85px; background:url(../images/bg-menu.gif) -90px 0px no-repeat;}
#HeaderWrapper .Header ul.Menu li a.room-rates:hover {background:url(../images/bg-menu.gif) -90px -16px no-repeat;}
#HeaderWrapper .Header ul.Menu li a.facilities { width:117px; background:url(../images/bg-menu.gif) -175px 0px no-repeat;}
#HeaderWrapper .Header ul.Menu li a.facilities:hover {background:url(../images/bg-menu.gif) -175px -16px no-repeat;}
#HeaderWrapper .Header ul.Menu li a.whatson { width:60px; background:url(../images/bg-menu.gif) -292px 0px no-repeat;}
#HeaderWrapper .Header ul.Menu li a.whatson:hover {background:url(../images/bg-menu.gif) -292px -16px no-repeat;}
#HeaderWrapper .Header ul.Menu li a.info { width:68px; background:url(../images/bg-menu.gif) -352px 0px no-repeat;}
#HeaderWrapper .Header ul.Menu li a.info:hover {background:url(../images/bg-menu.gif) -352px -16px no-repeat;}
#HeaderWrapper .Header ul.Menu li a.location { width:53px; background:url(../images/bg-menu.gif) -420px 0px no-repeat;}
#HeaderWrapper .Header ul.Menu li a.location:hover {background:url(../images/bg-menu.gif) -420px -16px no-repeat;}
#HeaderWrapper .Header ul.Menu li a.contact { width:67px; background:url(../images/bg-menu.gif) -473px 0px no-repeat;}
#HeaderWrapper .Header ul.Menu li a.contact:hover {background:url(../images/bg-menu.gif) -473px -16px no-repeat;}
#HeaderWrapper .Header ul.Menu li a.album { width:75px; background:url(../images/bg-menu.gif) -540px 0px no-repeat;}
#HeaderWrapper .Header ul.Menu li a.album:hover {background:url(../images/bg-menu.gif) -540px -16px no-repeat;}

#BannerWrapper { width:100%; background:url(../images/bg-banner.jpg) top center no-repeat;}
#BannerWrapper .BannerContainer { width:950px; margin:0 auto;}
#BannerWrapper .BannerContainer .SidebarFlash { width:339px; height:383px; float:right; background:#000000;}
#BannerWrapper .BannerContainer .HomeBanner { height:390px;}

#BannerWrapper .BannerContainer .Sidebar { width:340px; float:right;}
#BannerWrapper .BannerContainer .Sidebar .Testimonials { width:318px; background:url(../images/testimonial-bg.gif) repeat-y; clear:both; margin:20px auto 0 auto;}
#BannerWrapper .BannerContainer .Sidebar .Testimonials .Top { background:url(../images/testimonial-top.gif) no-repeat; width:318px; height:69px;}
#BannerWrapper .BannerContainer .Sidebar .Testimonials .Btm { background:url(../images/testimonial-btm.gif) no-repeat; width:318px; height:28px;}
#BannerWrapper .BannerContainer .Sidebar .Testimonials p { padding:0px 10px 10px 20px; font-size:14px; line-height:18px; color:#535353;}
#BannerWrapper .BannerContainer .Sidebar .Testimonials p.author { color:#000000; font-weight:bold;}

#BannerWrapper .BannerContainer .Internal { background:#141414 url(../images/bg-internal.jpg) top center no-repeat;}
 .Left {float:left; width:590px; padding-left:20px;}
.Left {width:580px; padding:0px; padding-left:15px;}
.Left img.wording { margin:30px 0px 30px 0px; float:left;}
.Left h1 { font-size:48px; font-weight:bold; color:#fff; margin:0px 0px 5px 0px;}
.Left h2{ font-size:24px; font-weight:bold; color:#fc9700; margin:30px 0px 5px 0px; clear:both;}
.Left p{ font-size:14px; color:#b7b7b7; margin:0 0 15px 0; line-height:18px;}
.Left p span { color: #FC9700;}

.Left p.new-p { padding-left:25px;}

.Left ul {margin:10px 0px 10px 10px;}
.Left ul.new-list { margin-left:25px;}
.Left ul li { background:url(../images/libg.jpg) 0px 4px no-repeat; padding-left:15px; font-size:14px; line-height:16px; color:#b7b7b7; margin-bottom:5px;}
.Left ul li span { color:#FC9700;}
.Left p.subheading { color:#dedede; line-height:21px; font-size:18px;}
.Left p.subheading span { color:#FC9700;}

.Left p.new-subheading { color:#dedede; line-height:21px; font-size:18px; padding:15px 0 0 10px; margin-bottom:10px;}
.Left p.new-subheading span { color:#FC9700;}

.Left a.rooms-btn { width:146px; height:51px; display:block; background:url(../images/rooms-btn.jpg) no-repeat; float:left; margin:20px 10px 30px 0px;}
.Left a.rates-btn { width:146px; height:51px; display:block; background:url(../images/rates-btn.jpg) no-repeat; float:left; margin:20px 10px 30px 0px;}
.Left .Column { width:275px; float:left; height:320px; margin-right:15px;}
.Left .Column .Box { background:url(../images/room-box-bg.gif) no-repeat; width:261px; height:150px; padding:7px;}
.Left .Column .Box a.book-now { width:68px; background:url(../images/book-now.jpg) no-repeat; height:23px; display:block; float:right; margin-top:6px;}
.Left .Column .Box h2 { color:#000000; padding:8px 0px 0px 23px; font-size:18px; font-weight:bold; width:150px; float:left; display:inline; margin:0px;}
.Left .Column p { font-size:14px; line-height:17px; color:#b7b7b7; padding:7px;}

#BottomWrapper { width:100%; background: url(../images/bg-bottom.gif) top repeat-x #fff; height:380px; margin-top:10px; padding-top:50px;}
#BottomWrapper .BottomContainer { width:1000px; margin:0 auto;}
#BottomWrapper .BottomContainer .Slider { width:1000px; height:177px; background:url(../images/bg-slider.jpg) no-repeat;}
#BottomWrapper .BottomContainer .Footer { width:880px; background:url(../images/bg-footer.gif) top repeat-x; padding-top:20px; margin:30px auto 0px auto;}
#BottomWrapper .BottomContainer .Footer ul { text-align:center;}
#BottomWrapper .BottomContainer .Footer ul li { display:inline; margin-right:20px;}
#BottomWrapper .BottomContainer .Footer ul li.last { margin:0px;}
#BottomWrapper .BottomContainer .Footer ul li a { font-size:11px; font-weight:bold; color:#242424; text-decoration:none;}
#BottomWrapper .BottomContainer .Footer ul li a:hover { color:#df5800;}
#BottomWrapper .BottomContainer .Footer  p.copyright { text-align:center; font-size:11px; margin-top:15px; color:#878787}
#BottomWrapper .BottomContainer .Footer  p.copyright a {color:#878787; text-decoration:none;}


.stepcarousel{
margin:0 auto 40px auto;
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 770px; /*Width of Carousel Viewer itself*/
height: 150px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
width:800px;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:18px 0px 10px 0px; /*margin around each panel*/
padding:0px 13px 0px 13px;
width: 100px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.list-left { width:290px; float:left; margin-top:20px;}
.list-right { width:290px; float:right; margin-top:20px;}

.list-left h2, .list-right h2 { margin:0;} 

p.note { color:#FC9700;}
table { width:100%;}
td { color:#B7B7B7; border-bottom:1px dashed #3D3D3D; padding:5px 0; font-size:14px;}
.table-head { color:#FC9700; font-weight:bold; border:none;}

.captchaimg { margin:0 0 4px 0;}

table.photogalleryTable img {border:#4e4e4e solid 3px;}
td.photogalleryNavigation { text-align:center;}

#BannerWrapper .BannerContainer .Sidebar .Latest { width:318px; background:url(../images/testimonial-bg.gif) repeat-y; clear:both; margin:20px auto 0 auto;}
#BannerWrapper .BannerContainer .Sidebar .Latest .Top { background:url(../images/latest_articles_heading.gif) no-repeat; width:318px; height:64px;}
#BannerWrapper .BannerContainer .Sidebar .Latest .Top-links { background:url(../images/links-heading.gif) no-repeat; width:318px; height:64px;}
#BannerWrapper .BannerContainer .Sidebar .Latest .Btm { background:url(../images/testimonial-btm.gif) no-repeat; width:318px; height:28px;}
#BannerWrapper .BannerContainer .Sidebar .Latest .categoriestop {background:url(../images/categoriestop.jpg) no-repeat; width:318px; height:64px;}

p.home-text { color:#000; margin:0; padding:0 0 10px 0; font-size:12px; text-align:center; }