body {
	color: #444;
	padding: 15px 0;
	margin: 0;
	font-family: Arial, helvetica, sans-serif;
	text-align: center;
	background: #595959 url(images/bg/body-bg.gif) repeat-x 0 0;
}

#container {
	width: 750px;
	margin: 0 auto;
	text-align: left;
	background-color:#fff;
	border: 10px solid #fff;
}

	#header {
		background-color: #333;
		position:relative;
		height: 210px;
		margin-bottom: 15px;
		overflow: hidden;
	}

		#header div#title {
			position: absolute;
			bottom: 45px;
			left: 10px;
			z-index: 5;
			margin: 10px 0 0 0px;
		}
			div#title h1 {
				margin: 0;
				padding: 5px 10px 0px 10px;
				background-image: url("images/h1_bg.png");
				background-repeat: repeat-x;
				width: auto;
			}
				div#title a {
					color: #aaa;
					text-decoration: none;
				}
					div#title a:hover {
						color: #fff;
						text-decoration: none;
					}

			div#title p.subtitle {
				font-size: 90%;
				margin: 0;
				padding: 0 10px 10px 10px;
				background-image: url("images/h1_bg.png");
				background-repeat: repeat-x;
				width: auto;
				font-weight: bold;
			}

		/*#header p {
			top: 10px;
			right:10px;
			margin:0;
			position:absolute;
			font-size:70%;
		}
		div#headerfade {
			width: 525px;
			height: 118px;
			position: absolute;
			top: 0;
			right: 0;
			background-image: url('images/header_fade.png');
			background-repeat: no-repeat;
			background-position: top right;
			z-index: 5;
		}
		div#headerswap {
			position: absolute;
			right: 0;
			top: 0;
			width: 270px;
		}*/
		div#headerswap {
			position: absolute;
			left: 0;
			top: 0;
			width: 750px;
		}
		div#headerswap img {

		}


#header p a {
	color: #aaa;
	text-decoration: none;
	padding-right: 12px;
}
	#header p a#home {
		background-image: url('images/home_2.gif');
		background-repeat: no-repeat;
		background-position: 100% 3px;
	}
	#header p a.here {
		font-weight: bold;
		color: #fff;
	}
	#header p a:hover {
		color: #fff;
	}

	#nav {
		padding: 0;
		position: absolute;
		z-index: 10;
		bottom: 0;
		width: 750px;
		padding: 8px 0 3px 0;
height: 25px;
		background-color: #3C3C3C;
	}
		#nav ul {
			margin: 0 0 0 10px;
			padding: 0;
		}
			#nav ul li {
				margin: 0 5px 0 0;
				list-style-type: none;
				float: left;
			}
				#nav ul li a {
					font-size: 80%;
					font-weight: bold;
					color: #aaa;
					text-decoration: none;
padding: 6px 10px;
display:block;
				}

					#nav ul li a:hover, #nav ul li a.here {
						color: #333;
background-color:#fff;
					}

					#nav ul li a.here {
text-decoration: underline;
					}
		#nav ul#contact {
			float: right;
		}
			#nav ul#contact li {
				margin-right: 20px;
			}

#nav ul li a span {
display: none;
}

	#content {
		padding: 0px;
	}

		#content a {
			color: #416EAF;
			font-weight: bold;
			text-decoration: none;
		}
		#content a:hover {
			color:#333;
			text-decoration: none;
		}
		#content h3 {
			font-size:1.6em;
			color:#444;
			font-weight: normal;
			line-height:1em;
			margin: 0 0 0 0;
			padding: 15px 0 10px 0;
		}
		#content h3 a {

			color:#666;
			line-height:1.4em;
		}

		#content h4 {
			font-weight: normal;
			color:#444;
			font-size: 1.1em;
			margin-bottom: 10px;
		}

		#content p {
			font-size:80%;
			line-height:1.4em;
			margin-bottom: 0px;
			margin-top: 1em;
		}
		#content p.date {
			font-size:76%;
			line-height:1em;
			color:#999;
			margin:0;
		}
		#content p.note {
			color:#999;
			margin-top: 15px;
			font-size: 76%;
			text-align: center;
		}
		#content ul, #content ol {
			font-size:80%;
			line-height:1.4em;
			list-style-type: disc;
		}
		#content ul li ul, #content ol li ol {
			font-size:100%;
			line-height:1.4em;
			list-style-type: disc;
		}
		div.contact_item {
			margin-bottom: 30px;
		}
			div.contact_item img {
				float: left;
				margin: 0 15px 15px 0;
			}
				div.contact_item div.decsription {
					margin-left: 180px;
				}
					div.contact_item div.decsription ul{
						padding-left: 15px;
					}

		#contact_form fieldset {
			border: none;
			padding: 0;
		}

		#content form p label {
			float: left;
			margin: 0 15px 0 0;
			width:130px;
			font-weight:bold;
		}

		#content form p input {
			width:342px;
		}

		#content form p textarea {
			height:100px;
			width: 720px
		}
		#content form p input.clickable {
			width:auto;
		}
		#content form p input.submit {
			margin: 0 0 1em 0;
			float: right;
		}
		#contact_form {
			width: 750px;
		}
			#contact_form p {
				margin: 0 0 10px 0;
			}
			#contact_form fieldset {
				background: #ddd;
				border: 1px solid #D5D5D5;
				float: left;
				margin: 5px 0 5px 0;
				overflow: hidden;
				padding: 12px 11px 1px 12px;
				width: 347px;
			}
			#contact_form fieldset#name_fields, #contact_form fieldset#final_fields  {
				float: none;
				margin: 5px 0 0 0;
				width: 723px;
			}
				p#title_field {
					float: left;
					overflow: hidden;
					width: 70px;
				}
				#contact_form p#forename_field {
					float: left;
					width: 305px;
				}
					#contact_form p#forename_field input {
						width: 272px;
					}
			#contact_form fieldset#details_fields {
				height: 13em;
				margin-right: 5px;
			}
			#contact_form fieldset#address_fields {
				height: 13em;
			}
		#contact_form p.checkbox {
			height: 2em;
		}
			#contact_form p.checkbox input {
				width: 15px;
				margin-right: 8px;
			}
			#contact_form p.checkbox label {
				width: auto;
			}

	#footer {
		margin-top: 20px;
		border-top: 1px solid #000;
		background-color: #3C3C3C;
		position:relative;
		height:80px;
	}

		#footer p {
			margin: 0;
			padding: 0;
			font-size: 70%;
			color: #aaa;
			top: 10px;
			left:20px;
			position:absolute;

		}
		#footer p a {
			color: #aaa;
		}
		#footer ul {
			list-style-type: none;
			margin: 0;
			padding:0;
			top: 10px;
			right:0;
			position:absolute;
		}
			#footer ul li {
				font-size:70%;
				float:right;
				margin: 0px 10px 0 0px;
				padding: 0 0 0 10px;
				border-left: 1px solid #aaa;
			}
				#footer ul li a {
					text-decoration: none;
					color:#aaa;
				}
				#footer ul li a#home {
					padding-right: 12px;
					background-image: url('images/home_2.gif');
					background-repeat: no-repeat;
					background-position: 100% 3px;
				}
					#footer ul li a:hover {
						color: #fff;
					}
					#footer ul li a.here {
						font-weight:bold;
						color: #fff;
					}


		div#addthis {
			background-color: #eee;
			color: #aaa;
			font-size: 80%;
		}

#credit {
}

	#credit p {
		font-size: 70%;
		margin: 0;
	}

		#credit p a {
			color: #666;
			text-decoration: none;
		}

			#credit p a:hover {
				text-decoration: underline;
			}

/* for clearing floats */

	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */









/* <a> */
a img {
	border: 0;
}


/* <table> */
table {
	width: 100%;
}
	table td {
		border-bottom: 1px dotted silver;
		padding: 3px 0 3px 0;
	}
	table td.filetype {
		width: 80px;
	}
	table td.title {
		font-weight: bold;
		width: 300px;
	}
	table td.description {

	}

/* <p> */
p.error {
	color: red;
	background-color: #FFDFE3;
	padding: 5px;
}
p.success {
	color: green;
	background-color: #D3EFD1;
	padding: 5px;
}

/* <form> */
form textarea {
	font-family: Arial, helvetica, sans-serif;
	font-size: 100%;
}

input#saddr {
	width: 150px !important;
}


/* <ul> <li> */
	ul.gallery {
		margin: 0 0 15px 0;
		padding: 0;
		text-align: left;
	}
		ul.gallery li {
			list-style-type: none;
			float: left;
margin: 0 15px 15px 0;
			padding:0;
		}
		ul.gallery li.nopadding {
			list-style-type: none;
			display: inline;
			padding: 0;
		}
		ul.gallery a img{
			border: 2px solid silver;
		}
			ul.gallery a:hover img{
				border: 2px solid #333;
			}

div.property {
	min-height: 165px;
	border-bottom: 1px dotted silver;
}
	div.property img {
		float: left;
	}

	div.property p {
		margin-left: 180px;
		padding-left: 0;
	}
	div.property p.title {

	}
		div.property p.title a {
			font-size: 135%;
			color: #416EAF !important;
		}
			div.property p.title a:hover {
				color: #333 !important;
				text-decoration: none !important;
			}
	div.property table {
		font-size: 80%;
		width: 570px;
		margin-left: 180px;
	}
		div.property table td {
			border: 0;
			text-align: left;
			width: 190px;
		}
	span.th {
		font-weight: bold;
		margin-right: 10px;
	}

	div#property_content {
		width: 500px;
		float: left;
	}

	div#side {
		width: 205px;
		margin-left: 525px;
		padding: 10px;
		background-color: #eee;
		font-size: 95%;
	}
		div#side h5 {
			font-size: 110%;
			margin: 20px 0 5px 0;
			padding: 0;
		}
		div#side p {
			margin-top: 0;
		}

		img.side {
			float: right;
			margin: 10px 0 20px 20px;
		}
		span.date {
			margin: 0;
			padding: 0;
			font-size: 45%;
			font-weight: normal;
			color: #777;
		}

		div#images {
			float: right;
			padding-top: 10px;
			display: inline;
			width: 170px;
		}


		ul.news {
			margin: 10px 0 20px 15px;
			padding: 0;
		}
			ul.news li {
				list-style-type: none;
				padding: 0;
				margin: 0;

			}
				ul.news li span.date {
					margin: 0;
					padding: 0;
					font-size: 80%;
					font-weight: normal;
					color: #777;
				}


		#content .news_items .news p.date {
			position: relative;
			width: 150px;
			float: left;
			margin: 0;
			padding: 0;
			font-size: 80%;
			font-weight: bold;
			line-height:1.3em;
		}


div.news_items .news {
	min-height: 165px;
	border-bottom: 1px dotted silver;
	padding: 15px 0 15px 0;
}
	div.news_items .news p {
		margin-left: 150px;
		padding-left: 0;

	}
		div.news_items .news p.title {
			margin: 0 !important;
			padding: 0 !important;
		}
		div.news_items .news p.title a {
			font-size: 135%;
			color: #416EAF !important;
		}
		div.news_items .news p.title a:hover {
			color: #333 !important;
			text-decoration: none !important;
		}


/* HOME */

#intro {
	padding: 15px 20px;
}

	#intro p {
		font-size: 1.1em;
		line-height: 1.3em;
		margin: 0;
	}

ul#images {
	width: 400px;
	height: 420px;
	margin:10px 0 0 0;
	list-style-type: none;
	padding:0;
	float: left;
}

	ul#images li {
		margin:0;
		padding:0;
	}

		ul#images li a {
			width: 400px;
			height: 420px;
			display: block;
			background-position: 50% 0;
		}

			ul#images li a img {
				display: none;
			}

#findoutmore {
	float: right;
	width: 310px;
	background-color:#ddd;
	background-image: url('images/gray_fade_back.gif');
	background-position: 0 0;
	background-repeat: repeat-x;
	height: 390px;
	margin-top: 10px;
	padding: 15px;
}

	#findoutmore h4 {
		margin-top: 0;
	}

	#findoutmore p strong.phone {
		display:block;
		padding: 10px 0 10px 26px;
		background-image: url('images/phone.gif');
		background-position: 0 10px;
		background-repeat: no-repeat;
		font-size: 140%;
		font-weight: normal;
	}

form#short {

}

	form#short p label {
		float: left;
		width: 120px;
	}

		form#short p label.full {

		}

	form#short p input {
		width: 166px;
		font-size: 90%;
	}

	form#short p textarea {
		width: 300px;
		height: 4em;
		font-size: 90%;
	}
