/* Global Element Stylings */
/* --------------------------------------------- */
/* --------------------------------------------- */

html, body {
  margin: 0;
  padding: 0;
  background-color: #67758e;
}
body {
  text-align: center;
}
html, body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
body td {
	border : 0px;
}
h1, h2, h3, h4, h5 {
  color: #000d61;
  font-family: "Times New Roman", Times, serif;
}
h2 {
  margin: 15px 0 10px 0;
  font-size: 17px;
  letter-spacing: 1px;
}
h3 {
  font-size: 17px;
  text-transform: uppercase;
}
blockquote {
  padding: 0;
  margin: 5px;
}
a {
  color: #ba6e14;
  text-decoration: none;
}
a:hover {
  color: #693E0C;
}
.hideme {
  display: none;
}
.left {
  float: left;
}
.right {
  float: left;
  margin-right: 10px;
}

/* Primary Site Design */
/* --------------------------------------------- */
/* --------------------------------------------- */

#main-wrap {
  width: 800px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}
#header {
  padding-top: 10px;
  width: 800px;
  height: 98px;
  background-image: url(../images/header_bg.gif);
  background-repeat: no-repeat;
}
#header h1 {
  margin: 0;
  padding: 0;
}
#header h1 a {
  display: block;
  width: 500px;
  height: 69px;
  text-indent: -10000px;
  overflow: hidden;
}
#header p {
  margin: 0;
  padding: 0;
}
#header-top {
  height: 28px;
  line-height: 28px;
  font-size: 11px;
}
#header-top-left {
  float: left;
  color: #cbd2de;
  margin-left: 10px;
  width: 40%;
}
#header-top-right {
  font-family: "Times New Roman", Times, serif;
  float: right;
  text-align: right;
  margin-right: 10px;
  font-size: 14px;
  width: 40%;
}
#header-top-right ul, #header-top-right li {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline;
  color: #edd7bf;
}
#header-top-right ul li a {
  color: #edd7bf;
  text-transform: uppercase;
}
#header-top-right ul li a span {
  font-weight: bold;
}
#header-bottom {
  height: 70px;
  line-height: 28px;
}
#header-bottom-left {
  float: left;
  width: 505px;
}
#header-bottom-right {
  float: right;
  width: 295px;
}
#header-bottom-right * {
  margin: 0;
  padding: 0;
  color: #fff;
  line-height: 13px;
  font-size: 11px;
  padding-top: 8px;
}
#header-bottom-right h3 {
  font-size: 13px;
}
#header-address-left {
  float: left;
  text-align: right;
  padding-right: 20px;
}
#header-address-right {
  float: left;
}
#navigation {
  font-family: Georgia;
  text-transform: uppercase;
  font-size: 11px;
  width: 800px;
  height: 28px;
  clear: both;
}
#navigation ul {
  margin: 0;
	padding: 0;
  height: 28px;
}
#navigation ul li {
  padding: 0;
  margin: 0;
	display: block;
  list-style: none;
	float: left;
  height: 28px;
  border-right: 1px solid #67758e;
}
#navigation ul li.last {
	border-right: none;
}
#navigation ul li a {
  background-color: #f6ece1;
  border-top: 3px solid #000d61;
  color: #000d61;
  height: 25px;
  line-height: 25px;
	cursor: pointer;
	display: block;
  padding: 0 4px;
}
#navigation ul li.last a {
	padding : 0 4px;
}
#navigation ul li.first a {
  padding: 0 6px;
}
#navigation ul li a:hover {
  background-color: #fff;
  border-top-color: #8c0000;
  color: #8c0000;
}
#content-header {
  width: 798px;
  border: 1px solid #fff;
  border-top: none;
  margin-bottom: 5px;
}
#content-header-title {
  background-image: url(../images/content_header_title.gif);
  background-repeat: no-repeat;
  height: 122px;
}
#content-area {
  background-color: #fff;
  width: 798px;
  border: 1px solid #fff;
  border-bottom: none;
}
#content-image-area {
  display: none;
}
#primary-content {
  width: 768px;
  height: 100%;
  padding: 11px;
}
#primary-content a {
  font-weight: bold;
}
#primary-content p {
  line-height: 18px;
}
#primary-content h2 {
  margin: 0 0 15px 0;
  text-indent: -10000em;
}
#secondary-content {
  min-height: 500px;
  background-color: #bbc4d4;
  width: 194px;
  height: 100%;
  padding: 10px;
  float: left;
}
.sidebuttons {
	height: 15px;
	width: 183px;
	background-color: #dae0ea;
	border-left: 10px solid #000d61;
	text-align: left;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-bottom: 8px;
}
.sidebuttontext {
	color: #000d61;
	font-size: 14px;
	font-weight: bold;
	margin-left: 12px;
}
.sidebuttontext:hover {
	color:#ffffff;
}
.sidebuttonsbrowncontainer {
  margin-bottom: 5px;
  background-color: #f0e0cd;
  height: 8px;
  width: 193px;
  border: 1px solid #ffffff;
  text-align: center;
  padding-top: 8px;
  padding-bottom: 15px;
}
.sidebuttonsbrown {
  font-weight:bold;
  color: #000d61;
}
.sidebuttonsbrown:hover {
  color: #ffffff;
}
#footer {
  background-image: url(../images/footer_bg.gif);
  background-repeat: no-repeat;
  font-size: 12px;
  line-height: 16px;
  color: #cbd2de;
  padding: 15px 10px 10px 10px;
}
#footer a {
  color: #f4e9db;
  font-weight: bold;
}

/* Page Specific Design */

/* --------------------------------------------- */
/* Homepage */
/* --------------------------------------------- */

/* Content Image & MLS Buttons */

.home #content-header-title {
  background-image: url(../images/content_header_title_home.gif);
}
.home #content-image-area {
  height: 235px;
  display: block;
}
#content-image-area-left {
  background-image: url(../images/content_image_area_left_home.jpg);
  background-repeat: no-repeat;
  background-color: #edd7bf;
  height: 235px;
  width: 214px;
  float: left;  
  text-align: center;
}
#content-image-area-right {
  background-image: url(../images/content_image_area_right_home.jpg);
  background-repeat: no-repeat;
  height: 100%;
  width: 584px;
  float: right;
}
#content-image-area-left ul {
  font-family: "Times New Roman", Times, serif;
  text-transform: uppercase;
  font-size: 13px;
  margin: 0;
  padding: 0;
}
#content-image-area-left ul li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
  margin-top: 5px;
}
#content-image-area-left ul li a {
  background-color: #f6ece1;
  width: 206px;
  margin-left: auto;
  margin-right: auto;
  height: 25px;
  line-height: 25px;  
  color: #000d61;
  display: block;
}
#content-image-area-left ul li a:hover {
  background-color: #fff;
  color: #8c0000;
}

/* MLS Search Sidebar */

#secondary-content h3 {
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  border-bottom: 3px solid #890113;
}
#secondary-content strong {
  font-size: 14px;
  color: #00204A;
  letter-spacing: 1px;
}
#secondary-content select {
  width: 180px;
}
#secondary-content .search-interface-item {
  margin: 10px 0;
}
#secondary-content .search-interface-item-small {
  width: 95px;
  margin: 0 0 10px 0;
}
#secondary-content .search-interface-item-small select {
  width: 85px;
}
#secondary-content .search-interface-item {
  margin: 10px 0;
}
#secondary-content .search-interface-item-padded {
  padding: 5px 0 5px 5px;
  font-size: 12px;
}
#secondary-content .search-interface-item-padded strong {
  display: inline-block;
  margin-bottom: 2px;
}
#secondary-content .search-interface-item-padded label {
  line-height: 15px;
}
#secondary-content .search-interface-item-padded input {
  float: left;
  margin-right: 5px;
}
#secondary-content .alt {
  background-color: #DADFE9;
}
.search-interface-submit {
  margin: 5px 0;
}

/* Page Titles */
/* --------------------------------------------- */
/* --------------------------------------------- */

#title-home {
  width: 546px;
  height: 49px;
  background-image: url(../images/title_home.gif);
  background-repeat: no-repeat;
}
#title-current-listings {
  width: 213px;
  height: 55px;
  background-image: url(../images/title_current_listings.gif);
  background-repeat: no-repeat;
}
#title-sell-your-home {
  width: 197px;
  height: 45px;
  background-image: url(../images/title_sell_your_home.gif);
  background-repeat: no-repeat;
}
#title-rentals {
  width: 118px;
  height: 65px;
  background-image: url(../images/title_rentals.gif);
  background-repeat: no-repeat;
}
#title-agent-directory {
  width: 222px;
  height: 67px;
  background-image: url(../images/title_agent_directory.gif);
  background-repeat: no-repeat;
}
#title-local-resources {
  width: 202px;
  height: 54px;
  background-image: url(../images/title_local_resources.gif);
  background-repeat: no-repeat;
}
#title-green-living {
  width: 162px;
  height: 40px;
  background-image: url(../images/title_green_living.gif);
  background-repeat: no-repeat;
}
#title-calculator {
  width: 136px;
  height: 65px;
  background-image: url(../images/title_calculator.gif);
  background-repeat: no-repeat;
}
#title-contact-us {
  width: 133px;
  height: 54px;
  background-image: url(../images/title_contact_us.gif);
  background-repeat: no-repeat;
}
#title-about-us {
  width: 133px;
  height: 65px;
  background-image: url(../images/title_about_us.gif);
  background-repeat: no-repeat;
}

/* Page Content Designs / System Designs */
/* --------------------------------------------- */
/* --------------------------------------------- */

/* Homepage */

.home #primary-content {
  width: 554px;
  float: right;
}
.featured-property-callout {
  border: 1px solid #890113;
  padding: 10px 10px 5px 10px;
  margin-bottom: 10px;
}
.featured-property-callout h3 {
  color: #000d61;
  margin: 0 0 10px 0;
  padding: 0;
}
.featured-property-callout .basic-meta {
  float: left;
  width: 120px;
  text-align: right;
  font-size: 11px;
}
.featured-property-callout .image {
  float: left;
  width: 200px;
  margin-left: 10px;
}
.featured-property-callout .description {
  float: left;
  width: 190px;
  margin-left: 10px;
  font-size: 11px;
}

/* Agent Listing */

.agent-listing {
	font-family : Verdana,Arial,Helvetica,sans-serif;
	padding : 0px 10px;
	border-top : 1px solid #5C91AA;
	border-bottom : 1px solid #5C91AA;
	background : url(../images/adr-bg.png) repeat-y;
	width : 756px;
	margin : auto;
}

#primary-content .single-agent .agent-item {
	width : 100%;
	float : none;
}

.agent-listing .agent-item {
	width : 50%;
	float : left;
	margin : 10px 0px;
}

.agent-listing .agent-item .image-container {
	float : left;
}

.agent-listing .data-container {
	margin-left : 110px;
}

.single-agent {
	margin : auto;
}

.agent-text {
	margin-top : 10px;
}

#primary-content .agent-listing .agent-item h2 {
	text-indent : 0px;
	display : inline;
	font-size : 11px;
	font-weight : normal;
	color : #000;
	font-family : Verdana,Arial,Helvetica,sans-serif;
	letter-spacing : normal;
}

#primary-content .agent-listing .agent-item strong {
	font-weight : normal;
	text-indent : 0px;
	display : inline;
	font-size : 11px;
	color : #000;
	font-family : Verdana,Arial,Helvetica,sans-serif;
	letter-spacing : normal;	
}

#primary-content .agent-listing .agent-item h1 {
	text-indent : 0px;
	color : #2B769A;
	font-size : 11px;
	font-family : Verdana,Arial,Helvetica,sans-serif;
}

#primary-content .agent-listing .agent-item h1 a {
	color : #2B769A;
	text-decoration : none;
}

/* Listings */

.listing {
	font-family : Verdana,Arial,Helvetica,sans-serif;
	padding : 0px 10px;
	border-top : 1px solid #5C91AA;
	border-bottom : 1px solid #5C91AA;
	background : url(../images/adr-bg.png) repeat-y;
	width : 756px;
	margin : auto;
}

#primary-content .single-agent .listing-item {
	width : 100%;
	float : none;
}

.listing .listing-item {
	margin : 10px 0px;
}

#primary-content .single-listing .listing-item {
	float : none;
	width : 100%;
	clear : left;
}

#primary-content .single-listing .listing-item .data-container {
	line-height : 1.5em;
	margin-left : 410px;
}

#primary-content .single-listing .listing-item .image-container {
	width : 400px;
	margin-bottom : 5px;
}

#primary-content .single-listing .listing-item .image-container {
	width : 400px;
	min-height : 330px;
}

.listing .listing-item .image-container {
	float : left;
}

.listing .listing-item .image-container img {
}

.listing .data-container {
	margin-left : 170px;
}

.listing-text {
	margin-top : 10px;
}

.ImageSelect
{
	margin-top : 5px;
	padding-top : 5px;
	border-top : 1px dashed #444;
}

.listing .image-item {
	float : left;
	width : 135px;
	margin : 5px;
}

.listing .image-item img
{
	width : 135px;
}

#primary-content .listing .listing-item h2 {
	text-indent : 0px;
	display : inline;
	font-size : 11px;
	font-weight : normal;
	color : #000;
	font-family : Verdana,Arial,Helvetica,sans-serif;
	letter-spacing : normal;
}

#primary-content .listing .listing-item strong {
	font-weight : normal;
	text-indent : 0px;
	display : inline;
	font-size : 11px;
	color : #000;
	font-family : Verdana,Arial,Helvetica,sans-serif;
	letter-spacing : normal;	
}

#primary-content .listing .listing-item h1 {
	text-indent : 0px;
	color : #2B769A;
	font-size : 11px;
	font-family : Verdana,Arial,Helvetica,sans-serif;
}

#primary-content .listing .listing-item h1 a {
	color : #8C0000;
	text-decoration : none;
}

.left-button, .right-button {
	border : 1px solid #000D61;
	border-left : none;
	font-family : "Times New Roman",Times,serif;
	font-weight : normal;
}

.left-button {
}

.left-button, .right-button {
	display : block;
	background : #F6ECE1;
	color : #000D61;
	border-left : 1px solid #000D61;
	padding : 2px 5px;
}

.buttons {
	float : left;
}

.buttons-right {
	float : right;
}

.right-button {
}

.form-items label {
	font-weight : bold;
}

.form-items .single-col, 
	.form-items .three-col, 
	.form-items .two-col {
	margin : 10px 0px;
	clear : both;
	overflow : hidden;
}

.form-items .single-col {	
}

.form-items .single-col label {
	width : 20%;
	float : left;
	display : block;
}

.form-items .single-col input[type="text"] {
	width : 60%;
}

.form-items .two-col label {
	width : 6%;
	display : block;
	float : left;
}

.form-items .two-col input[type="text"][type="text"] {
	width : 15%;
}

.form-items .three-col label {
	width : 6%;
	display : block;
	float : left;
}

.form-items .three-col input[type="text"] {
	width : 15%;
}

.form-items .two-col .first,
	.form-items .three-col .first {
	width : 20%;
	float : left;
	display : block;
	text-align : left;
	padding-right : 0px;
}

.form-items .radio-container {
	
}

.form-items .radio-container input {
	vertical-align : middle;
	margin : 0px 4px;
}

.form-items .two-col label,
	.form-items .three-col label {
	text-align : right;
	padding-right : 5px;
}

.form-items .two-col input[type="text"],
	.form-items .three-col input[type="text"] {
	display : block;
	float : left;
}

.form-items textarea {
	width : 460px;
	height : 150px;
}

.form-items .submit-col {
	background : #eee;
	border-top : 1px solid #aaa;
	padding : 10px 20px;
}

/* Current Listings */

/* Local resources */
.local-resources td, .local-resources th {
	border	: none;
}