/*-----------------------------------------------------
Default CSS Document
-----------------------------------------------------*/


/*----------------------
CSS Reset
----------------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, img, q, dl, dt, dd, ol, ul, li, legend, caption{
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  text-shadow: #000000 0 0 0px;
}
strong{font-weight:bold;}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
a{outline:none;}

/*----------------------
Body Formatting
----------------------*/

body{
	padding: 0;
	margin: 0 auto;
	text-align: left;
	font-size:12px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #4d4d4d;
	background: #706a5d;
	line-height: 1.5;
}

/*----------------------
Quick Classes
----------------------*/

.clear{clear:both;}
.fleft{float:left;}
.fright{float:right;}

/*----------------------
Link Formatting
----------------------*/

p a {
	color: #b1c964;
	text-decoration: underline;
}
	p a:hover {
		color: #8f8a7e;
		text-decoration: none;
	}

.tab_item h2 a {
	color: #ccc;
	text-decoration: none;
}
	.tab_item  h2 a:hover {
		color: #b1c964;
	}

.topLeftBtn p {
	text-align: center;
	font-weight: bold;
	color: #fff;
}

#footer a {
	color: #ccc;
}

/*----------------------
Text Formatting
----------------------*/

p {
	font-size: 12px;
}

#content p {
	margin: 8px 0;
}

#sidebar p {font-size: 11px;}

p.testimonialName {
	font-style: italic;
	text-align: right;
}

#footer p {
	font-size: 11px;
	color: #8f8a7e;
	padding: 0 0 10px;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: normal;
	color: #b1c964;
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	color: #b1c964;
	margin: 20px 0 0;
}

body.service #content h2 img { vertical-align: middle;}

.contactBox h2 { margin: 10px 0 0;}

.boxTitles h2 {
	margin: 0;
}

.header_highlight h2 {
	color: #b1c964;
}

h3 {
	color: #8f8a7e;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: normal;
	margin: 8px 0;
}

ul.bodyList,
ol.bodyList {
	margin: 0 0 0 20px;
}

.sitemapList li {
	margin: 10px;
	list-style: none;
}

.sitemapList li a {
	color: #b1c964;
	text-decoration: underline;
}
	.sitemapList li a:hover {
		color: #8f8a7e;
		text-decoration: none;
	}

.reg {
	font-size: 11px;
	vertical-align: super;
}

/*----------------------
Main Structure Formatting
----------------------*/

#headerContainer {
	float: left;
	width: 100%;
	height: 151px;
	background: url(../images/headerbg.jpg) top left repeat-x;
}

#bodyContainer {
	float: left;
	width: 100%;
	height: auto;
	background: url(../images/bodyShadow.jpg) #fff top left repeat-x;
}

#footerContainer {
	float: left;
	width: 100%;
	height: 81px;
	background: url(../images/footerbg.jpg) top left repeat-x;
}

/*----------------------
Header Formatting
----------------------*/

#header {
	margin: 0 auto;
	width: 960px;
	height: 151px;
}

#logo {
	float: left;
	width: 308px;
	height: 151px;
}

#banner {
	float: left;
	width: 652px;
	height: 151px;
	background: url(../images/banner.jpg) top left no-repeat;
}

.icons {
	float: right;
}

/*----------------------
Navigation Formatting
----------------------*/

#navHolder {
	float: right;
	list-style: none;
	text-align: right;
	margin: 128px 0 0;
}

#navHolder li {
	float: left;
}

#navHolder li a {
	display: block;
	color: #b1c964;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	padding: 3px 5px;
}

#navHolder li a:hover {
	color: #706a5d;
	background: #fff;
}

body.home #navHolder li a.home,
body.meet #navHolder li a.meet,
body.sell #navHolder li a.sell,
body.stay #navHolder li a.stay,
body.realtors #navHolder li a.realtors,
body.owners #navHolder li a.owners,
body.builders #navHolder li a.builders {
	color: #706a5d;
	background: #fff;
}

/*----------------------
Sub Navigation Formatting
----------------------*/

#subNav {
	list-style: none;
	float: left;
	padding: 0 0 0 100px;
}

#subNav li {
	float: left;
}

#subNav li a {
	display: block;
	color: #8f8a7e;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	padding: 3px 10px;
}

#subNav li a:hover {
	color: #b1c964;
}

body.service #subNav li a.service,
body.vacant #subNav li a.vacant {
	color: #b1c964;
}

/*----------------------
Main Content Formatting
----------------------*/

#mainContent {
	margin: 0 auto;
	width: 960px;
	height: auto;
}

/*----------------------
Sidebar Formatting
----------------------*/

#sidebar {
	float: left;
	width: 240px;
	height: auto;
	background: url(../images/sidebarBg.jpg) top left no-repeat;
	padding: 20px 34px 0;
}

.sidebarImg {
	float: left;
	width: 240px;
	height: 300px;
	margin: 0 0 10px 0;
}

.testimonials,
.contactBox {
	float: left;
	width: 240px;
	height: auto;
}

.testimonialrotate {
	list-style: none;
}

/*----------------------
Right Content Formatting
----------------------*/

#rightContent {
	float: left;
	width: 652px;
	height: auto;
}

#content {
	float: left;
	width: 632px;
	height: auto;
	padding: 20px 0 20px 20px;
}

.box {
	width: 550px;
	height: 114px;
	background: url(../images/featuredBg.jpg) top left no-repeat;
	padding: 10px 40px;
}

.boxContent {
	float: left;
	width: 508px;
}

.beforeAfter {
	position: relative;
}

.imgBorder {
	border: 3px solid #8f8a7e;
}

.topLeftBtn {
	position: absolute;
	top: 3;
	left: 3;
	width: 88px;
	height: 33px;
	background: url(../images/topLeftBtn.png) top left no-repeat;
}

/*----------------------
Tabber Formatting
----------------------*/

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
#mainTab ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #ccc;
 font: bold 12px Arial, sans-serif;
}

#subTab ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: none;
 font: bold 12px Arial, sans-serif;
}

#mainTab ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

#mainTab ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #ccc;
 border-bottom: none;
 background: #eaeaea;
 text-decoration: none;
}

#mainTab ul.tabbernav li a:link { color: #B1C964; }
#mainTab ul.tabbernav li a:visited { color: #B1C964; }

#mainTab ul.tabbernav li a:hover
{
 color: #8F8A7E;
 background: #eaeaea;
 border-color: #999;
}

#mainTab ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

#subTab ul.tabbernav li.tabberactive a
{
 background-color: #8F8A7E;
 border-bottom: 1px solid #8F8A7E;
}

#mainTab ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

#subTab ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: #8F8A7E;
 border-bottom: 1px solid #8F8A7E;
}

/*.tabbertab h3 {display:none;}*/

/*----------------------
Home Tab Formatting
----------------------*/

.tabs {
	position: relative;
}

.tabbed_content .slide_content {
	overflow: hidden;
	position: relative;
	width: 550px;
}

.tabslider {
	width: 6000px;
}

.tabslider ul {
	float: left;
	width: 540px;
	list-style: none;
	margin-right: 10px;
}

.tabslider ul li {
	padding-bottom: 7px;
}

.tabs .tab_item {
	position: relative;
	float: left;
	margin: 0 20px 0 0;
}

/*----------------------
Footer Formatting
----------------------*/

#footer {
	margin: 0 auto;
	width: 960px;
	height: auto;
	padding: 60px 0 0;
}

/*----------------------
Other Formatting
----------------------*/

.trishaimg {
	float: left;
	border: 3px solid #8F8A7E;
	margin: 0 20px 0 0;
}