@charset "utf-8";

/*
HTML Page elements
---------------------
*/

	a {
		color: #02549e;
		text-decoration: none;
	}

	a:visited {
		color: #02549e;
		text-decoration: none;
	}

	a:hover {
		color: #ef018d;
		text-decoration: underline;
	}

/*
Misc positioning elements
-------------------------
*/

	#fullBrowserWidth {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 100%;
		text-align: center;
	}

	#centredPage {
		display: block;
		position: relative;
		margin: 0px auto 0px auto;
		padding: 0px 0px 0px 0px;
		width: 950px;
		text-align: left;
	}

/*
Header elements
-------------------------
*/

	#headerArea {
		display: block;
		position: relative;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 950px;
		height: 87px;
		overflow: hidden;
	}

	#headerArea a.headerLogo {
		display: block;
		position: absolute;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}

	#headerArea a.headerLogo img {
		display: none;
	}
	
	#headerArea a.headerBanner {
		display: block;
		position: absolute;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}

	#headerArea a.headerBanner img {
		display: none;
	}
	
	#headerArea #headerContact {
		display: block;
		position: absolute;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		right: 370px;
		top: 9px;
		width: 250px;
	}
	
	#headerArea #headerContact p {
		font-weight:bold;
		font-size:13px;
		color:#FFFFFF;
		text-align: right;
		line-height: 22px;
	}	
	
	#headerArea #headerContact p a, #headerArea #headerContact p a:visited {
		color: #ffffff;
		text-decoration: none;
	}
	
	#headerArea #headerContact p a:hover {
		color: #ffffff;
		text-decoration: underline;
	}
	
/*
Page structure elements
-------------------------
*/

	#pageArea {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 950px;
	}

	#pageContent {
		display: block;
		position: relative;
		top: 30px;
		margin: 0px 5px 0px 5px;
		padding: 0px 0px 0px 0px;
		width: 930px;
	}
	
	div.twoColumns {
		display: block;
		margin: 20px 20px 0px 20px;
		padding: 0px 0px 0px 0px;
		width: 930px;
	}

	div.twoColumns div.mainColumn {
		display: block;
		float: left;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 450px;
	}

	div.twoColumns div.sideColumn {
		display: block;
		float: right;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 430px;
	}
	
	div.twoColumns div.wideColumn {
		display: block;
		float: left;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 900px;
	}

	div.subColumns {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 525px;
	}

	div.subColumns div.firstSubColumn {
		display: block;
		float: left;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 250px;
	}

	div.subColumns div.secondSubColumn {
		display: block;
		float: right;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 250px;
	}
	
	#pageContent h1 {
		margin: 0px 0px 0px 0px;
		padding: 20px 20px 0px 20px;
		font-size: 30px;
		line-height: 34px;
		font-weight: normal;
		color: #02549e;
	}

	#pageContent h2 {
		margin: 0px 0px 0px 0px;
		padding: 10px 0px 10px 0px;
		font-size: 19px;
		line-height: 22px;
		font-weight: normal;
		color: #02549e;
	}

	#pageContent h2 a, #pageContent h2 a:visited {
		text-decoration: none;
		color: #02549e;
	}

	#pageContent h2 a:hover {
		color: #02549e;
		text-decoration: underline;
	}
	#pageContent h3 {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		color: #02549e;
		font-size: 14px;
	}
	
	#apartmentNav {
		width: 360px;
		padding-top: 10px;		
		padding-right: 10px;		
		padding-bottom: 10px;
		padding-left: 20px;	
		background-color: #02549e;							
		font-weight: bold;
		border: 1px solid black;	
		margin-top: 10px;
	}
	
	#apartmentNav h2 {
		color: #FFFFFF;
	}
	
	#apartmentNav ul li {
		color: #FFFFFF;
		margin: 0px 0px 6px 0px;
		padding: 0px 0px 0px 22px;
		background-image: url("/images/common/tick.gif");
		background-position: 6px 5px;
		background-repeat: no-repeat;
	}
	
	.commentBox {
		display: block;
		clear: both;
		margin: 10px 12px 12px 12px;
		padding: 10px 10px 10px 10px;
		border: 1px solid #ef018d;
		background-color: #e7f4ff;
		width: 400px;	
	}
	.commentBox p.commentBoxText {
		padding: 0px;
		margin: 0px;
		font-size: 14px;
		line-height: 20px;
		color: #000000;
	}
	
	.commentBox p.commentBoxName {
		padding-top: 5px;
		font-size: 14px;
		font-weight:bold;
		font-style:italic;
		color: #02549e;
	}


/*
General styling elements
-------------------------
*/
	
	.floatRight {
		float: right;
	}
	.floatLeft {
		float: left;
	}
	
	.picFloatRight {
		float: right;
		margin: 0px 0px 10px 10px;
	}
	.picFloatLeft {
		float: left;
		margin: 0px 10px 10px 0px;
	}
	
	.picBorder {
		border: 1px solid #000000;
	}
	
	.hidden {
		display: none;
	}
	
	.centered {
		text-align: center;
	}
	
	.clearBoth {
		display: block;
		clear: both;
		height: -1px;
		line-height: 0px;
		font-size: 0px;
		overflow: hidden;
	}
	
	div.twoColumns ul {
		margin: 0px 0px 8px 0px;
		padding: 0px 0px 0px 6px;
		list-style-type: none;
	}
	
	div.twoColumns ul li {
		margin: 0px 0px 6px 0px;
		padding: 0px 0px 0px 22px;
		background-image: url("/images/common/list-bullet.gif");
		background-position: 6px 5px;
		background-repeat: no-repeat;
	}
	
	.introParagraph {
		font-size: 14px;
		line-height: 17px;
		font-weight: bold;
	}
	
	.smallText {
		font-size: 11px;
		line-height: 13px;
	}
	
	.blueText {
		font-size:10px;
		color:02549e;
	}



	
/*
Image Panel elements
-------------------------
*/

	#signatureImages {
		display: block;
		position: relative;
		margin: 0px auto 0px auto;
		padding: 0px 0px 0px 0px;
		width: 930px;
		height: 330px;
		overflow: hidden;
		text-align: center;
	}

	#signatureImages p {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}

/*
Menu styling elements
-------------------------
*/

	#menuArea {
		display: block;
		width:930px;
		height: 56px;
		position: relative;
		margin: 0px auto 0px auto;
		background-image: url("/images/common/menu-bg.png");
		z-index:300;
		color: #02549e;
	}	
	

/*
Footer elements
-------------------------
*/

	#footerTop {
		background-image:url("/images/common/footer-top-tile.jpg");
		background-repeat:repeat-x;
		height: 16px;
		margin: 40px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		
		
	}

	#footerDecoration {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 100%;
		height: 80px;
		text-align: center;
		background-color:#02549e;

	}

	#footerArea {
		display: block;
		position: relative;
		margin: 0px auto 0px auto;
		padding: 0px 0px 0px 0px;
		width: 930px;
		height: 80px;
		overflow: hidden;
	}

	#footerArea p {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		font-size: 13px;
		line-height: 17px;
	}
	
	#footerArea #toTop {
		position: absolute;
		top: 11px;
		left: 20px;
	}
	
	#footerArea #footerLinks {
		position: absolute;
		top: 11px;
		right: 20px;
	}

	#footerShadow {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 1010px;
		height: 5px;
		overflow: hidden;
	}
	
	/* Table Elements */
	
	table {
		display: block;
		clear: both;
		margin: 10px 0px 20px 0px;
	}
	
	.table th {
		padding: 2px 8px 3px 8px;
		background-color: #d4dee7;
		color: #000000;
		font-weight: bold;
		font-size: 14px;
		line-height: 16px;
		text-align: left;
	}
	
	.table td {

		padding: 8px 8px 8px 8px;
		background-color: #d4dee7;
		color: #000000;
		font-size: 13px;
		line-height: 16px;
		text-align: left;
	}
	
	.priceTable th {
		padding: 2px 3px 3px 3px;
		background-color: #02549e;
		color: #000000;
		font-weight: bold;
		font-size: 14px;
		line-height: 16px;
		text-align: left;
	}
	
	.priceTable td {
		padding: 3px 3px 3px 3px;
		background-color: #d4dee7;
		color: #000000;
		font-size: 13px;
		line-height: 16px;
		text-align: left;
	}
	
	table caption {
		display:none;
	}
	
	table tr.tableHeadings th {
		padding: 2px 8px 3px 8px;
		background-color: #02549e;
		color: #ffffff;
		font-weight: strong;
		font-size: 13px;
		line-height: 16px;
		text-align: left;
	}
	
	table span.bookingInfo {
		display: block;
		float: left;
		width: 150px;
		padding: 2px 0px 2px 0px;
		font-size: 12px !important;
		line-height: 18px !important;
		font-weight: bold;
		color: #000000;
		background-color: #ef018d;
		text-align: center;
	}
	table span.bookingInfoSpace {
		display: block;
		float: left;
		width: 150px;
		padding: 2px 0px 2px 0px;
		font-size: 12px !important;
		line-height: 18px !important;
		font-weight: bold;
		color: #000000;
		background-color: #efa0cf;
		text-align: center;
	}