/* colors

blue			#33A7FF;
darkblue		#028BFE;
lightgray		#E8E5E2;
offwhite		#F9F8F7;
green			#009900;
lightgreen		#00EC2D;
pink			#E66289;
lightpink		#E9678E;

*/

body
{
	width: 800px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	background-image: url(/images/bluefade.jpg);
	background-repeat: repeat-x;
	background-color: #E9F0FC; 
	font-family: Arial, Verdana, Times New Roman;
	font-size: 10pt;
}

.container
{
	width: 798px;
	background-color: #E8E5E2;
	border: solid 1px #FFFFFF;
}

#topLinks
{
	font-size: 0.9em;
	text-align: center;
	padding-bottom: 10px;
	color: #FFFFFF;
	text-weight: bold;
}	

	#topLinks a
	{
		color: #FFFFFF;
		text-decoration: none;
	}
	
	
	/** Site Mao **/
	#sitemap ul li
		{
			color:#333333;
		}
		
		#sitemap ul li a
		{
			color:#FF9A00;
		}
		
		#sitemap ul li a:hover
		{
			text-decoration:underline;
		}

	#topLinks a:hover
	{
		text-decoration: underline;
	}
	
#navigationBar, #navigationBar2, #footer
{
	background-image: url(/images/blueruler.jpg);
	background-repeat: repeat-y;
	color: #FFFFFF;
	text-align: center;
}

#navigationBar
{
	font-weight: bold;
	border-top: solid 1px #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}	

#navigationBar2
{
	font-weight: bold;
	font-size: 0.8em;
	border-top: solid 1px #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
	margin-bottom: 10px;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
}	

#footer
{
	color: #FFFFFF;
	border-top: solid 1px #FFFFFF;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}	

	#footerLinks
	{
		font-size: 0.8em;
	}

	#navigationBar a, #navigationBar2 a
	{
		color: #FFFFFF;
		text-decoration: none;
	}

	#footer a
	{
		color: #FFFFFF;
		text-decoration: none;
	}

	#navigationBar a:hover, #navigationBar2 a:hover, #footer a
	{
		text-decoration: underline;
	}
	
.horizontalBorders
{
	border-top: solid 1px #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
	margin-top: -15px;
}

#mainContent
{
}

	#singleColumn
	{
		width: 755px;
		border: solid 1px #FFFFFF;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
		background-color: #F9F8F7;
		color: #000000;
		padding: 10px 10px 10px 10px;
	}

	#leftColumn
	{
		float: left;
		margin: 0px 0px 5px 5px;
		border: solid 1px #FFFFFF;
	}
	
		
			#leftColumn h1
			{
				margin: 0px;
				padding: 0px;
				font-size: 12pt;
				background-color: #028BFE;
				color: #FFFFFF;
				padding: 2px 5px 2px 5px;
				border-bottom: solid 1px #FFFFFF;
			}
			
		.textBar
		{
			background-color: #F9F8F7;
			color: #000000;
			height: 498px;
			padding: 18px 5px 18px 5px;
		}

			.textBar a
			{
				text-decoration: underline;
			}
			
			.textBar h2
			{
				font-size: 11pt;
				line-height: 12pt;
				font-weight: bold;
				color: #028BFE;
			}
		
	#rightColumn
	{
		float: left;
	}
	
		.summaryBox
		{
			float: left;
			width: 260px;
			margin: 0px 0px 5px 5px;
		}
		
		.summaryBox a
		{
			color: White;
			text-decoration: underline;
		}
			
			.bluefade
			{
				background-color: #33A7FF;
				background-image: url(/images/shortbluefade.jpg);
				background-repeat: repeat-y;
				background-position: 0px 0px;
			}

			.greenfade
			{
				background-color: #00EC2D;
				background-image: url(/images/shortgreenfade.jpg);
				background-repeat: repeat-y;
			}

			.pinkfade
			{
				background-color: #E9678E;
				background-image: url(/images/shortpinkfade.jpg);
				background-repeat: repeat-y;
			}

			.roundedTitleBar, .upperTitleBar, .lowerTitleBar
			{
				float: left;
				color: #FFFFFF;
			}

			.roundedTitleBar
			{
				width: 240px;
				height: 37px;
				padding: 2px 0px 3px 0px;
				float: left;
			}

				.roundedTitleBar h2
				{
					font-size: 14pt;
					line-height: 16pt;
					margin: 0px;
					color: #FFFFFF;
					text-align: left;
					font-weight: normal;
				}

				.roundedTitleBar h4
				{
					font-size: 11pt;
					line-height: 12pt;
					margin: 0px;
					color: #FFFFFF;
				}

			.upperTitleBar
			{
				width: 240px;
				padding: 10px 10px 0px 10px;
				height: 30px;
			}

				.upperTitleBar h2
				{
					font-size: 14pt;
					line-height: 16pt;
					margin: 0px;
					color: #FFFFFF;
					text-align: left;
					font-weight: normal;
				}

			.lowerTitleBar
			{
				padding: 4px 10px 4px 10px;
				font-size: 0.9em;
				font-weight: bold;
			}

#content
{
}

	#content tr
	{
		vertical-align: top;
	}
	
	#content th, #content tr
	{
		font-size: 10pt;
		color: #696969;
		font-family: Arial
	}
			
#enquiryForm
{
}

#enquiryText
{
	float: right;
	margin: 40px 10px 10px 10px;
	font-weight: bold;
}

/** General Classes

h1
{
	font-size: 12pt;
	line-height: 1.1em;
	color: #028BFE;
	text-align: center;
} **/

h1
{
	margin: 0px;
	padding: 0px;
	font-size: 12pt;
	background-image: url(/images/blueruler.jpg);
	background-repeat: repeat-y;
	background-color: #003E74;
	color: #FFFFFF;
	padding: 2px 5px 2px 5px;
	border-bottom: solid 1px #FFFFFF;
}

h2
{
	font-size: 11pt;
	line-height: 1.1em;
	color: #33A7FF;
	text-align: center;
}

h3, h4
{
	text-align: left;
}

.bold
{
	font-weight: bold;
}

p
{
	line-height: 1.1em;
}

a
{
	color: #000000;
	text-decoration: none;
}

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

img
{
	border: none;
	margin-bottom: -3px;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.clear
{
	clear: both;
}

.center
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

/** Search Results **/
#searchResults
{
}

	#searchResults h1
	{
		margin: 0px;
		padding: 0px;
		font-size: 12pt;
		background-color: #028BFE;
		color: #FFFFFF;
		padding: 2px 5px 2px 5px;
		border-bottom: solid 1px #FFFFFF;
	}

	#searchResults h2
	{
		font-size: 11pt;
		line-height: 12pt;
		font-weight: bold;
		color: #028BFE;
		text-align: left;
	}
	
	.summary
	{
		margin-top: 15px;
	}

	.summaryText
	{
		float: right;
		margin: 0px 5px 0px 5px;
	}
	
	#searchResults .summary img
	{
		border: solid 1px #028BFE;
		width: 360px;
	}
	
/** End Search Results **/

/** Start of Property Details **/

#propertySummary
{
	float: right;
	width: 360px;
}

	#propertySummary ul p
	{
		font-size: 1.2em;
		line-height: 1.1em;
	}

#mainPhoto
{
	width: 360px;
	float: left;
}

#mainPhoto img
{
	width: 360px;
	border: solid 1px #028BFE;
}

.image
{
	margin: 10px 10px 10px 10px;
}

.image img
{
	border: solid 4px #33A7FF;
}

#photoGallery
{
	float: left;
	width: 55%;
}

.photos
{
	width: 160px;
	padding: 3px;
	float: left;
	overflow: hidden;
	background-color: #33A7FF;
	margin: 10px;
}

	.photos img
	{
		width: 160px;
	}

	.photosCaption
	{

		width: 160px;
		padding-top: 5px;
		line-height: 1.5em;
		height: 3em;
		text-align: center;
	}
	
#ratesTable
{
	float: right;
	width: 45%;
}

	#ratesTable th
	{
		background-color: #33A7FF;
	}

	.rateDate
	{
		width: 42%;
		padding-left:2px;
	}
	
	.ratePrice
	{
		width: 16%;
		text-align: right;
		padding-right: 2px;
	}
	
.enquiryButton
{
	margin: 60px 30px 0px 30px; 
}

/** End of Property Details **/

/** Content Management Pages **/

#article
{
	padding-left: 10px;
	margin: 10px 0px 10px 0px;
	border: solid 1px #2D4681;
	padding: 10px 20px 10px 20px;
}

#article p, #article div, #article h1, #article h2, #article span
{
	padding-left: 0px;
}

.article
{
	padding: 5px 5px 5px 14px;
	float: left;
	height: 270px;
	border: solid 1px #028BFE;
	margin: 5px;
}

	.articleTitle
	{
		width: 210px;
		height: 35px;
		text-align: center;
	}

		.articleTitle a
		{
			font-size: 10pt;
			font-weight: bold;
			text-decoration: underline;
		}

	.articleIcon
	{
		width: 210px;
		padding-left: 5px;
	}
		.articleIcon img
		{
			width: 210px;
			height: 140px;
			padding: 0px;
		}

	.articleDescription
	{
		width: 210px;
		height: 30px;
		padding: 10px 5px 5px 5px;
	}

	.articleLink
	{
		width: 210px;
		padding: 5px 5px 5px 5px;
	}
		.articleLink a
		{
			color: #028BFE;
		}

/** End Content Management Pages**/