body { font: 13px Arial, verdana, Helvetica, sans-serif; margin: 5px 0px; padding: 0px; background: #f2f2f3 url(/img/mainbkg.gif) repeat-x center top; }
html, body, #container {height: 100%;}
body > #container {height: auto; min-height: 100%;}

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #B66611; font-family: Verdana, tahoma, Geneva, sans-serif; }
h1 { font: normal 1.9em Verdana, tahoma, Geneva, sans-serif; letter-spacing: -1.1px; line-height: 1; margin-bottom: 15px; }
h2 { font-size: 1.4em; color: #B66611; font-weight: bold; margin-bottom: 0.75em; letter-spacing: -1.2px; }
h3 { font-size: 1.3em; font-weight: bold; color: #333; padding: 0px; line-height: 1; letter-spacing: -1px; margin: 10px 0px; }
h4 { color: #679BFF; font-size: 15px; border-bottom: 1px solid #8CAAC7; font-weight: bold; line-height: 1.25; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }
h1 img, h2 img, h3 img,h4 img, h5 img, h6 img { margin: 0; }

p           { font-size: 13px; margin: 0 0 1.5em; line-height: 150%; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #3B77B5; }
a           { color: #D27B00; text-decoration: underline; }

strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; background: #C3D9FF; }
th,td       { padding: 4px 10px 4px 5px; }
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }
ul li { margin-bottom: 8px; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

#container { width: 1010px; background: #f2f2f3; margin: 0px auto; padding: 4px; margin-bottom: 5px; }
#header { width: 980px; height: 135px; margin: 0px auto; }
#header .logo { float: left; width: 274px; }
#header .logo a { outline: none; width: 274px; height: 98px; margin-top: 10px; display: block; background: url(/img/griffin-logo.png) no-repeat center left; text-indent: -9999px; }
#header .social { float: right; margin-top: 40px; }
#header .social a { outline: none; margin: 0px 8px; float: left; display: block; width: 41px; height: 41px; text-indent: -9999px; }
#header .social a.hdr-youtube { background: url(/img/hdr-youtube.png) no-repeat top left; }
#header .social a.hdr-twitter { background: url(/img/hdr-twitter.png) no-repeat top left;}
#header .social a.hdr-facebook { background: url(/img/hdr-facebook.png) no-repeat top left; }

#main {padding-bottom: 30px;}

#top-container { background: url(/img/top-container.gif) no-repeat top center; width: 1001px; height: 421px; margin: 60px 0px; }
#top-container .featured-rotation { position: relative; background: #f3f6e3; float: left; width: 950px; height: 367px; margin: 20px 25px; }
#top-container .featured-rotation h3 { top: -65px; left: 5px; background: url(/img/featured-ico.gif) no-repeat left center; }
#top-container .featured-rotation .title-bar { color: #fff; bottom: 0px; width: 100%; position: absolute; opacity: 0.7; background: #000; height: 40px; line-height: 35px; text-indent: 20px; overflow: hidden; }

#btm-container { background: url(/img/btm-containers.gif) no-repeat top center; width: 1001px; height: 362px; margin-top: 10px; }
#btm-container h3, #top-container h3 { display: block; position: absolute; color: #b66611; padding-left: 40px; font: normal 16px Verdana, tahoma, Geneva, sans-serif; line-height: 150%; }
#btm-container .btm-quicksearch { position: relative; background: #f3f6e3; float: left; width: 295px; height: 310px; margin: 20px 25px; }
#btm-container .btm-quicksearch h3 { top: -65px; left: 5px; background: url(/img/quicksearch-ico.gif) no-repeat left center; }
#btm-container .btm-blog { position: relative; background: #f3f6e3; float: left; width: 610px; height: 310px; margin: 20px 20px; }
#btm-container .btm-blog h3 { top: -65px; left: 5px; background: url(/img/news-ico.gif) no-repeat left center; }
#btm-container .inner, #top-container .inner { padding: 20px; }

#content { float: right; width: 765px; margin-top: 3px; margin-bottom: 40px; }
#content .content-pages { padding: 20px; padding-top: 0px; }
#lside {float: left; width: 240px; color:#333; margin-top: 3px; padding-bottom: 10px; }
#lside .sidebox { padding: 5px 12px; border: 1px solid #ddd; margin-bottom: 20px; }
#lside .sidebox a { color: #000; }
#lside h2, #lside h3, #lside h4 { font-weight: normal; background: #ddd; color: #333; padding: 7px 10px; }

#lside .lside-qsearch, 
#lside .lside-featured { margin: 50px 0px; position: relative; width: 237px; height: 353px; background: url(/img/lside-whitebox.gif) no-repeat top center; }

#lside .lside-qsearch h3, #lside .lside-featured h3 { display: block; position: absolute; top: -55px; left: 5px; color: #b66611; padding-left: 40px; font: normal 16px Verdana, tahoma, Geneva, sans-serif; line-height: 150%; }
#lside .lside-qsearch h3 { background: url(/img/quicksearch-ico.gif) no-repeat left center; }
#lside .lside-featured h3 { background: url(/img/featured-ico.gif) no-repeat left center; }

#nav-top { z-index: 9;margin: 20px 0px;text-align: center;height: 45px; }
#nav-top ul { margin: 0px; padding: 0px; list-style: none; }
#nav li { color: #daa776; float: left; margin: 0px 2px; z-index: 9; border-right: 1px solid #daa776; }
#nav li:first-child { }
#nav li:last-child { border-right: none; }
#nav li a { display: block;padding: 6px 15px; text-decoration: none;color: #daa776;letter-spacing: normal; font: 16px Verdana, tahoma, Geneva, sans-serif; }
#nav a:hover { color: #c57f3a; text-decoration: none; }
#nav .current a { color: #c57f3a; text-decoration: none; }
#nav li:hover, #nav li.sfhover {position:static; color:#c57f3a;}
#nav li:hover a, #nav li.sfhover a {color:#c57f3a;}
#nav li ul {z-index: 9;float: none;padding: 0px; position: absolute;background: #b30101;border: 1px solid #b3a190;width: 165px;left: -999em;text-align: left;color: #fff;}
#nav li ul li:first-child { margin: auto; }
#nav li ul li {float: none;margin: 0px;width: 165px;background: none;color: #fff;}
#nav li ul a {background: #695848;color: #fff;display: inherit;padding: 4px;font: normal 11px "lucida sans", arial, tahoma, verdana, sans-serif;border-bottom: 1px solid #b3a190;text-decoration: none;}
#nav li ul a:hover {background: #c8b9ab;color: #000;border-bottom: 1px solid #b3a190;}
#nav li ul ul {margin: -1.7em 0 0 165px;}
#nav li:hover ul ul, #nav li.sfhover ul ul {left: -999em; color: #fff;}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {color: #fff;left: auto;}

#sideNav { margin: 0px; padding: 0px; padding-top: 3px; }
#sideNav ul { margin: 5px 5px; padding: 0px; }
#sideNav li { height: 25px; margin-bottom: 2px; list-style: none; }
#sideNav li a { display: block; padding: 0px 5px; height: 25px; line-height: 25px; font-size: 12px; text-align: left; color: #fff; text-decoration: none; }
#sideNav li a:hover { background: #3B77B5; color: #fff; cursor: pointer; }
#sideNav li .active { font-weight: bold; }
#sideNav li img { vertical-align: middle; margin-right: 6px; margin-bottom: 4px; }

#footer { width: 100%; height: 520px; background: url(/img/footerbkg.gif) repeat-x top center; margin: 0px auto; }
#footer h3 { font: normal 20px Verdana, tahoma, Geneva, sans-serif; color: #fff; border-bottom: 1px dotted #6C6C6E; margin-bottom: 20px; letter-spacing: normal; line-height: 15px; }
#footer ul { margin: 0px; padding: 0px; list-style: none; }
#footer ul li { margin: 0px; padding: 4px 2px; list-style: none; color: #fff; }
#footer ul li a { display: block; color: #fff; text-decoration: none; }
#footer ul li a:hover { text-decoration: underline; }

#footer .social a { outline: none; margin: 0px 3px; float: left; display: block; width: 41px; height: 41px; text-indent: -9999px; }
#footer .social a.hdr-youtube { background: url(/img/hdr-youtube.png) no-repeat top left; }
#footer .social a.hdr-twitter { background: url(/img/hdr-twitter.png) no-repeat top left;}
#footer .social a.hdr-facebook { background: url(/img/hdr-facebook.png) no-repeat top left; }

#footer .footer-block { width: 980px; margin: 0px auto; padding: 15px 0px; color: #fff; }
#footer .footer-block .ftr-left { font-size: 13px; margin-right: 50px; float: left; text-align: left; width: 150px; }
#footer .footer-block .ftr-right { font-size: 13px; float: right; text-align: right; width: 270px; }
#footer .footer-block .ftr-right a { color: #CED67A; }
#footer .footer-block .ftr-right a:hover { color: #C1CD5A; }

form p.left { float: left; text-align: left; }
form p.left-padding { float: left; text-align: left; padding-left: 5px; }
/*form p label { font-size: 12px; }*/
form .nomargin { margin: 0px; margin-top: 4px; }
.standout { background: #fffbcb; padding: 8px; color: #000; }

.qs-submit { border: none; text-indent: -9999px; height: 24px; width: 98px; margin: 0px; padding: 0px; background: url(/img/btn-submit.gif) no-repeat center; }

/* scroller */
#scrollbar_container { position:relative; width:100%; }
#scrollbar_track { position:absolute; top:0; right:0; height:100%; width:10px; background-color:transparent; cursor:move; } 
#scrollbar_handle { width:10px; background-color:#4e4e4e; cursor:move; -moz-border-radius: 5px; -webkit-border-radius: 5px; opacity:0.9; -moz-opacity:0.9; }
#scrollbar_content { overflow:hidden; width: 540px; height:270px; }

/* inherit listing css */
#listings .listings_wrap {background:none; padding:5px;}
#listings .listings_hdr { background: #CED67A; color: #333; }
#listings .summary-img img { padding: 1px; background: #fff; border: 5px solid #CED67A; }
#listings .summary a { border: 4px solid #ddd; background: #bbb; color: #333; }
#listings .summary a:hover { background: #333; color: #fff; }

.listings_view h2 { font-weight: normal; }
.listings_view .property_info .property_right {background:#fff;border:1px solid #ddd;padding: 15px;}
.listings_view .details-col p strong { border-bottom:1px dotted #CEC8BC; }
.listings_view .listings_nav a { background: #333; border: 1px solid #ddd; color: #fff; }
.listings_view .listings_nav a:hover { background:#555; color:#fff; }
.listings_view .details-onecol { margin-right: 0px; }

.searchTypes ul { border-bottom:1px solid #ddd; height:30px; }
.searchTypes ul li:first-child { font-weight: bold; }
.searchTypes a { background:#333; color:#fff; line-height: 20px; font-size: 13px; border: 1px solid #ddd; border-bottom: none; padding: 4px 15px;}
.searchTypes a:hover { background:#CED67A; color:#333;}
.searchTypes .current:hover,.searchTypes .current { background:#CED67A; color: #333; padding: 4px 10px; }
#property_search fieldset { background:#f3f6e3; border: 1px solid #ddd; padding: 2px 5px; }
#property_search legend { padding: 5px; margin-left: 5px; color: #333; font-size: 17px; }

/* featured listings internal */
#featured-wrap { left:35px; margin-top: 10px; position:absolute; top:20px; }
#featured-wrap .featured-container { height: 80px; font-size: 11px; color: #824212; padding: 5px; margin: 0px 0px; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; }
#featured-wrap .featured-container .featured-img { font-size: 12px; font-style: italic; text-align: center; clear: both; float:left; margin-right:5px; width:80px; }
#featured-wrap .featured-container .featured-img a { display: block; }
#featured-wrap .featured-container .featured-text { float:left; text-align: left;width:70px; }
#featured-wrap .featured-container span.black{ color: #000; font-weight: bold; }
#featured-wrap .featured-container span.darkblue{ color: #824212; }

/* quicksearch internal */
#qsearch-wrap { left:35px; position:absolute; top:25px; }

/* featured rotation */
#griffin02 { list-style: none; position:relative; display:block; margin:0; padding:0px; float: none; width: 950px; height: 367px; overflow:hidden; }
#griffin02 li { list-style: none; position:absolute; top:0; left:0; display:block; float: none; margin:0; padding:0; background:none;}
#griffin02 li img { display:block; float: none; }

.cleared { clear: both; }
/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */