/* CATEGORIES (in order)
----------------------------------------------------

    MAIN LAYOUT
    SUB LAYOUT
    NAV
    LISTS
    HEADERS
    LINKS
    TEXT
    IMAGES
    TABLES
    FORMS

----------------------------------------------------
*/


/* =MAIN LAYOUT
---------------------------------------------------- */

* {
    xpadding: 0;
    xmargin: 0;
	xtext-align: left;
    }

.clear {
	clear: both;
	}
    
body {
    color: #333;
    xtext-align: center;
    font: normal 12px/normal "Lucida Grande", arial, verdana, helvetica, sans-serif;
    background: #ddd url(../media/bg_body.gif) top repeat-x;
	}

#breadcrumbs {
	xbackground: #333;
	background: #000;
	color: #fff;
	padding: 5px 10px;
	text-align: left;
	border-bottom: #666 solid 1px;
	}

#wrap {
	margin: 0 auto;
	xwidth: 750px;
	width: 760px;
	text-align: left;
	}

#header {
	background: #00419A;  //#1f1083;
	xmin-height: 90px;
	float: left;
	width: 100%;
	}

	#header a {
		float: left;
		xwidth: 245px;
		padding: 5px;
		xtext-indent: -99999px;
		}

	#header p.tagline {
		display: none;
		}	 

#maincol {
	width: 760px;
	float: left;
	background: #fff url(../media/bg_maincol.gif) top left repeat;
	}

#side {
	float: left;
	xwidth: 245px;
}


#sidebar {
	color: #000;
	background: #ffc85d;
	xwidth: 215px;
	width: 175px;
	padding: 15px 15px 0 15px;
	float: left;
	}

#sidebar2 {
	color: #000;
	xcolor: #fff;
	xwidth: 215px;
	width: 175px;
	font-size:11px;
	xbackground: #ffb310;
	background: #bbb;
	xbackground: #666;
	padding: 10px 15px 0 15px;
	float: left;
	border-top: #fff solid 1px;
	clear: both;
	}

#content {
	xwidth: 475px;
	width: 520px;  /* was 525 before working on DPI issue */  
	float: right;
	padding: 15px;
	}

#col-1 {
	float: left;
	xwidth: 230px;
	width: 255px;
	}

#col-2 {
	float: right;
	xwidth: 230px;
	width: 255px;
	}

#state-list {
	background: #00419A;  //#1f1083;
	color: #ffc85d;
	padding: 15px;
	}

#footer {
	font-size: 10px;
	color: #666;
	padding: 10px 15px;
	float: left;
	}

#login {
	color: #fff;
	padding: 5px 10px 5px 10px;
	float: right;
	margin: 0;
	position: relative;
	xmin-height:33px;
	}
	
	#login a {
		color: #fff;	
	}
	
#loginbar {
	display: none;
	padding: 3px 10px;
	background: #666;
	color: #fff;
	text-align: right;
	}

/* =SUB LAYOUT
---------------------------------------------------- */


div.old-content {
	font-size: 16px;
	line-height: normal;
}


p.centered {
	text-align: center;
}

p.spacer {
	clear: none;
	background-color: #F00;
	line-height: 1px;
}

div.search {
	xbackground: #666;
	background: #bbb;
	xcolor: #fff;
    color: #000;
	padding: 15px;
	margin: 0 -15px;
	border-top: #fff solid 1px;
	font-size: 10px;
	}

div.banner-ad {

	color: #fff;
	xpadding: 15px;
	padding-top: 6px;
	padding-left: 0px;
	float: right;
	}

div.user-input {
	background: #eee;
	padding: 15px;
	margin: -15px -15px 15px -15px;
	font-size: 12px;
	line-height: normal;
	}

div.user-input-2 {
	padding: 15px 0 0 0;
	margin: 15px 0 15px 0;
	font-size: 12px;
	line-height: normal;
	border-top: #999 solid 1px;
	
	}
	
div.featured-home {
	padding: 10px;
	margin: 0 0 20px 0;
	border-top: #eee solid 1px;
	border-right: #ccc solid 1px;
	border-bottom: #ccc solid 1px;
	border-left: #eee solid 1px;
	float: left;
	xwidth: 210px;
	width: 225px;
	background: #fff url(../media/bg_featured_home.gif) bottom left repeat-x;
	}

div.homefilter {
	background: #cccccc;  
	xcolor: #ffc85d;
	padding: 5px;
	}

div.box {
	margin: 0 0 15px 0;
	float: left;
	xwidth: 225px;
	width: 245px;
	padding: 0 5px 0 0;
	}

div.box-2 {
	margin: 0 0 15px 0;
	float: left;
	xwidth: 230px;
	width: 245px;
	}
	
div.box-3 {
	margin: 0 0 15px 0;
	float: left;
	xwidth: 230px;
	width: 245px;
	border-top: 1px solid #CBCBCB;
	border-left: 1px solid #CBCBCB;
	padding-left: 6px;
	}

div.mapheading {
	height: 24px;
	border-bottom: #ccc solid 1px;
	}

div.searchheading {
	height: 18px;
	}

div.searchheadingleft {
	font-size: 10px;
	float:left;
	width: 70%;
	}

div.searchheadingright {
	font-size: 10px;
	float:right;
	text-align: right;
	width: 30%;
	}

div.pagination {
	font-size: 12px;
	margin: 0 0 5px 0;
	padding: 5px 0;
	height: 16px;
	border-top: #ccc solid 1px;
	border-bottom: #ccc solid 1px;
	}

div.options {
	float: right;
	width: 150px;
	margin: 0 0 0 20px;
	}

	div.options ul li {
		margin: 0 0 7px 0 !important;
		}

div.details {
	float: left;
	width: 300px;
	}

div.package {
	background: #eee;
	padding: 0;
	float: left;
	width: 510px;
	margin: 0 0 15px 0;
	border: #ccc solid 1px;
	}

	p.select {
		font-size: 13px;
		background: #ccc;   
		padding: 1px;
		}

div.package .buy {
	float: left;
	width: 160px;
	padding: 10px 10px 10px 15px;
	}

div.package .includes {
	float: right;
	width: 260px;
	padding: 5px;
	border-left: #ddd solid 1px;
	}

div.package div.pad {
	padding: 10px;
	}

div.content-page {
	font-size: 12px;
	line-height: normal;
	}

div.location {
	background: #000;
	padding: 8px 15px 8px 15px;
	margin: -15px -15px 15px -15px;
	color: #fff;
	font-size: 14px;
	line-height: normal;
	font-weight: normal;
	}

	div.location span {
		color: #ffc85d;
		}

div.navheader {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	line-height: normal;
	margin: 0 0 10px 0;
	}

div.proplookupheading {
	color: #000;
	margin: 0 0 5px 0;
	font-size: 14px;
	font-weight: bold;
	line-height: normal;
	}
	
p.center {
	text-align: center;
}


.left-element {
	float: left;
	line-height:30px;
	width: 49%;
	color: red;
   }

.right-element {
	float: right;
	width: 49%;
	line-height:30px;
	color: blue;
	text-align: right; /* depends on element width */
   }



/* =NAV
---------------------------------------------------- */

#mainnav {
	float: right;
	xwidth: 505px;
	width: 555px;
	background: #000 url(../media/bg_mainnav.gif) bottom left no-repeat;
	}


#mainnav ul {
    padding: 0;
    margin: 0;
	list-style: none;
	}

	#mainnav ul li {
		float: left;
		padding: 0;
		margin: 0;
		background: none;
		background: transparent url(/media/bg_mainnav.gif) bottom right no-repeat;
	}


	#mainnav ul li a {
		color: #fff;
		text-transform: uppercase;
		padding: 10px 14px;
		float: left;
		text-decoration: none;
		font-size: 12px;
	}


	#mainnav ul li a.active {
		color: #ffb310; /* Or, whatever rollover color you decide */
		background: url(/media/bg_mainnav-active.gif) bottom no-repeat;
		font-weight: bold;
	}


	#mainnav ul li a:hover {
		color: #ffb310; /* Or, whatever rollover color you decide */
		background: url(/media/bg_mainnav-active.gif) bottom no-repeat;
	}

ul.subnav {
	list-style: none;
	margin: 0 0 20px 0;
    padding: 0;    
	}

	ul.subnav li {
		padding: 0 0 5px 0;
		margin: 0 0 5px 0;
		background: transparent url(../media/bg_li_subnav.gif) bottom repeat-x;
		}

	ul.subnav li a {
		text-decoration: none;
		font-size: 12px;
		font-weight: bold;
		}

	ul.subnav li ul {
		padding: 0;
		list-style: none;
		margin: 5px 0;
		}


	ul.subnav li ul li {
		padding: 0 0 0 10px;
		background: transparent url(/media/bg_li_subnav-li.gif) 0 .4em no-repeat;
		}

	ul.subnav li a.active, ul.subnav li a.active:hover {
		font-weight: bold;
		color: #000;
	}


ul.tools {
    padding: 0;
	list-style: none;
	margin: 0 0 20px 0;
	}

	ul.tools li {
		margin: 0 0 7px 0;
		padding: 0 0 0 15px;
		background: transparent url(../media/bg_li_tools.gif) 0 .25em no-repeat;
		}

	ul.tools li a {
		text-decoration: none;
		font-size: 12px;
		line-height: 13px;
		font-weight: bold;
		}

/* =LISTS
---------------------------------------------------- */

ul.package li {
	height:100%;
	list-style: none;
	margin: 0 0 7px -30px;
	padding: 0 0 0 15px;
	background: transparent url(../media/bulletnew.gif) 0 .25em no-repeat;
	}

	ul.package li ul {
		margin: 0 0 20px 0;
	}

	ul.package li ul li {
		list-style: disc;
		margin: 0 0 0px 15px;
		padding: 0 0 0 0px;
		background: none;
	}





dl.add-links {
	margin: 0 0 20px 0;
	}

	dl.add-links dt {
		font-weight: bold;	
		}

	dl.add-links dd {
		margin: 0 0 7px 0;
		}

dl.listings {
	margin: 10px 0 30px 0;
	}

	dl.listings dt {
		font-size: 13px;
		padding: 5px;
		background: #eee;
		margin: 30px 0 5px 0;
		clear: both;
		border-top: #ddd solid 1px;
		}

	dl.listings dd {	
		padding: 0;
		margin: 0;	
		}

	dl.listings dd img {
		margin: 0 10px 10px 0;
		float: left;
		border: #ccc solid 1px;
		padding: 1px;
		}

ul.thumbs {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
	float: left;
	width: 100%;
	}

	ul.thumbs li {
		float: left;
		margin: 0 5px 0 0;
		padding: 0;
		background: none;
		}

ol {
	margin: 0 0 10px 30px;
	}

/* =HEADERS
---------------------------------------------------- */

h1 {
	color: #000;
	font-size: 16px;
	line-height: normal;
}

h1.homepageheader {
	margin: 0 0 0px 0;
	}

h2.homepageheader ul{
	margin-top:5px;
	list-style: none;
}
	h2.homepageheader ul li {
		background: transparent url(../media/bg_li_tools.gif) 0 .25em no-repeat;
		padding: 0 0 0 15px;
		}


h2 {
	color: #000;
	font-size: 16px;
	line-height: normal;
	}

h2.boxheader {
	margin: 5px 0 10px 0;
}

h3 {
	color: #000;
	font-size: 14px;
	line-height: normal;
	margin: 0 0 10px 0;
	}


	div.box h3 {
		font-size: 12px;
		margin: 0 0 5px 0;
		}

	div.user-input h3 {
		border-bottom: #666 solid 1px;
		padding: 0 0 5px 0;
		}

h4 {
	color: #000;
	font-size: 13px;
	line-height: normal;
	margin: 0 0 5px 0;
	}

	h4.fsbo {
		font-weight: normal;
		text-transform: uppercase;
		color: #999;
		margin: 0;
		}

	div.package h4 {
		background: #00419A;
		color: #fff;
		margin: 0;
		padding: 7px 15px;
		font-weight: normal;
		}

	div.package h4 span {
		color: #ffc85d;
		font-weight: bold;
		}

h5 {
	font-size: 11px;
	margin: 0 0 5px 0;
	color: #000;
	}

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


div.slideshow a {
	text-decoration: none; 
	border: none; 
}

	div.slideshow a span
	{
		text-decoration: underline;
	}


a {
	color: #00419A;
	}

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

a.nolink {
	text-decoration: none;
	color: #fff;
}

#breadcrumbs a {
	color: #ccc;
	}

#breadcrumbs a:hover {
	color:#ffc85d;
	}

#state-list a {
	color: #fff;
	text-decoration: none;
	}

	#state-list a:hover {
		color: #fff;
		text-decoration: underline;
		}

a.more {
	background: transparent url(../media/bg_link_more.gif) right no-repeat;
	padding: 0 10px 0 0;
	text-transform: uppercase;
	text-decoration: none;
	}

small a {
	color: #666;
	}

div.navleft {
	float: left;
	width: 100px;
}

div.navcenter {
	float: left;
	text-align: center;
	width: 320px;
}

div.navright {
	float: right;
	width: 100px;
	text-align: right;
}

div.pagination a {
	padding: 1px;
	}

	div.pagination a:hover {
	background: #666;
	color: #fff;
	}

	a.next {
		xfloat: right;
		background: transparent url(../media/bg_link_more.gif) right no-repeat;
		padding: 0 12px 0 0 !important;
		}

		a.next:hover {
			background: #fff url(../media/bg_link_more.gif) right no-repeat !important;
			color: #000 !important;
			}

	a.prev {
		background: transparent url(../media/bg_link_prev.gif) left no-repeat;
		padding: 0 0 0 12px !important;
		}

	a.prev:hover {
		background: #fff url(../media/bg_link_prev.gif) left no-repeat !important;
		color: #000 !important;
		}

/* =TEXT
---------------------------------------------------- */

p {
	margin: 0 0 7px 0;
	}

	#breadcrumbs p, #header p {
		margin: 0;
		}

div.pagination p {
	margin: 0;
	}
	
.price {
	font-weight: bold;
	font-size: 12px;
	}

small {
	color: #999;
	font-size: 11px;
	}

.label {
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: 1px;
	color: #666;
	}

hr {
    margin: 7px 0;
    background: none;
    height: 0px;
    color: #fff;
    border: #ddd solid;
    border-width: 0 0 1px 0;
    clear: both;
    }

* html hr {
	margin: 0 0 5px 0;
	}

.address {
	font-size: 12px;
	}

a img {	
	text-decoration: none;
	border: 0;
	}

/* =IMAGES
---------------------------------------------------- */

div.featured-home img, ul.thumbs img, img.home-pic {
	border: #ccc solid 1px;
	padding: 1px;
	}

div.box img {
	border: #ccc solid 1px;
	padding: 1px;
	float: left;
	margin: 0 10px 10px 0;
	}

div.box-3 img {
	border: #ccc solid 1px;
	padding: 1px;
	float: left;
	margin: 10px 10px 10px 0;
	}

img.star {
	border: 0 !important;
	margin: 0 5px 0 0 !important;
	}

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

table.list {
	font: normal 11px/13px "Lucida Grande", arial, verdana, helvetica, sans-serif;
	margin: 0 0 10px 0;
	}


table.details {
	font: normal 11px/13px "Lucida Grande", arial, verdana, helvetica, sans-serif;
	margin: 0 0 10px 0;
	}

table.list th {
	text-align: left;
	text-transform: uppercase;
	font-size: 10px;
	border-bottom: #666 solid 1px;
	font-weight: normal;
	}

	table.list td {
		padding: 4px 0;
		border-bottom: #ccc solid 1px;
		}

table.details th {
	text-align: left;
	text-transform: uppercase;
	font-size: 10px;
	border-bottom: #ccc solid 1px;
	font-weight: normal;
	padding: 4px 10px 4px 0;
	}

	table.details td {
		padding: 4px 0;
		border-bottom: #ccc solid 1px;
		}

/* =FORMS
---------------------------------------------------- */

input, textarea, select {
	font: normal 11px/13px "Lucida Grande", arial, verdana, helvetica, sans-serif;
	padding: 1px;
	}

input.btn {
	background: #00419A;
	color: #fff;
	border: 0;
	cursor: pointer;
	padding: 2px;
	}

form {
	padding:0;
	margin:0;
}