body {
	background: #fff;
	
}
a {
	color:#50351A;
}
a:visited {
	color:#50351A;
}

h2.link {
	font-family:Tahoma;
	font-size:18px;
	font-weight:bold;
	text-decoration:underline;
}
h2.link a {
	color: #50351A;
}
h2.alert {
	color: #FF0000;
}
h2.callout {
	font-size:18px;
	font-weight:bold;
	color: #FC6600;
}
.larger {
	font-size:14px;
	line-height: 19px;
}
.center {
	text-align: center;
}
.container {
	margin:0 auto;
	width:950px;
}
.latestRSS {
	width:900px;
	margin: 0 auto;
	background: url(../images/icons/latestrss.png) no-repeat 0 100%;
	padding-left: 20px;
	padding-top: 10px;
}
span.featured {
	font-style: italic;
	font-weight:bold;
	color: #00008F;
}
#pageWrapper {
	background: #EBEBEB url(../images/bg.png) repeat-x 0 0;
}

#header {
	width: 930px;
	background: url(../images/logo.png) no-repeat 45px 30px;
	text-align: right;
	height:144px;
	padding-right:20px;
}
#logo {
	width: 430px;
}
.clearfix, .container {
	display:block;
}

table.blogLinks {
	width: 920px;
	padding: 10px;
	margin: 0 auto;
	background-color: #fff;
}
table.blogLinks a {
	color: #336600;
	font-weight: bold;
	font-size: 11px;
}
table.blogLinks a:visited {
	color:#50351A;
}
table.content {
	width:950px;
	padding: 5px;
	margin: 0 auto;
}
table#homeFeatures {
	width: 900px;
	margin: 0 auto;
}
table#homeFeatures td {
	text-align: left;
}
table#homeFeatures td.image {
	padding:0;
	margin: 0;
	text-align: center;
	vertical-align: top;
}
table#homeFeatures td div.info {
	width: 190px;
	margin: 0 auto;
	padding-top: 35px;
	font-size: 13px;
	line-height: 1.3em;
}
table.miniListing {
	width: 95%;
	border: 1px solid #FDB580;
	background-color: #FFF8DF;
	margin: 0;
	height: 110px;
	
}
.miniListing td {
	vertical-align: top;
	font-size: 11px;
	padding: 5px;
}
.miniListing td.image {
	width: 25%;
}
.miniListing td.info {
	width: 75%;
	height: 73px;
	max-height:73px;
	min-height: 73px;
	overflow: hidden;
}
.miniListing td.image img {
	max-height: 68px;
}
.miniListing td.link {
	background-color: #FC9141;
	font-size: 12px;
	text-align: right;
}
.miniListing td.link a {
	color: #fff;
	
}
div.miniListing {
	width: 276px;
}
span.address {
	font-weight: bold;
}
div.info p {
	margin: 0;
}
table#homeFeatures td#about {
	background: url(../images/home/aboutus.gif) no-repeat 50% 0;
}
table#homeFeatures td#yourself {
	background: url(../images/home/yourself.gif) no-repeat 50% 0;
}
table#homeFeatures td#packages {
	background: url(../images/home/packages.gif) no-repeat 50% 0;
}

/** various spacers **/
.spaceTop {
	padding-top: 15px;
}
/** social links **/
#socialLinks {
	display: block;
	text-align:right;
	clear:both;
	padding-top:10px;
	padding-right: 10px;
}
#socialLinks a img {
	border: 1px solid transparent;	
}
#socialLinks a:hover img {
	border-color: #DA6E1C;
	outline: none;
}
#socialLinks a:hover img.noHover {
	border-color: 1px solid transparent;
}

/** top navigation rollovers **/
ul.navbar {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align:right;
}
.displace {
	position: absolute;
	left: -5000px;
}
ul.navbar li {
	float:right;
	text-align:right;
}
ul.navbar li a {
	display: block;
	width: 106px;
	height: 79px;
	background: url("../images/nav-tabs.png");
	outline: none;
}
ul.navbar li.home a {
	background-position: 0 0;
}
ul.navbar li.blog a {
	background-position: -107px 0;
}
ul.navbar li.property a {
	background-position: -213px 0;
}
ul.navbar li.agents a {
	background-position: -319px 0;
}
ul.navbar li.home a:hover {
	background-position: 0 -79px;
}
ul.navbar li.blog a:hover {
	background-position: -107px -79px;
}
ul.navbar li.property a:hover {
	background-position: -213px -79px;
}
ul.navbar li.agents a:hover {
	background-position: -319px -79px;
}

/* root element for tabs  */
div#tabWrapper  {
	width: 920px;
	margin: 0 auto;
	padding-top: 50px;
}
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(../images/tabs/blue.png) no-repeat -420px 0;
	font-size:12px;
	font-weight: bold;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}
ul.tabs a:focus {
	outline:none;	
	-moz-outline-style:none;	
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}

/* tab pane styling */
div.panes .properties {
	display:none;		
	padding:10px 10px;
	border:1px solid #999;
	border-top:0;
	font-size:14px;
	background-color:#fff;
	height: 116px;
}
	
/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
    position:relative; 
    overflow:hidden; 
    width: 816px; 
    height:120px; 
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../images/icons/arrows.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right {display:none; background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover { background-position:-30px -30px; }
a.right:active { background-position:-60px -30px; } 


/* left */
a.left { margin-left: 0px; } 
a.left:hover { background-position:-30px 0; }
a.left:active { background-position:-60px 0; }

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	

/** footer **/
#footer {
	width: 920px;
	background: url(../images/footerbg.jpg) repeat-x;
	padding-top: 15px;
	margin: 0 auto;
	height:95px;
	padding-left:20px;
	padding-right: 10px;
	font-size: 12px;
	font-family: Arial,Helvetica,sans-serif;
	vertical-align: middle;
}