/* CSS Document */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#4885b0;
	background-image:url(images/blue-bg.jpg);
	background-repeat:repeat-x;
	width:100%;
	height:295px;
	margin:0;
}
.wrapper {
	width:800px; 
	padding:10px;
	margin:0 auto;
	background-color:#FFFFFF;
}
/*top Banner */
.top-banner {
	margin:0 auto;
	padding:5px 0 0 5px;
	width:895px;
	height:95px;
	color:#FFFFFF;
	text-align:left;
	font-size:16px;
	font-family:Georgia, Times New Roman, Times, serif;
}
span.top-banner-text {
	font-size:25px;
	margin:0;
	float:right;
}

/* pics banner */
.pics-banner-container {
	width:800px;
	padding:0;
	margin:0;
}
.big-pic-banner {
	width:800px;
	height:300px;
	float:left;
	display:inline;
	margin:0;
}
/* javascript for Pic Banner */
.headerImageHolder ul {
	list-style-type:none;
	margin:0; padding:0;
}
.headerImageHolder ul li {
	padding:0; margin:0; position:absolute;
}

/*.small-pic-banner {
	float:right;
	display:block;
	height:194px;
	width:260px;
	margin:5px 0 0 0;
}*/


/* top navigation */
.top-nav-container{
	background:url(images/bg_trans.png) repeat-x;
	height:40px;
	width:800px;
	position:relative;
	bottom:40px;
	float:left;
}
.top-nav-container ul
{
	list-style-type:none;
	margin:0; padding:0;
}

.top-nav-container li
{
	float:left; 
	padding:5px 77px; 
	margin:0;
	border-right:1px solid #fff;	
	height:30px; 
	text-align:center;
}

a.top-nav,a:visited.top-nav,a:active.top-nav
{
	display:inline;
	padding:0; margin-bottom:2px;
	color:#fff;
	font-size:24px;
	text-decoration:none;
}
a:hover.top-nav
{
	text-decoration:none;
	color:#7daacb;
}





div.content {
	margin:0 auto;	
	padding:0px;
	width:800px;
}
div.content.left-column {
	margin:0;
	width:420px;
	float:left;
	display:inline;
}
div.content.right-column {
	margin:0;
	float:right;
	display:inline;
	position:relative;
	background:url(images/polaroid.jpg) no-repeat;
	height:310px; width:335px;
}
div.polaroid {
	position:absolute;
	top:41px; left:30px;
	
}
h1, h2, h3 {
	font-size:22px;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:0;
}
div.footer-wrapper {
	width:100%;
	color:#FFFFFF;
	background-color:#4885b0;
	font-size:13px;
}

div.footer {
	width:770px;
	margin:10px auto;
	padding:10px;
	height:60px;
}
div.footer a {
	color:#000;
}

.clear {
	clear:both;
	line-height:1px;
}

/* hover menu */
div.menu-container {
	width:800px;
	text-align:center;
	background-color:#990000;
}
.menu {
	margin: 20px 0 0;
	padding: 0;
	list-style: none;
}
.menu li {
	padding: 0;
	margin: 0 15px;
	float: left;
	position: relative;
	text-align: center;
}
.menu a {
	padding: 14px 10px;
	display: block;
	color: #000000;
	width: 150px;
	text-decoration: none;
	font-weight: bold;
	background: url(images/button.gif) no-repeat center center;
}
.menu li em {
	background: url(images/hover.png) no-repeat;
	width: 180px;
	height: 45px;
	position: absolute;
	top: -85px;
	left: -15px;
	text-align: center;
	padding: 20px 12px 10px;
	font-style: normal;
	z-index: 2;
	display: none;
	color:#000000;
}


.info-container {
	
	display:inline;
	float:left;
	margin:10px 0 0;
	padding:5px;
	width:770px;
	position:relative;
}
div.info-container.blue {
	background-color:#4885B0;
}
div.info-container.light-blue {
	background-color:#C7DBE9;
}

div.info-container b {
	height:12px;
	position:absolute;
	width:12px;
	z-index:2;
}
b.uleft {
	background-image:url(images/white-rounded-ul.png);
	left:0;
	top:0;
}
b.uright {
	background-image:url(images/white-rounded-ur.png);
	right:0;
	top:0;
}
b.lleft {
	background-image:url(images/white-rounded-ll.png);
	bottom:0;
	left:0;
}
b.lright {
	background-image:url(images/white-rounded-lr.png);
	bottom:0;
	right:0;
}
.info-heading {
	color:#FFFFFF;
	display:inline;
	float:left;
	font-size:16px;
	font-weight:bold;
	padding:15px;
	text-align:center;
	width:160px;
}
.info-text {
	display:inline;
	float:left;
	margin:0 0 0 20px;
	width:270px;
	position:relative;
}
.info-text ul {
	padding:8px 25px;
	margin:0;
}
.info-text li {
	padding:1px 5px;
	margin:0;
}

.info-text.light-blue {
	background:#c7dbe9;
}
.info-text.blue {
	background:#4885B0;
	color:#c7dbe9;
}

div.info-text b {
	height:12px;
	position:absolute;
	width:12px;
	z-index:2;
}
/* blue rounded edges */
b.upl {
	background-image:url(images/blue-rounded-ul.jpg);
	left:0;
	top:0;
}
b.upr {
	background-image:url(images/blue-rounded-ur.jpg);
	right:0;
	top:0;
}
b.lol {
	background-image:url(images/blue-rounded-ll.jpg);
	bottom:0;
	left:0;
}
b.lor {
	background-image:url(images/blue-rounded-lr.jpg);
	bottom:0;
	right:0;
}

/* light-blue rounded edges */
b.upleft {
	background-image:url(images/light-blue-rounded-ul.png);
	left:0;
	top:0;
}
b.upright{
	background-image:url(images/light-blue-rounded-ur.png);
	right:0;
	top:0;
}
b.botleft {
	background-image:url(images/light-blue-rounded-ll.png);
	bottom:0;
	left:0;
}
b.botright {
	background-image:url(images/light-blue-rounded-lr.png);
	bottom:0;
	right:0;
}


.info-text.long {
	padding:12px;
	width:535px;
	background:#c7dbe9;
}
/* accommodation page */
div#map_canvas {
	height:300px;
}

div.accomm-img-holder {
	float:left;
	display:inline;
	padding:0;
	margin:5px 20px 5px 5px;
	position:relative;
}

div.accomm-img-holder b {
	height:12px;
	position:absolute;
	width:12px;
	z-index:2;
}
/* blue rounded edges */
b.trans-blue-ul {
	background-image:url(images/trans-blue-rounded-ul.png);
	left:0;
	top:0;
}
b.trans-blue-ur {
	background-image:url(images/trans-blue-rounded-ur.png);
	right:0;
	top:0;
}
b.trans-blue-ll {
	background-image:url(images/trans-blue-rounded-ll.png);
	bottom:0;
	left:0;
}
b.trans-blue-lr {
	background-image:url(images/trans-blue-rounded-lr.png);
	bottom:0;
	right:0;
}

div.accomm-heading {
	font-size:28px;
	text-align:center;
	width:485px;
	margin:10px 0 20px;
	float:left;
	display:inline;
}
div.accomm-heading.black {
	color:#000;
}
a.info-text, a:visited.info-text, a:active.info-text {
	text-align:center;
	color:#000;
	width:180px;
	padding:15px;
	font-size:19px;
}
a:hover.info-text {
	text-align:center;
	color:#4885B0;
	width:180px;
	padding:15px;
	font-size:19px;
}
div.border-spacer {
	border-top:dashed 2px #999999;
	margin:20px 0;
}
/* floor plans */
div.floor-plan-header-container {
	width:740px; 
	margin:15px 5px;
	background:#c7dbe9;
	padding:10px 15px;
		position:relative;
}

div.floor-plan-header-container b {
	height:12px;
	position:absolute;
	width:12px;
	z-index:2;
}
b.ul {
	background-image:url(images/white-rounded-ul.png);
	left:0;
	top:0;
}
b.ur {
	background-image:url(images/white-rounded-ur.png);
	right:0;
	top:0;
}
b.ll {
	background-image:url(images/white-rounded-ll.png);
	bottom:0;
	left:0;
}
b.lr {
	background-image:url(images/white-rounded-lr.png);
	bottom:0;
	right:0;
}

div.floor-plan {
	width:400px;
	margin:10px auto;
}





/* contact form */
div.contact-form-container {
	margin:10px 0;
	float:left;
	width:490px;
}

div.contact-form-block {
	background-color:#c7dbe9;
	background-position:15px 15px;
	background-repeat:no-repeat;
	padding:15px;
	position:relative;
	margin:15px;
	width:435px;
}


div.contact-form-block b {
	height:12px;
	position:absolute;
	width:12px;
	z-index:2;
}
b.wul {
	background-image:url(images/white-rounded-ul.png);
	left:0;
	top:0;
}
b.wur {
	background-image:url(images/white-rounded-ur.png);
	right:0;
	top:0;
}
b.wll {
	background-image:url(images/white-rounded-ll.png);
	bottom:0;
	left:0;
}
b.wlr {
	background-image:url(images/white-rounded-lr.png);
	bottom:0;
	right:0;
}
div.contact-form-row {
	margin-bottom:10px;
}
div.contact-form-row div.contact-left {
	float:left;
	font-weight:bold;
	margin-right:10px;
	padding-top:4px;
	text-align:right;
	width:110px;
}
div.contact-form-row div.contact-right {
	float:left;
	width:240px;
}
div.contact-message {
	float:right;
	width:75px;
}
span.required-field {
	color:#CC0000;
	font-size:1.3em;
	font-weight:bold;
}

div.overall-error-container-contact {
margin:10px auto;
position:relative;
text-align:center;
width:400px;

}

div.overall-error-container-contact b {
	height:12px;
	position:absolute;
	width:12px;
	z-index:2;
}

span.general-error {
	color:#EE0000;
	font-size:1em;
	font-weight:bold;
	margin-left:10px;

}
div.form-notes {
	background-color:#CC0000;
	padding:15px;
	color:#FFFFFF;
	font-weight:bold;
}
div.form-buttons {
	position:relative;
	cursor:pointer;
	color:#FFFFFF;
	float:left;
	width:200px;
	margin-left:15px;
}
span.form-send-text {
	position:absolute;
	top:15px; left:23px;
	font-size:17px;
	font-weight:bold;
}


.short {
width:60px;
}
.medium {
width:180px;
}
.medlarge {
width:220px;
}
.long {
width:220px;
}

div.post-it {
background-image:url(images/post-it-note.jpg);
width:260px;
height:305px;
float:right;
position:relative;
}
span.post-it-text {
color:#FF0000;
font-family:Times New Roman;
font-size:37px;
font-style:italic;
font-weight:bold;
position:absolute;
text-align:center;
}
span.post-it-text.call {
left:22px;
top:60px;
}
span.post-it-text.call-numbers{
color:#003366;
font-size:24px;
font-style:normal;
}
span.post-it-text.call-numbers.top{
left:33px;
top:173px;
color:#0099FF;
}
span.post-it-text.call-numbers.bot{
right:28px;
top:219px;
}
span.post-it-text.email {
	font-size:34px;
	left:17px;
	top:60px;
}
span.post-it-text.email-address{
color:Teal;
font-size:24px;
font-style:normal;
}
span.post-it-text.email-address.top{
left:33px;
top:173px;
}
span.post-it-text.email-address.bot{
right:28px;
top:203px;
}

/*enquire form */
div.enquire-left-col {
	float:left;
	margin:0;
	width:400px;
}
div.enquire-form-container {
	margin:0;
	float:right;
	width:360px;
}

div.enquire-form-block {
	background-color:#c7dbe9;
	background-position:15px 15px;
	background-repeat:no-repeat;
	padding:15px;
	position:relative;
	margin:0 0 10px;
	width:320px;
}


div.enquire-form-block b {
	height:12px;
	position:absolute;
	width:12px;
	z-index:2;
}

div.enquire-form-row {
	margin:0 0 10px;
	padding:0;
}
div.enquire-form-row div.enquire-left {
	float:left;
	font-weight:bold;
	margin:0 0 2px 5px;
	padding-top:4px;
	text-align:left;
}
div.enquire-form-row div.enquire-right {
	float:left;
	width:240px;
}
div.enquire-message {
	float:right;
	width:75px;
}


div.overall-error-container-enquire {
margin:10px auto;
position:relative;
text-align:center;
width:300px;

}

div.overall-error-container-enquire b {
	height:12px;
	position:absolute;
	width:12px;
	z-index:2;
}



/* enquire page */
tr.evenrow {
	background-color:#BBCDFF;
	color:#000000;
}
tr.oddrow {
	background-color:#D4E0FF;
	color:#000000;
}

.availability {
	display:inline;
	float:left;
	margin:0;
	width:390px;
	padding:10px;
	position:relative;
	background-color:#4885B0;
	font-size:13px;
}

div.availability b {
	height:12px;
	position:absolute;
	width:12px;
	z-index:2;
}
span.availability-row-oddrow {
	display:inline;
	float:left;
	margin:3px 0;
	width:360px;
	position:relative;
	background-color:#C7DBE9;
	color:#4885B0;
}
span.availability-row-oddrow b {
	height:12px;
	position:absolute;
	width:12px;
	z-index:2;
}
span.availability-row-evenrow {
	display:inline;
	float:left;
	margin:3px 0;
	width:360px;
	position:relative;
	background-color:#fff;
	color:#4885B0;
}
span.availability-row-evenrow b {
	height:12px;
	position:absolute;
	width:12px;
	z-index:2;
}

span.availability-dates{
	width:200px;
	min-height:15px;
	padding:5px 2px 5px 15px;
	float:left;
	display:inline;
	margin:0;

}
span.availability-available{
	width:65px;
	min-height:15px;
	padding:5px;
	margin:0;
	float:left;
	display:inline;
	border-right:3px solid #4885B0;
	border-left:3px solid #4885B0;
	text-align:center;
}
span.availability-price {
	width:35px;
	min-height:15px;
	padding:5px;
	margin:0;
	float:left;
	display:inline;
	text-align:center;
}
div.availability-property-image {
	margin:10px auto;
	background:transparent url(images/polaroid.jpg) no-repeat;
	height:310px;
	position:relative;
	width:335px;
}
span.enq-prop-name {
	text-align:center;
	font-size:18px;
}