@charset "UTF-8";

/* Colour and image styling */
.popBox, .dialogBox, table, #map, #linkCode, .gallery img.active, img.left, img.right, .month div, #reviewForm, div.review { border: 1px dashed #111; }
#footer, .popBox, .dialogBox, #linkCode, .month div { background: #000; }

h1, h2, h3, h4, span.warning { font-family: "Impact", Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: normal; margin-bottom: 5px; }
h1, h4, a, span.warning { color: #111; }

h1, span.warning { font-size: 30px; background: url(../images/interface/h1gun.png) center left no-repeat; padding-left: 50px; margin-bottom: 15px; }
h2 { font-size: 28px; color: #162a58; }
h3 { font-size: 20px; color: #555; }
h4, #masthead a { font-size: 14px; }

#masthead a, #footer a, #linkCode { color: #fff; }
#masthead a, #footer a { text-decoration: none; }
#masthead a:hover { background-color: #fff; color: #000; }
label em, .error { color: #d00; }
#masthead a { font-family: Arial, Helvetica, sans-serif; }

html { background: url(../images/interface/htmlBG.jpg) top center no-repeat fixed #000; }
body, #footer { background-image: url(../images/interface/bodyBG.png); background-repeat: no-repeat; }
body { font-size: 13px; font-family: Geneva, Arial, Helvetica, sans-serif; color: #111; background-position: 0 15px; }
a.w3c, .popBox_close, #twitter, #bookmark { background-image: url(../images/interface/sprites.gif); background-repeat: no-repeat; }

/* Misc Formatting */
img.left { float: left; margin: 0 2% 2% 0; }
img.right, #slideshow, #rates, .admin.rates { float: right; margin: 0 0 2% 2%; }

p, #footer, .footer { margin-bottom: 10px; }
.clear, form ol li, #linkCode { clear: both; }
.centered, .center { text-align: center; }
.centered h1 { padding-left: 0; background: none; }
p { line-height: 25px; }

/* Basic Layout, Masthead and Footer */
* { margin: 0; padding: 0; }
body { position: relative; margin: 0 auto 0 auto; padding: 280px 0 0 0px; }
body, #masthead, #footer, #adminMenu { width: 955px; }
body { width: 995px; }
#page { width: 955px; padding: 40px 20px 20px 20px; position: relative; background: url(../images/interface/pageBG.png) top left repeat-y; }
#masthead, #adminPanel, #twitter, #bookmark { position: absolute; }
#masthead { top: 15px; left: 0; width: 965px; padding: 115px 0 0 30px; }
#masthead, #masthead li, #masthead a, .footer { text-align: center; }
#masthead, #masthead li, #masthead a, #footer, #footer li, #footer a { height: 40px; line-height: 40px; }
#masthead li, #masthead a, #footer li, #adminPanel li, #adminMenu li { float: left; width: auto; }
#masthead a, #footer li, #adminPanel li, #adminMenu li { padding: 0 15px; }
#masthead, #footer, #adminPanel, #adminMenu, form ol, .gallery, .links, .sitemap, #calendar ul, #calendar ol { list-style-type: none; }
#footer, #adminMenu { margin-top: 10px; }
#footer .right, .button { float: right; }
#footer { background: url(../images/interface/footerBG.png) top left no-repeat; color: #111; padding: 0 20px; font-size: 12px; margin-top: 0; }
#footer a { color: #111; }
.footer, #rates { padding: 1%; }
.footer a { margin: 0 10px; font-weight: bold; }

#twitter, #bookmark { top: 284px; right: 15px; background-position: 0 -10px; }
#twitter, #twitter a, #bookmark, #bookmark a { float: left; width: 125px; height: 24px; }
#twitter a, #bookmark a { display: block; }

#bookmark { top: 288px; right: 153px; margin-top: -1px; background-position: 0 -50px; height: 18px; }

/* Pop box */
.popBox, .dialogBox { display: none; position: fixed; z-index: 20000; overflow: auto; top: 100px; left: 50%; width: 760px; height: 500px; margin-left: -400px; padding: 20px; background-position: 0 0; color: #fff; text-align: center; border: 1px solid #fff; }
.popBox_close { position: absolute; top: 5px; right: 5px; width: 80px; height: 10px; z-index: 20001; display: block; }

/* Forms */
form, .links li { width: 49%; }
fieldset, form ol, form li, .gallery, .links { width: 100%; }
fieldset { border: 0; }
form ol, form li, label, input, select, textarea, #captcha img, .gallery, .links, .links li { float: left; }
form li { margin-bottom: 1%; }

label, label span, #captcha img, #masthead a { display: block; }
label { width: 43%; padding-right: 2%; text-align: right; }
label span, #linkCode, .month div { font-size: 85%; }

.contact, #linkCode { float: left; width: 49%; }
.contact.right, #slideshow div { float: right; }
#captcha img { clear: left; margin-left: 45%; }
#captcha img, .admin table { border: 1px solid #ddd; border-right-color: #fff; border-bottom-color: #fff; }
#linkCode { margin-right: 5px; }

/* Gallery */
.gallery { position: relative; margin-left: 17px; }
.gallery li, .gallery img { position: relative; float: left; width: 222px; height: 333px; text-align: center; }
.gallery li { margin: 3px; padding: 10px 1px; height: 430px; color: #6f0000; background: url(../images/interface/galleryLI.png) top center no-repeat; }
.gallery li.landscape { background: url(../images/interface/galleryLI_landscape.png) top center no-repeat; }
.imagery li, .imagery img { top: 0; left: 0; width: 150px; height: 225px; }
.gallery h3 { position: relative; margin-bottom: 10px; z-index: 1001; }
.gallery h3 a, .gallery p { color: #111; position: relative; z-index: 1001; }
h3 a:hover { text-decoration: none; }
.gallery p { position: relative; float: left; clear: both; width: 96%; padding: 0 2%; text-align: center; z-index: 1001; }
.gallery img { width: 202px; height: 303px; margin: 10px 0 0 10px; }

.gallery img, .imagery img { display: block; height: auto; cursor: pointer; border: 0; }
.gallery img.active { top: -84px; left: -56px; width: 333px; height: 500px; z-index: 2; }

.gallery.profile li { background: none; border: 1px dashed #111; }
.gallery.profile li img { margin: 0; }

/* Rates */
#rates, .admin.rates { width: 35%; margin-top: 5%; }
#rates th, #rates td { width: 30%; text-align: left; }
#rates th.time, #rates td.time { width: 35%; text-align: right; padding-right: 5%; }

/* Links */
.links li { height: 60px; }
.links li, #calendar, .month li, .month div { position: relative; }
.links li { overflow: hidden; margin: 0 2px; text-align: center; }
.links img { border: 0; }
.links li, .sitemap li { margin-bottom: 20px; }

.links.onindex li { height: 120px; }
.links.onindex li, .links.onindex a { color: #fff; }

/* Slideshow */
.featured li { background: url(../images/interface/miscBG.png) bottom left no-repeat #fff; }
#slideshow, .gallery img.active, img.left, img.right, #calendar { padding: 1px; }
#slideshow, #slideshow div { width: 333px; height: 730px; overflow: hidden; text-align: right; }

#slideshow p, #slideshow h3, #slideshow h4, #slideshow img { display: block; float: right; clear: right; width: 333px; }
#slideshow img { width: 293px; height: 440px; margin: 20px 20px 0 0; }
#slideshow h3 { position: relative; z-index: 1001; font-size: 40px; color: #111; margin: -6px 20px 30px 0; }
#slideshow h4, #slideshow h3 { font-family: "Impact", Georgia, "Times New Roman", Times, serif; font-style: italic; padding-right: 20px; width: 313px; }
#slideshow h4 { font-family: "Courier New", Courier, monospace; font-size: 20px; font-style: normal; font-weight: bold; }
#slideshow p, #slideshow h4 { padding: 0 50px 0 30px; width: 243px; text-align: center; color: #fff; }
#slideshow p { font-size: 12px; line-height: normal; }

#slideshow { margin-top: -12px; background: url(../images/interface/slideshowBG.png) bottom center no-repeat; }

#slideshow div { position: relative; }
.gallery li, .featured li { position: relative; }
#slideshow span.imageOverlay, span.galleryOverlay, #slideshow a.linkOverlay, a.linkOverlayG {
	position: absolute;
	display: block;

	top: 6px;
	left: 6px;

	width: 317px;
	height: 520px;

	z-index: 1000;
	background: url(../images/interface/imageOverlay.png) top left no-repeat;
}

span.galleryOverlay, a.linkOverlayG {
	top: 44px;
	left: 0;
	width: 222px;
	height: 395px;
	background: url(../images/interface/galleryOverlay.png) top left no-repeat;
}

span.galleryOverlay.landscape, a.linkOverlayG.landscape {
	top: 44px;
	left: 0;
	width: 456px;
	height: 395px;
	background: url(../images/interface/galleryOverlay_landscape.png) top left no-repeat;
}

.featured span.galleryOverlay, .featured a.linkOverlayG { top: 44px; }

#slideshow a.linkOverlay, a.linkOverlay, a.linkOverlayG { background: none; z-index: 1001; }

/* Calendar */
#calendar { padding-top: 75px; }
#calendar, #calendar h3, #calendar ul, .month { width: 945px; }
#calendar, .month { height: 632px; }
#calendar ul { bottom: 632px; }
#calendar ul, #calendar h3 { text-align: center; }
#calendar ul, #calendar h3, .month { position: absolute; left: 0; }
#calendar li, .month li { margin: 1px; }
#calendar li, .month div { padding: 10px; }
#calendar li, .month li, .month div { float: left; width: 111px; }
#calendar h3 { top: 0; }
#calendar h3  a { font-size: 13px; margin: 0 5px; }

.month { bottom: 0; }
.month li, .month div { height: 80px; }
.month .enabled:hover { top: -20px; left: -20px; width: 151px; height: 120px; z-index: 2; }

/* Featured */
ul.featured, #joinNewsletter {
	clear: left;
	width: 960px; /*595px;*/
	height: 357px;
	margin: 0 0 20px -4px;
	padding-top: 62px;
	list-style-type: none;
	border: 1px solid #333;
	background: url(../images/interface/featuredTitle.png) top center no-repeat;
}

ul.featured, ul.featured li { float: left; }
ul.featured li {
	height: 350px;
	margin: 0 1px;
	padding: 0;
	text-align: center;
}

ul.featured li, ul.featured img { width: 190px; }
ul.featured img { border: 0; }
ul.featured h3 { margin-bottom: 2px; color: #111; }
ul.featured li p { font-size: 11px; margin: 0; padding: 0; line-height: 12px; }

/* Join Newsletter Form */
#joinNewsletter { width: 595px; height: 323px; background: url(../images/interface/joinNewsletter.png) top center no-repeat; margin: 0; position: relative; left: 8px; border: 0; padding-top: 77px; font-size: 12px; }
#joinNewsletter p, #joinNewsletter ol { padding: 0 5%; width: 90%; }
#joinNewsletter li { margin-bottom: 2px; }
#joinNewsletter label { font-size: 10px; }
#joinNewsletter p { text-align: center; line-height: normal;  }
#joinNewsletter .button { float: right; margin-right: 5%; }

/* Warning Box */
div#warningCanvas {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background: url(../images/interface/alpha050.png) top left repeat;
}

div#warning {
	display: none;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -482px;
	width: 955px;
	padding: 130px 20px 0 20px;
	z-index: 1001;
	text-align: center;
	background: url(../images/interface/warningBG.png) 0 -1px no-repeat;
}

div#warning div { background: url(../images/interface/alpha050.png) top left repeat; padding: 20px; }
div#warning div.clear { background: none; padding: 5px 0; }

div#warning h1, div#warning p, div#warning a, span.warning { color: #fff; }
div#warning h1, span.warning { background: none; padding: 0; color: #fff; font-weight: normal; }
div#warning span.warning.top { margin-bottom: 180px; display: block; }
div#warning p { width: 800px; margin: 0 auto; font-size: 11px; line-height: 16px; }

div#warning a.leave, div#warning a.enter {
	display: block;
	float: left;
	font-family: "Courier", Georgia, "Times New Roman", Times, serif;
	text-align: center;
	text-decoration: none;
	width: 150px;
	height: 35px;
	line-height: 35px;
	margin: 0 5px;
	font-size: 30px;
}
div#warning a.leave { font-size: 25px; color: #333; margin-left: 305px; }
div#warning a.enter { border: 1px solid #fff; color: #6f0; text-decoration: blink; }

form.edit { width: 100%; }

fieldset.half { float: left; width: 49%; }
fieldset.right { float: right; }

iframe#memberPhotoFrame {
	float: left;
	width: 100%;
	height: 800px;

	border: 1px solid #aaa;
}

/* Profile Page */
ul.gallery.profile {
	float: right;
	clear: none;

	width: 100%;
	padding: 0;

	border: 0;
	background: none;
}

ul.gallery.profile li { float: right; width: 215px; margin: 5px; padding: 0; }
ul.gallery.profile li, ul.gallery.profile li div { height: 295px; }
ul.gallery.profile li div { width: 215px; }
ul.gallery.profile li div img { width: 215px; cursor: pointer; }

ul.profile {
	float: left;
	width: 27%;

	font-size: 12px;
	margin: 10px 20px 0 0;
	padding: 10px 2%;
	list-style-type: none;

	border: 2px solid #000;
	background: url(../images/interface/boxBG.jpg) top left repeat-x;
}

ul.profile li { margin-bottom: 4px; }

ul.gallery.profile li {
	position: relative;
	float: left;
	width: 222px;
	height: 333px;

	margin: 4px 15px;
	padding: 1px;
}

ul.gallery.profile li, ul.gallery.profile img { width: 222px; height: 333px; }

ul.profile li h3 { text-align: center; font-size: 20px; color: #000; padding-top: 30px; }
ul.profile li table { width: 100%; }

ul.profile li table.rates th { padding-bottom: 8px; padding-right: 4px; }
ul.profile li table.rates td { padding-bottom: 4px; padding-right: 4px; }
ul.profile li table.rates td.time, ul.profile li table.rates th.time, ul.profile li table.details th { padding-right: 16px; text-align: right; }
ul.profile li table.rates td.time { color: #111; font-weight: bold; }

.profile img { position: relative; cursor: pointer; }
ul.profile li img.active { top: -42px; left: -42px; width: 333px; height: 500px; z-index: 20; padding: 1px; border: 1px solid #ffa500; background-color: #000; }
ul.profile li.landscape img.active { top: -42px; left: -42px; width: 500px; height: 333px; z-index: 20; padding: 1px; border: 1px solid #ffa500; background-color: #000; }

.profile.services { border: 1px dashed #cb8182; margin-bottom: 10px; font-size: 15px; background: url(../images/interface/servicesBG.png) top left no-repeat; padding-top: 30px; padding-bottom: 70px; }

/* Review Form */
#reviewForm {
	float: left;
	clear: left;
	width: 27%;
	padding: 2%;
	background: #fff;
}

#reviewForm ol li { margin-bottom: 10px; }
#reviewForm label { float: left; clear: both; text-align: left; width: 100%; padding: 0; }
#reviewForm input, #reviewForm select { float: left; clear: none; }
#reviewForm select { margin-right: 2px; }
#reviewForm li#captcha img { float: left; clear: left; margin: 2px 0; }
#reviewForm input.button { float: right; }

/* Review Box */
div.review {
	float: left;
	clear: left;
	width: 96%;
	padding: 2%;
	background: #fff;
}

/* Back Link */
#back { position: absolute; top: 4px; left: 25px; }
#back a { display: block; float: left; font-weight: bold; }

/* Profile Page Details List */
ul.profile.casefile {
	width: 240px;
	height: 540px;
	padding: 60px 30px 0 30px;
	border: 0;
	background: url(../images/interface/casefile.png) top left no-repeat;
}

ul.profile.casefile table.details, ul.profile.casefile table.rates { border: 0; font-size: 12px; }
ul.profile.casefile table.rates th, ul.profile.casefile table.rates th { padding: 2px; }

/* Landscape */
ul.gallery li.landscape { width: 456px; }
ul.gallery li.landscape div, ul.gallery li.landscape img { width: 433px; height: 302px; }
ul.gallery.profile li.landscape, ul.gallery.profile li.landscape div, ul.gallery.profile li.landscape img { }
ul.gallery li.landscape p { z-index: 2000; }

div.profile { float: right; width: 66%; margin: 0; padding: 0; }

a.back { color: #fff; }

div.nRates {
	float: left;
	clear: left;
}

#footer a.w3c { display: block; float: left; width: 58px; height: 16px; margin: 13px 1px 0 1px; padding: 0; background-position: 0 -35px; }
#footer a.css { background-position: -60px -35px; }

/* Employment applicants admin stuff */
ul.applicants {
	float: left;
	width: 80%;
	list-style-type: none;
}

ul.applicants li {
	float: left;
	clear: left;
	width: 98%;
	padding: 5px;
	border: 1px dashed #026a9a;
}

ul.applicants li div.photos { float: right; clear: both; margin-bottom: 10px; }
ul.applicants li div.photos img { width: 100px; margin: 1px; }

ul.applicants img { float: left; display: block; width: 150px; }
ul.applicants table {
	float: right;
	width: 60%;
	border-collapse: collapse;
}

ul.applicants table th { text-align: right; }
ul.applicants table td { padding-left: 15px; text-align: left; }


.banners li, .texts { text-align: center; }
.texts a { margin: 2px 10px; }

.banners, .banners li { float: left; }
.banners { width: 100%; list-style-type: none; }
.banners li { width: 50%; }
.banners img { width: 280px; height: 37px; margin: 0 auto; display: block; border: 0; }
.banners.large li { width: 100%; }
.banners.large img { width: 430px; height: 109px; }

.available {
	display: block;
	position: absolute;
	z-index: 10000;
	top: 30px;
	right: 50%;
	margin-right: -90px;
	width: 179px;
	height: 49px;
	background: url(../images/interface/available.png) top left no-repeat;
}

.featured .available { top: auto; bottom: 45px; }

#mobile { position: absolute; top: 135px; left: -10px; width: 300px; height: 75px; background: url(../images/interface/mobile.png) top left no-repeat; z-index: 10000; }
#membersButton { position: absolute; top: 100px; right: 10px; width: 130px; height: 30px; background: url(../images/interface/membersButton.png) top left no-repeat; z-index: 20000; }
#membersLogout { position: absolute; top: 100px; right: 10px; width: 40px; height: 30px; line-height: 30px; }
#membersLogout a { color: #fff; font-size: 10px; }
#mobile a, #membersButton a, #membersButton a, .pProfile a, #mancAir a { display: block; width: 100%; height: 100%; }

.newBox { border: 1px dashed #cb8182; padding: 2%; margin-bottom: 10px; background: url(../images/interface/servicesBG.png) top left repeat-x; }
.contact.login { position: relative; float: none; margin: 0 auto; padding-top: 100px; width: 700px; height: 200px; background: url(../images/interface/loginBG.png) top left no-repeat; }
.contact.login fieldset { width: 400px; float: none; margin: 0 auto; }
.contact.login input { float: right; }
.contact.login label { width: 26%; color: #fff; }

#privateAd { float: right; width: 325px; height: 225px; position: relative; top: -25px; }
#privateAd img { border: 0; }

.pProfile { float: left; width: 300px; height: 508px; background: url(../images/interface/pProfile.png) top left no-repeat; }

#mancAir { position: relative; margin: -125px auto 40px auto; width: 640px; height: 128px; background: url(../images/interface/justLanded.png) top left no-repeat; z-index: 20000; }
#mancAir a { text-indent: -98765px; overflow: hidden; }

#seeAll { float: left; position: absolute; top: 5px; left: 10px; width: 290px; height: 35px; background: url(../images/interface/seeAll.gif) top left no-repeat; }
#seeAll a { float: left; display: block; width: 100%; height: 100%; }

#ticker, #ticker div { position: absolute; width: 100%; height: 30px; line-height: 30px; }
#ticker { top: 180px; left: 10px; width: 975px; text-align: center; overflow: hidden; background: url(../images/interface/alpha050.png) top left repeat; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; }
#ticker div { top: 0; left: 0; display: none; }
#ticker span { color: #f60; text-decoration: blink; }
#ticker div, #ticker a { color: #fff; font-size: 12px; font-weight: bold; }

#airportchoose, #airportchoose a { float: left; height: 500px; }
#airportchoose, #airportchoose a:hover { background-image: url(../images/interface/airportchoose.jpg); background-repeat: no-repeat; }
#airportchoose { width: 900px; margin-bottom: 10px; margin-left: 25px; background-position: bottom left; border: 1px solid #555; }
#airportchoose a { width: 50%; height: 100%; display: block; }
#airportchoose a:hover { background-position: top left; }
#airportchoose .right:hover { background-position: top right; }

#lastupdated { position: absolute; top: 235px; left: 400px; width: 200px; height: 21px; padding-top: 21px; text-align: center; color: #0f0; font-size: 13px; font-family: "Courier New", Courier, monospace; background: url(../images/interface/lastupdated.jpg) top left no-repeat; }