body {
background: 		#E5E5E5;
color:			#000022;
font-family:		Arial, Helvetica, Verdana, sans-serif;
font-size: 		small;
font-weight:		normal;
text-align:		left;
text-decoration:	none;
padding:		0;
margin:			0;
line-height:		normal;
}









/* --------------------- CONTAINERS ---------------------- */

#container {
display: 		block;
width: 			790px;
background-color: 	#fff;
margin-left: 		auto;
margin-right: 		auto;
margin-top: 		0;
margin-bottom: 		25px;
padding: 		0;
}

#content {
display: 		block;
width: 			765px;
margin: 		40px 0 40px 0;
padding: 		0 0 0 25px;
float: 			left;
}

#left {
display: 		block;
width: 			140px;
margin: 		0;
padding: 		0;
float: 			left;
}

#right {
display: 		block;
width: 			585px;
margin: 		0;
padding: 		0;
float:			right;
}










/* --------------------- COLUMNS ---------------------- */

#v_container {
display: 		block;
width: 			560px;
margin: 		0;
padding: 		0;
float: 			left;
}

#v_col1 {
display: 		block;
width: 			320px;
margin: 		0;
padding: 		0;
float: 			left;
}

#v_col2 {
display: 		block;
width: 			200px;
margin: 		0;
padding: 		0;
float:			right;
}












/* --------------------- HEADER ---------------------- */

#header {
display: 		block;
width: 			790px;
height: 		150px;
background: 		#880033 url(../images/header/header.gif) no-repeat top left;
margin: 		0;
padding: 		0;
}








/* --------------------- MENU ---------------------- */

.menucontainer {
position:		relative;
top:			99px;
left:			25px;
width:			440px;
height:			30px;
overflow:		hidden;
}


.menu ul {
height: 		30px;
margin:			0;
padding:		0;
list-style-type: 	none;
}


.menu ul li {
list-style: 		none;
display: 		inline;
}

.menu ul li a {
float: left;
}

.home a {
display:		block;
width:			49px;
height:			30px;
background:		url(../images/menu/home.gif) no-repeat top left;
background-position:	0px 0px;
}

.home a:hover {
background-position:	0px -30px;
}

.view a {
display:		block;
width:			128px;
height:			30px;
background:		url(../images/menu/view.gif) no-repeat top left;
background-position:	0px 0px;
}

.view a:hover {
background-position:	0px -30px;
}

.advice a {
display:		block;
width:			141px;
height:			30px;
background:		url(../images/menu/advice.gif) no-repeat top left;
background-position:	0px 0px;
}

.advice a:hover {
background-position:	0px -30px;
}

.about a {
display:		block;
width:			71px;
height:			30px;
background:		url(../images/menu/about.gif) no-repeat top left;
background-position:	0px 0px;
}

.about a:hover {
background-position:	0px -30px;
}

.contact a {
display:		block;
width:			50px;
height:			30px;
background:		url(../images/menu/contact.gif) no-repeat top left;
background-position:	0px 0px;
}

.contact a:hover {
background-position:	0px -30px;
}












/* --------------------- IMAGE ---------------------- */

#image {
display: 		block;
width: 			585px;
height:			120px;
margin: 		0 0 25px 0;
padding: 		0;
overflow: 		hidden;
}












/* --------------------- FOOTER ---------------------- */

#footer {
display: 		block;
background: 		#000022 url(../images/footer/footer.gif) repeat-x top left;
width: 			740px;
height: 		10px;
margin: 		0;
padding: 		15px 25px 20px 25px;
color: 			#ccc;
clear: 			both;
}

#footer a {
color: 			#ccc;
font-weight:		normal;
text-decoration: 	none;
padding: 		0;
margin: 		0;
cursor: 		pointer;
float:			right;
}

#footer a:hover {
text-decoration: 	underline;
}

#footer p {
line-height:		normal;
margin:			0;
padding:		0;
float:			left;
display:		inline;
}













/* --------------------- VIEWBTN ---------------------- */

a.viewbtn {
display: 		block;
background: 		url(../images/buttons/viewbtn.gif) no-repeat top left;
width: 			180px;
height: 		25px;
margin:			20px 0 0 0;
}

a:hover.viewbtn  {
background-position: 	0px -25px;
}










/* --------------------- BOOKBTN ---------------------- */

a.bookbtn {
display: 		block;
background: 		url(../images/buttons/bookbtn.gif) no-repeat top left;
width: 			180px;
height: 		25px;
margin:			20px 0 0 0;
}

a:hover.bookbtn  {
background-position: 	0px -25px;
}










/* --------------------- NAV BAR ---------------------- */

.navcontainer {
width:			550px;
}

.nav ul {
height: 		30px;
margin:			0;
padding:		0;
list-style-type: 	none;
float: 			right;
}

.nav ul li {
list-style: 		none;
display: 		inline;
}

.nav ul li a {
float: 			left;
}

.nav a {
font-weight:		bold;
color:			#fff;
text-decoration:	none;
padding:		0 7px 0 0;
}

.nav a:hover {
color:			#ccc;
text-decoration:	underline;
}

.nav a.currentpage {
font-weight:		bold;
color:			#fff;
text-decoration:	underline;
padding:		0 7px 0 0;
}



















/* ----------------------TYPOGRAPHY---------------------- */

h2 {
font-weight: 		bold;
color: 			#880033;
font-size: 		150%;
margin-left:		0;
margin-right:		0;
margin-top:		0;
margin-bottom:		10px;
padding:		0;
}

h3 {
font-weight: 		bold;
color: 			#000022;
font-size: 		110%;
margin-left:		0;
margin-right:		0;
margin-top:		0;
margin-bottom:		10px;
padding:		0;
}

h4 {
font-weight: 		bold;
color: 			#666;
font-size: 		110%;
margin-left:		0;
margin-right:		0;
margin-top:		0;
margin-bottom:		10px;
padding:		0;
}

.large {
font-weight: 		bold;
font-size: 		150%;
margin-left:		0;
margin-right:		0;
margin-top:		0;
margin-bottom:		20px;
padding:		0;
}

.bold {
font-weight: 		bold;
}

.bold a {
color:			#000022;
text-decoration:	none;
cursor:			pointer;
}

.bold a:hover {
color:			#880033;
}

.redbold {
font-weight: 		bold;
color:			#880033;
}

p {
margin-top:		0;
margin-right:		0;
margin-left:		0;
padding:		0;
line-height:		1.6em;
}

ul {
list-style-type: 	none;
padding:		0;
margin-top:		0;
margin-right:		0;
margin-left:		0;
}

ul.list {
line-height:		2em;
}

ul.list a {
font-weight: 		bold;
color: 			#880033;
text-decoration:	none;
}

ul.list a:hover {
color: 			#000022;
}

ul.points {
list-style-type: 	disc;
list-style-position: 	inside;
font-weight: 		bold;
line-height:		1.6em;
}

ul.points li {
margin-bottom:		25px;
}

ul.detaillist {
line-height:		1.6em;
}











/* ----------------------FEATURED PROPERTY---------------------- */

.featuredbox {
display:		block;
background-color: 	#F5F5F5;
width:			200px;
padding:		0 0 15px 0;
}

.featuredimg a img {
display:		block;
width:			200px;
height:			150px;
}

.featuredimg a:hover img {
opacity: 		0.8;
-moz-opacity: 		0.8;
filter: 		alpha(opacity=80);
}

.featuredtitle {
display:		block;
background: 		#880033 url(../images/titles/featured.gif) no-repeat top left;
width:			200px;
height:			45px;
}

.featuredtext {
display:		block;
width:			180px;
margin:			10px 0 0 10px;
}












/* ----------------------VIEW BAR---------------------- */

#viewbar {
display:		block;
background: 		#880033 url(../images/titles/view.gif) no-repeat top left;
width:			550px;
height:			30px;
padding:		15px 10px 0 0;
margin:			0;
}



/* ----------------------DETAIL BAR---------------------- */

#detailbar {
display:		block;
background: 		#880033 url(../images/titles/detail.gif) no-repeat top left;
width:			560px;
height:			45px;
padding:		0;
margin:			0;
}



/* ----------------------RESULTS BAR---------------------- */

#resultsbar {
display:		block;
background: 		#880033 url(../images/titles/results.gif) no-repeat top left;
width:			550px;
height:			30px;
padding:		15px 10px 0 0;
margin:			0;
}



/* ----------------------FOOTER BAR---------------------- */

#footerbar {
display:		block;
background-color: 	#880033;
width:			550px;
height:			30px;
padding:		15px 10px 0 0;
margin:			10px 0 0 0;
}













/* ----------------------PROPERTY BOX---------------------- */

.propertybox {
display: 		block;
background-color: 	#F5F5F5;
width:			560px;
padding:		0;
margin:			10px 0 0 0;
}

.propertytext {
display: 		block;
width:			340px;
margin:			10px 10px 0 10px;
padding:		0 0 15px 0;
}

.propertyimg {
display: 		block;
width:			200px;
height:			150px;
padding:		0;
margin:			0;
}

.propertyimg a img {
width:			200px;
height:			150px;
padding:		0;
margin:			0;
}

.propertyimg a:hover img {
opacity: 		0.8;
-moz-opacity: 		0.8;
filter: 		alpha(opacity=80);
}













/* ----------------------DETAIL BOX---------------------- */

.detailbox {
display: 		block;
background-color: 	#F5F5F5;
width:			560px;
margin:			10px 0 0 0;
}

.detailtext {
display: 		block;
width:			190px;
margin:			10px 40px 0 10px;
padding:		0 0 15px 0;
}

.detailimg {
display: 		block;
width:			320px;
height:			240px;
padding:		0;
margin:			0 0 10px 0;
}

#detailmap {
display: 		block;
width:			320px;
height:			240px;
padding:		0;
margin:			0;
}













/* ----------------------LINKS---------------------- */

.linksbox {
display:		block;
background-color: 	#F5F5F5;
width:			200px;
padding:		10px 0 10px 0;
}

.linksbox a {
display:		block;
width:			180px;
margin:			0 10px 0px 10px;
}

.linksbox a:hover {
opacity: 		0.8;
-moz-opacity: 		0.8;
filter: 		alpha(opacity=80);
}














/* ----------------------PROPERTY SEARCH / FORMS & BUTTONS ---------------------- */

.select {
width:			140px;
font-size: 		small;
font-family:		Arial, Helvetica, Verdana, sans-serif;
color:			#000022;
border: 		1px solid #999;
margin:			0;
padding:		0;
}

.code {
width:			138px;
font-size: 		small;
font-family:		Arial, Helvetica, Verdana, sans-serif;
color:			#000022;
border: 		1px solid #999;
margin:			0;
padding:		2px;
}

.form {
width:			200px;
font-size: 		small;
font-family:		Arial, Helvetica, Verdana, sans-serif;
color:			#000022;
border: 		1px solid #999;
margin:			0;
padding:		2px;
}

.send {
width:			40px;
height:			14px;
margin:			0;
padding:		0;
border:			none;
}

.go {
width:			23px;
height:			14px;
margin:			0;
padding:		0;
border:			none;
}














/* ---------------------TABLES---------------------- */

table {
width: 			100%;
display: 		inline-table;
margin-left:      	0px;
margin-right:     	0px;
border:           	none;
border-collapse:  	collapse;
background-color: 	#f5f5f5;
text-align:       	left;
}

table tr td {
border:           	none;
padding:          	0;
vertical-align: 	top;
text-align:       	left;
}

.cellcolor {
background-color: 	#ccc;
}













/* ----------------------GENERAL---------------------- */

a img {
margin:			0;
padding:		0;
border:			0;
}

img a {
margin:			0;
padding:		0;
border:			0;
}

h1, h2, h3, h4, h5, p {
cursor: 		default;
}

.invisible {
display:		none;
}

img {
border:			0;
}

a:active, a:focus {
outline: 		0;
}