/*********GENERAL********/
body {background: #0067a6 url(../gfx/bg_body.gif) top left repeat-x; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 15px; color: #fff;}
#shadow {width: 950px; margin: 27px auto 0px auto; padding: 2px 5px 0px 3px; background: url(../gfx/bg_shadow.png) top center repeat-y;}
#shadowEnd {width: 958px; height: 9px; margin: 0px auto; background: url(../gfx/bg_shadow_end.png) top center no-repeat;}
h1 {font-size: 25px; font-weight: normal; color: #ff8d43; margin-bottom: 15px;}
h2 {font-size: 20px; font-weight: normal; color: #ff8d43; margin-bottom: 15px;}

.off, .block {display: block;}
.left {float: left;}
.right {float: right;}
.bull {color: #ff8d43;}

#preview {z-index: 20;}

/*********GENERAL********/
#header {height: 132px; margin: 0px 2px; background: url(../gfx/bg_header.gif) top left repeat-x; font-family: Arial, Helvetica, sans-serif; position: relative; z-index: 10;}
#logo {position: absolute; top: 11px; left: 20px;}
#topNav {position: absolute; top: 25px; left: 580px; z-index: 20;}
#topNav a {display: block; width: 100px; height: 40px; line-height: 38px; margin-right: 12px; background: url(../gfx/bg_topnav.gif) top left no-repeat; color: #fff; font-size: 18px; text-align: center; text-decoration: none; float: left;}
#topNav a:hover, #topNav a.on {background-position: bottom;}
#mainNav {text-align: center; padding-top: 81px; padding-left: 30px; position: relative; z-index: 10;}
#mainNav li {height: 41px; padding: 0px 18px; position: relative; z-index: 10; float: left;}
#mainNav li a {font-size: 16px; color: #004e8d; text-decoration: none; line-height: 40px;}
#mainNav li a:hover, #mainNav li a.on {color: #eb5fa9; text-decoration: none;}
#mainNav li ul {padding: 0 5px; background: #ffff5b; border: 1px solid #dbdb09; border-top: none; position: absolute; left: 0px; top: 41px; z-index: 10;}
#mainNav li ul li {height: auto; padding: 12px 40px; background: url(../gfx/bg_subnav.gif) bottom left repeat-x; white-space: nowrap; float: none;}
#mainNav li ul li.last {background: none;}
#mainNav li ul li a {display: block; line-height: normal;}
#mainNav li ul {display: none;}
#mainNav li:hover ul {display: block;}

/*********CENTER & LANG********/
#center {padding-left: 40px; padding-right: 30px; background: url(../gfx/bg_center.gif) bottom left repeat-x; position: relative; z-index: 1;}
#langBar {height: 16px; margin-top: 14px; text-align: right;}
#langBar a img { margin-left:4px;}
#socialBar {height: 16px; margin-top: 14px; margin-left:10px; text-align: left; vertical-align:middle;}
#socialBar a img { margin-left:0px; vertical-align:middle;}
#socialBar span { color:#00629E; font-size:11px; line-height:16px; vertical-align:middle;}

/*********CONTENT********/
#content {width: 535px /*581*/; margin-top: 22px; padding: 35px 23px 30px 23px; background: #00629e url(../gfx/bg_content.gif) top center no-repeat; position: relative; z-index: 1; float: left;}
#content .off {position: absolute; left: 0px; bottom: 0px;}
#content p {margin-bottom: 20px;}
#content a {color: #ff8d43; text-decoration: underline;}
#content a:hover, #content a.on {color: #eb5fa9; text-decoration: underline;}
#content .goTo {font-size: 20px; padding-right: 20px; background: url(../gfx/bullet_goto.gif) right 7px no-repeat;}
#content .goTo:hover {background: url(../gfx/bullet_goto_h.gif) right 7px no-repeat;}
#content .goto {padding-right: 15px; background: url(../gfx/bullet_goto_4.gif) right 7px no-repeat;}
#content .goto:hover {background: url(../gfx/bullet_goto_4_h.gif) right 7px no-repeat;}

#frontPics {margin-bottom: 20px; padding: 6px; width:498px; border: 1px solid #fff; overflow: hidden; text-align: center;}
#frontPics img {margin-bottom: -2px; padding: 2px; padding-top:4px;}

.half {width: 50%;}
#contact {width: 420px;}
#contact label {display: block; margin-bottom: 25px; padding-left: 116px;}
#contact label span {display: block; width: 116px; margin-left: -116px; font-size: 14px; line-height: 24px; color: #ffffdd; float: left;}
#contact label input {width: 298px; height: 22px; border: 2px solid #428ebc; line-height: 20px;}
#contact label textarea {width: 298px; height: 104px; border: 2px solid #428ebc;}
#contact input.send {width: 108px; height:41px; border: 0px; font: 15px "Trebuchet MS", Arial, sans-serif; font-weight: bold; color: #fff; background: url(../gfx/bg_contact_send.gif) center no-repeat; float: right;}

.googlemap {height: 272px; margin-bottom: 20px; padding: 8px; border: 1px solid #fff;}
.googlemap iframe {width: 517px; height: 272px; margin: 0px; padding: 0px; border: 0px;}
.map { padding: 8px; border: 1px solid #fff; margin-right: 15px;}
.mapp {width: 230px;}

#gallery {margin-bottom: 30px; position: relative; z-index: 10;}
#gallery img {border: 1px solid #fff; background: #00629e; padding: 5px; margin: 0 4px 4px 0;}
img.img {border: 1px solid #fff; background: #00629e; padding: 5px; margin: 4px 10px 4px 0px;}

#team {padding-top: 20px;}
#team img {float: left; padding: 0px 20px 0px 0px;}
.member {padding-bottom: 25px;}
.member h2 {padding-top: 15px; color: #fff;}

.facilitiesPic {border: 1px solid #fff; background: #00629e; padding: 5px; margin-right: 20px; float: left;}

#groupBooking {width: 429px;}
#groupBooking label {display: block; margin-bottom: 15px; padding-left: 200px;}
#groupBooking label span {display: block; width: 200px; margin-left: -200px; font-size: 14px; line-height: 24px; float: left;}
#groupBooking label input, #groupBooking label select {font: 13px "Trebuchet MS", Arial, sans-serif; font-weight: bold; color: #8d8d8d;}
#groupBooking label input {width: 222px; height: 22px; border: 2px solid #428ebc; line-height: 20px;}
#groupBooking label select {width: 226px; height: 22px; border: 2px solid #428ebc; line-height: 20px;}
#groupBooking label select.sDay {width: 58px;}
#groupBooking label select.sMonth {width: 79px;}
#groupBooking label select.sYear {width: 79px;}
#groupBooking label select.sPeriod {margin-bottom:10px;}
#groupBooking label textarea {width: 222px; height: 104px; border: 2px solid #428ebc;}
#groupBooking input.send {width: 108px; height:41px; border: 0px; font: 15px "Trebuchet MS", Arial, sans-serif; font-weight: bold; color: #fff; background: url(../gfx/bg_contact_send.gif) center no-repeat; float: right;}

#about_bus {
	position:absolute;
	height:197px;
	width:301px;
	left: 291px;
	top: 457px;
	z-index:20;
}

/*********SIDEBAR********/
#sidebar {width: 284px; margin-top: 22px; float: right;}

#bookingBox {width: 284px; margin-bottom: 15px; padding-top: 10px; background: #00629e url(../gfx/bg_bookingbox.gif) top center no-repeat;}
#bookingBox form {padding: 20px 40px 10px 40px;}
#bookingBox form p {margin-bottom: 20px;}
#bookingBox form select {border: 2px solid #fff; margin: 2px;}
#sDay {width: 60px;}
#sMonth {width: 56px;}
#sYear {width: 66px;}
#sPeriod {width: 95px;}
#sGuests {width: 96px;}
#bookingBox form input.send {width: 150px; height: 35px; margin-top: 10px; font-family: "Trebuchet MS", Arial, sans-serif; font-weight: bold; font-size: 16px; color: #00629e; background: #eb5fa9; border: 1px solid #fff; cursor: pointer; float: right;}

#ourRates {height: 47px; margin-bottom: 15px; padding: 18px 0 0 30px; background: url(../gfx/bg_our-rates.gif) center center no-repeat;}
#ourRates .goTo {font-size: 22px; padding-right: 28px; background: url(../gfx/bullet_goto-3.gif) right 6px no-repeat; color: #fff; text-decoration: none;}
#ourRates .goTo:hover {text-decoration: underline;}

#sideTestimonials {width: 234px; padding: 22px 25px 90px 25px; background: #eb5fa9 url(../gfx/bg_side-testimonials.gif) top center no-repeat; color: #fff; font-size: 16px; position: relative;}
#sideTestimonials .off {position: absolute; left: 0px; bottom: 0px;}
#sideTestimonials p {margin-bottom: 20px;}
#sideTestimonials .goTo {color: #fff; text-decoration: none; padding-right: 17px; background: url(../gfx/bullet_goto-2.gif) right 7px no-repeat;}
#sideTestimonials .goTo:hover {color: #00629e; text-decoration: underline; background: url(../gfx/bullet_goto-2_h.gif) right 7px no-repeat;}

/*********Book Now Box********/

#sMonth { width:64px;}
#sDay { width: 50px;}

/*********FOOTER********/
#footer {clear: both; padding: 80px 0px 40px 0px; font-family: Arial, Helvetica, sans-serif;}
#footerAddress {height: 37px; margin-bottom: 30px; border-bottom: 1px solid #00629e; color: #00629e; font-size: 13px;}
#footerAddress a {color: #00629e;}
#fadGeo {width: 50%; float: left;}
#fadEm {width: 50%; text-align: right; float: right;}
#fadEm span {padding-right: 15px;}
#footerAddress a:hover {color: #eb5fa9;}
#footerLinks {color: #00629e; font-size: 12px;}
#footerLinks ul {width: 170px; float: left;}
#footerLinks ul li {line-height: 20px;}
#footerLinks a {color: #000; text-decoration: none;}
#footerLinks a:hover {color: #eb5fa9;}
#footerLinks h1 {font-size: 20px; color: #00629e; margin: 0px;}
#ourFriends {width: 310px; position: relative; float: right;}
#ourFriends a {position: absolute;}
#friendBLH {left: 0px; top: 36px;}
#friendGC {left: 58px; top: 39px;}
#friendCH {left: 181px; top: 10px;}

/*********CLEANER | STUFF********/
.cleaner {clear: both; height: 1px; margin-top: -1px; line-height: 0px;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}