/* ======================= */

	body {
		text-align: center;
		margin: 0 auto;
		padding: 0;
		font-family: Verdana, sans-serif;
		font-size: 62.5%;
		background: #000066;
        background-image: url(../images/blue-tile1.jpg)
	}
	/*  to outline div boxes
	div {
		border: 1px solid Black;
	}
	*/

	#wrapper {
		text-align: center;
		color: #333;
		margin: -1px auto -1px auto; /* -1px needed for absolute position to work */
		padding: 0;
		width: 90%;
		min-width: 780px;
		max-width: 960px;
		background: #ffffff;
		border: 1px solid #000066;   /* 1px needed for absolute position to work */
	}

	/* header ======================= */

	#header {
		background: #e0e0e6;
		margin: 0px;
		padding: 0px;
		width: 100%;
		border: 0px solid blue;
	}

	#header h1 {
		float: left;
		margin: 10px 0 0 0;
		padding: 0px 4%;
		font-family: Georgia, serif;
		font-size: 200%;
		color: #000066;
	}

	#header h1 strong {
		font-size: 200%;
	}

	#header img {
		float: left;
		width: 100px;
		margin: 10px 0 10px 2%;
	}
	
	#home #header {
	position: relative;
    border: 0px solid blue;
	}

	#home #header .alert {
	position: absolute;
	top: 60px;
	right: 10px;
	z-index: auto;
	width: 18em;
    border: 0px solid purple;
  	border: solid #fff;
	border-width: 0 1px;
	background: #fff;
    }

    #home #header .alert p img {
      float: none;
      border: none;
      margin: 0px;
      padding: 0px;
      width: 15px;
    }


    #home #header .alert p {
		margin: 0px;
		padding: 0px;
		text-align: center;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 120%;
		color: #000066;
		border: 0px solid green;
	}

	#home #header .alert div {
  		position: relative;
  		top: -1px;
  		left: 0;
  		border: solid #fff;
  		border-width: 1px 0 0;
	}

	#home #header .alert div div {
		top: 2px;
		border-width: 0 0 1px;
		padding: .1em;
	}

	#header .strip {
		margin: 0px;
		padding: 1px;
		height: 14px;
		background: #999;
		border: 0px solid green;
	}
	
	.clear {
		clear: both;
	}

	/* mainNav 	======================= */


    #navigation {
		text-align: left;
		margin: 0px;
		padding: 10px 0px 0px 0px;
		width: 100%;
		background: #999999;
		border: 0px solid yellow;
	}
	
	#navigation .corner {
		position: relative;
		float: right;
		padding: 0px;
		margin: -10px -10px 0px 0px;
		border: 0px solid black;
	}

    #navigation .corner-br {
		position: relative;
		float: right;
		padding: 0px;
		margin: 0px 0px 0px 0px;
		border: 0px solid black;
		}

    #navigation .extend {
		text-align: center;
		color: #fff;
		font-size: 1.2em;
		margin: 0px auto;
		padding: 0px;
		width: 100%;
		background: #999999;
		border: 0px solid red;
	}

	#navigation .extend img {
		width: 90%;
        max-width: 200px;
		margin: 20px auto 0px auto;
		border: 2px solid #666;
	}

	ul {
		margin: 0 auto;
		padding: 0px;
		width: 92%;
		background: #999999;
		list-style: none;
		text-transform: uppercase;
		border: 0px solid Fuchsia;
	}

	ul li {
		padding: 1px;
		margin: 1px auto 1px auto;
		border: 0px solid red;
	}

	ul a:link, ul a:visited, ul a:hover, ul a:active  {
		display: block;
		padding: 0.1em 1em;
		text-decoration: none;
		color: #fff;
		background: #5a5a99;
		border: 0px solid green;
	}

	ul a:hover {
		background: #cc0033;
	}

	#home #navigation .home a,
	#residential #navigation .residential a,
	#rentals #navigation .rentals a,
	#commercial #navigation .commercial a,
	#vacant #navigation .vacant a,
	#offthe #navigation .offthe a,
	#sold #navigation .sold a,
	#info #navigation .info a,
	#about #navigation .about a,
	#latest #navigation .latest a,
	#links #navigation .links a	 {
		color: #fff;
		cursor: default;
		background: #cc0033;
	}
	

	/* Content start ======================= */

	#content {
		text-align: left;
		float: left;
		width: 100%;
		margin: 0px;
		padding: 0px;
		font-size: 1.0em;
		color: #666;
		line-height: 1.5em;
		border: 0px solid yellow;
	}

	.content-column1 {
		float: left;
		width: 21%;
		text-align: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.1em;
		margin: 0px auto 0px auto;
		padding: 0px 0px 0px 0px;
		border: 0px solid green;
	}
	

	
	.column1-section {
		text-align: center;
		color: #fff;
		font-size: 1.2em;
		margin: 40px auto;
		padding: 0;
		width: 100%;
		background: #999999;
		border: 0px solid red;
	}
	
	.column1-section img {
		width: 90%;
        max-width: 200px;
		margin: 10px auto 10px auto;
		border: 2px solid #666;
	}

	.content-column2 {
		float: right;
		width: 75%;
		text-align: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.0em;
		margin: 20px auto 0px auto;
		padding: 0px 12px 0px 0px;
		border: 0px solid black;
	}


	h2 {
		text-align: center;
		font-weight: normal;
		color: #000066;
		margin: 20px 0px 10px 0px;
		padding: 0px;
		font-size: 2.4em;
	}
	
	h3 {
		text-align: center;
		font-weight: normal;
		color: #cc0033;
		font-size: 200%;
    }
	 
	 h4 {
	text-align: left;
	font-weight: normal;
	line-height: 1.2em;
	margin: 30px 0px 10px 0px;
	padding: 0px;
	color: #cc0033;
	font-size: 160%;
	border: 0px solid black;
  }

     h5 {
	text-align: left;
	font-weight: bold;
	line-height: 1.2em;
	margin: 20px 0px 4px 0px;
	padding: 0px;
	color: #cc0033;
	font-size: 120%;
	border: 0px solid black;
}

	.text {
		font-size: 140%;
        font-style: italic;
        text-align: left;
        margin: 0px 0px 4px 0px;
	}

    .text2 {
		font-size: 180%;
        font-style: normal;
        text-align: center;
        margin: 20px 0px 32px 0px;
	}
	
	.text3 {
		font-size: 120%;
        font-style: italic;
        text-align: left;
        margin: 0px 20px 0px 20px;
	}
	
	.text4 {
	font-size: 120%;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	line-height: 1.3em;
	margin: 0px;
	padding: 0px;
	border: 1px solid black;
}
	
	/*  homepage-content  */
	
	.home-content {
	font-size: 140%;
	font-weight: bold;
	font-style: italic;
	line-height: 1.3em;
	margin: 0px auto 20px auto;
	color: #666666;
	border: 0px solid yellow;
}

    .image-container {
        width: 180px;
		float: right;
		margin: 0px auto 0px auto;
		padding: 0px;
		text-align: center;
		border: 0px solid red;
	}

	.image-container img {
		margin: 6px;
	}

	.home-content .icon {
		text-align: center;
		margin: 30px auto 10px auto;
		}
	
	.home-content .icon img {
		border: none;
		}
		
		/*   end homepage-content  */
		
	.main-content {
	text-align: center;
	font-size: 120%;
	font-weight: bold;
	font-style: normal;
	line-height: 1.3em;
	margin: 0px auto 20px auto;
	width: 96%;
	color: #666666;
	border: 0px solid yellow;
	}

	.left {
		float: left;
		text-align: left;
		width: 49%;
		margin: 0px 0px 0px 0px;
		border: 0px solid blue;
	}
	
	.right {
		float: right;
		text-align: left;
		width: 49%;
		margin: 0px 0px 0px 0px;
		border: 0px solid blue;
	}
	
	
	.image-row {
		margin: 40px 0px 30px 0px;
		text-align: center;
	}
	
	.image-row img {
		margin: 10px 10px 10px 0px;
	}
	

	.smaller-content {
		font-size: 120%;
		width: 86%;
		text-align: center;
		margin: 0px auto 0px auto; 
		border: 0px solid red;
	}
	
	.larger-content {
		font-size: 120%;
		width: 96%;
		text-align: center;
		margin: 0px auto 20px auto; 
		border: 0px solid red;
	}
	
	.larger-content img {
	margin: 10px 1% 10px 1%;
	}
	
	.box-photo-caption {
	float: left;
	width: 28%;
	margin: 0px 10px 20px 10px;
	padding: 0px;
	color: #666666;
	text-align: center;
	font-weight: bold;
	font-style: normal;
	line-height: 1.3em;
	border: 0px solid green;
	}
	
	.box-photo-caption img {
		margin: 10px 0px 10px 0px;
		border: 1px solid #000000;
	}
	
	.box-photo-caption-horizonal {
	font-size: 120%;
	float: left;
	width: 98%;
	margin: 10px 10px 10px 10px;
	padding: 0px;
	color: #666666;
	text-align: left;
	font-weight: bold;
	font-style: normal;
	line-height: 1.3em;
	border: 0px solid green;
	}
	
	.box-photo-caption-horizonal img {
		float: left;
		margin: 0px 14px 0px 0px;
		border: 1px solid #000000;
	}

    /* for about page - bud meyeres */
    .special-box {
      margin: 10px auto 24px auto;
      padding: 10px;
      width: 20em;
      height: 117px;
      text-align: center;
      font-family: Arial, Helvetica, sans-serif;
      color: #000066;
      font-size: 120%;
      background: #e0e0e0;
      border: 0px solid #000000;
    }

    .special-box img {
      float: left;
      margin: 0.2em 0.8em 0.2em 0.8em;
      padding: 0px;
      border: 1px solid #000000;
     }

	/*   listing code  */

	.listing {
		float: left;
		width: 98%;
		padding: 10px 0 10px 0;
		border: 0px solid blue;
	}

	.listing dl {
		float: left;
		width: 100%;
		margin: 10px 0px 20px 0px;
		padding: 4px;
		border: solid 0px #999;
	}
	.listing dl:after { /* self-clear floats */
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	.listing dt {
	float: right;
	width: 100%;
	margin: 0px 0px 3px 0px;
	padding: 3px 0 3px 3px;
	font-size: 140%;
	letter-spacing: 1px;
	color: #000066;
	font-weight: bold;
	line-height: 1.5em;
	background: url(../images/background7b.png);
	border: 0px solid blue;
}
	.listing dd {
		margin: 0 0 0 260px;
		padding: 0;
		font-size: 130%;
		font-weight: bold;
		line-height: 1.3em;
		color: #666666;
		border: 0px solid yellow;
	}
	
	.listing dd img {
		padding: 0px;
		margin: 0px;
		border: none;
	}

	.listing dd.img-table {
		position: relative;
		margin: 6px 8px 0 0;
		float: left;
		font-size: 110%;
		border: 0px solid green;
	}
	.listing dd.img-table img {
		margin: 0;
		padding: 4px;
		border: 1px solid #d9e0e6;
		border-bottom-color: #c8cdd2;
		border-right-color: #c8cdd2;
	}
	
	.listing dd.img-table table img {
		padding: 0px;
		margin: 0px;
		border: none;
	}

	.listing dd.img-table span.overlay {
		position: absolute;
		left: 70px;
		top: 54px;
		z-index: auto;
		margin: 0px;
		padding: 0px;
		font-size: 190%;
		color: #cc0033;
		line-height: 100%;
		text-align: center;
		border: 0px solid black;
	}
	
	.listing dd.img-table span.overlay1 {
		position: absolute;
		left: 64px;
		top: 46px;
		z-index: auto;
		margin: 0px;
		padding: 0px;
		font-size: 190%;
		color: #cc0033;
		line-height: 100%;
		text-align: center;
		border: 0px solid black;
	}

    .listing dd.img-table span.overlay2 {
		position: absolute;
		left: 90px;
		top: 70px;
		z-index: auto;
		margin: 0px;
		padding: 0px;
		font-size: 190%;
		color: #cc0033;
		line-height: 100%;
		text-align: center;
		border: 0px solid black;
	}

	.listing dd.img-table table {
		width: 250px;
		margin: 6px 0 0 0;
		padding: 0;
		text-transform: uppercase;
		border-collapse: collapse;
		border: solid 1px #c8cdd2;
	}
	.listing dd.img-table td {
		padding: 1px 2px 1px 6px;
		margin: 0;
		text-align: left;
		border-bottom: 1px solid #c8cdd2;
	}
	
	.listing dd.img-table td.align-right {
		padding: 1px 10px 1px 2px;
		margin: 0;
		text-align: right;
		border-bottom: 1px solid #c8cdd2;
	}
	
	.listing dd.img-table .statis {
		text-align: center;
		font-size: 120%;
	}
	
	.listing dd a {
	white-space: nowrap;
	position: relative;
	}

    .contrasting-color {
		color: #cc0033;
	}
	
	.date {
		text-align: right;
		color: #fff;
		padding: 0px;
		margin: 0 10px 0 0;
	}

    .highlight-box {
      background-color: #ffdddd;
      padding: 6px;
      }


    .underline {
      text-decoration: underline;
      }

	.link1 {
		text-align: right;
		padding: 0px;
		margin: 10px 20px 10px 0px;
	}
	
	.link1 a {
		color: #cc0033;
		font-size: 120%;
		font-weight: bold;
		text-decoration: none;
	}

	.link1 a:hover {
		text-decoration: underline;
	}

    .link2 {
		text-align: center;
        font-size: 160%;
        font-weight: bold;
		padding: 0px;
		margin: 30px 0px 0px 0px;
        color: #666666;
	}

    .link2 a {
		text-decoration: none;

	}

	.link2 a:hover {
		text-decoration: underline;
	}

     .arrows {
      padding: 2px 40px 2px 40px;
      margin: 0px 160px 0px 160px;
      border: 0px solid black;
    }


	/* footer ======================= */
	
	.prefooter {
		font-size: 140%;
		text-align: center;
		padding: 0px;
		margin: 1px auto 20px auto;
        border: 0px solid red;
	}

	#footer {
		clear: both;
		font-size: 100%;
		color: #fff;
		margin: 0px;
		padding: 10px 0px 10px 0px;
		background: #777;
		border: 0px solid green;
	}

	
	/*  IE fixes ======================= */

	#content, #sidebar, #footer {
		height: 1%;
	}
	* html dl.feature { /* for IE5+6 */
		height: 1%;
	}
	*:first-child+html .feature { /* for IE7 */
		min-height: 1px;
	}