/* CSS RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0px;
	padding:0px;
	border:0px;
	outline:0px;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
/* ENDCSS RESET */

/* FONTS */
@font-face {
    font-family: 'DINMediumRegular';
    src: url('../fonts/din_medium-webfont.eot');
    src: url('../fonts/din_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/din_medium-webfont.woff') format('woff'),
         url('../fonts/din_medium-webfont.ttf') format('truetype'),
         url('../fonts/din_medium-webfont.svg#DINMediumRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadWeb';
    src: url('../fonts/myriadwebpro-webfont.eot');
    src: url('../fonts/myriadwebpro-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadwebpro-webfont.woff') format('woff'),
         url('../fonts/myriadwebpro-webfont.ttf') format('truetype'),
         url('../fonts/myriadwebpro-webfont.svg#MyriadWebProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadWeb';
    src: url('../fonts/myriadwebpro-bold-webfont.eot');
    src: url('../fonts/myriadwebpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadwebpro-bold-webfont.woff') format('woff'),
         url('../fonts/myriadwebpro-bold-webfont.ttf') format('truetype'),
         url('../fonts/myriadwebpro-bold-webfont.svg#MyriadWebProBold') format('svg');
    font-weight: bold;
}

@font-face {
    font-family: 'MyriadWeb';
    src: url('../fonts/myriadwebpro-italic-webfont.eot');
    src: url('../fonts/myriadwebpro-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadwebpro-italic-webfont.woff') format('woff'),
         url('../fonts/myriadwebpro-italic-webfont.ttf') format('truetype'),
         url('../fonts/myriadwebpro-italic-webfont.svg#MyriadWebProItalic') format('svg');
    font-style:italic;
}


/*////////  MAIn  /////////*/

body {
	font-family: 'MyriadWeb', Tahoma, Arial, sans-serif;
	margin:0px;
	padding:0px;
	background:#F2F2F2;
}

.container {
	display:block;
	margin:0px auto;
	width:971px;
}


/*////////  HEADER  /////////*/
#mastHead {
	width: 100%;
	height: 120px;
	position: relative;
	background:#8AB6D3;
}

#Logo {
	float:left;
	width:212px;
	height:76px;
	background-image:url(../images/img/logo.png);
	background-repeat:no-repeat;
	margin:30px 0px 0px 60px;
	font-size:0;
}

.date {
	position: absolute;
	right: 0;
	top: 65px;
	margin-right: 30px;
}

/*==============TOP NAVIGATION==================*/
#navBar {
	float:right;
	position:relative;
	width: 640px;
	height: 40px;
	list-style:none;
	margin:80px 0px 0px 0px;
	background:url(../images/img/navBg.png) repeat-x;
	/*overflow: hidden;*/
}

#navBar li a {
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	text-decoration:none;
	text-align:center;
	color:#222222;
	padding:0px 28px 0px 28px;
	margin-top:12px;
}

#navBar li a:hover {
	color:#999999;
}

.selected {
	color:#113970 !important;
}

.navDiv {
	float:left;
}

#info {
	float:left;
	position: relative;
	width: 161px;
	height: 40px;
	background:url(../images/SFF_nav_master.png) -132px 0;
	background-repeat:no-repeat;
}

#info:hover {
	background:url(../images/SFF_nav_master.png) -132px -40px;
	background-repeat:no-repeat;
}

/*==============END TOP NAVIGATION==================*/


#content {
	display:block;
}

#rotaterSec {
	display:block;
	width:100%;
	height: 490px;
	background:#E3E3E3;
}

.secBar {
	float:left;
	position:relative;
	width: 99.4%;
	height: 50px;
	margin: 10px 0px 0px 3px;
	background:#8AB6D3;
}

.mainHead {
	margin: 10px 0px 0px 20px;
}

/*==============BASE SCROLLER==================*/

/*
root element for the scrollable.  when scrolling occurs this
element stays still.
*/
.scroller {
  /* required settings */
  position:relative;
  overflow:hidden;
}
 
/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accommodate scrollable
items.  it's enough that you set width and height for the root element
and not for this element.
*/
.scroller .items {
  /* this cannot be too large */
  width:20000em;
  position:absolute;
}


/*==============TOP SCROLLER==================*/

#topScroller{
	float:left;
	width:960px;
	overflow: hidden;
	margin: 5px 0px 0px 5px;
}

#topScroller .scroller{
	width:960px;
	height:470px;
	/*background:#e8e8e8;*/
}

/*
a single item. must be floated in horizontal scrolling.  typically,
this element is the one that *you* will style the most.
*/
#topScroller .items .item {
	float:left;
  	width:960px;
  	height:470px;
 	position: relative;
}

#topScroller .items .item img{
	padding-top: 0px;
}

#main_navi {
	list-style:none;
	overflow: auto;
}

#main_navi li{
	float:left;
	width:50px;
	height:10px;
	background:#222222;
	text-align:center;
	cursor: pointer;
	margin-right:2px;
	font-size:0;
}

#main_navi li.last{
	margin-right:0;
}

#main_navi li:hover{
	background:#999999;
}

#main_navi li.active{
	background:#113970;
}

.textbody{
	position: absolute;
	top:390px;
	left:0;
	text-align:left;
	width:960px;
	height:80px;
	color:#FFFFFF;
	background:#FFFFFF;
	opacity:.8;
}

.textbody ul {
	list-style:none;
	margin-left:30px;
}

.textbody ul li{
	font-size:16px;
	line-height:1.6em;
}

.textbody h2 {
	font-size:32px;
	font-family:Helvetica, sans-serif;
	line-height:1em;
	margin-bottom:3px;
	margin-left:30px;
	font-weight:400;
	color:#000000;
}

.textbody h3 {
	margin-top: 13px;
	font-family:Helvetica, sans-serif;
	font-size:20px;
	font-weight:300;
	font-style:italic;
	color:#666666;
	margin-left:30px;
	line-height:1em;
}

.secTop {
	margin: 10px 0px 0px 0px;
}
        
#mainSec {
	display:block;
	width:100%;
	height:420px;
	background:#E3E3E3;
}

#mainSec a {
	text-decoration:none;
}
    
.secHead {
	margin: 17px 0px 0px 20px;
}

.secBtm {
	float:left;
	margin: 0px 0px 0px 0px;
}

#dropdown {
	display:block;
	position:relative;
	width:100%;
	height:100px;
	margin-bottom:20px;
	background:#222222;
}

#difProc {
	float:left;
	width:450px;
	height:80px;
	padding-top:0px;
	margin-left:70px;
}

#difProc h2 {
	font-size:21px;
	font-family:Helvetica, sans-serif;
	line-height:1em;
	padding-top:25px;
	margin-left:40px;
	font-weight:300;
	color:#E3E3E3;
} 

#pitchbook {
	float:right;
	width:107px;
	height:80px;
	background:url(../images/img/pitchbook.jpg) no-repeat right;
	margin-top:10px;
	padding-left:37px;
	border-left:#333333 1px solid;
}

.download {
	float:right;
	display:block;
	width:123px;
	height:24px;
	background:url(../images/img/download.png) no-repeat;
	margin:10px 45px 0px 0px;
}

.download:hover {
	background:url(../images/img/download_ovr.png) no-repeat;
}

#downloadTxt {
	float:right;
	display:block;
	width:200px;
	margin:0px 30px 0px 15px;
}

#downloadTxt p {
	font-size:16px;
	font-family:Helvetica, sans-serif;
	line-height:1em;
	font-weight:400;
	color:#E3E3E3;
	padding-top:30px;
}

#infographic {
	display:none;
	width:100%;
	height:350px;
	background:#E3E3E3;
}

#mainGraph {
	float:left;
	width:665px;
	height:350px;
	background:url(../images/img/infographic.png) no-repeat;
}

.houseHov {
	display:none;
	width:105px;
	height:92px;
	background:url(../images/img/houseHov.png) no-repeat 0 0;
}

.houseHov h3 {
	font-size:14px;
	font-family:Helvetica, sans-serif;
	width:105px;
	text-align:center;
	font-weight:400;
	padding-top:55px;
	cursor:pointer;
}

.houseHov p {
	font-size:10px;
	font-family:Helvetica, sans-serif;
	width:105px;
	text-align:center;
	font-weight:300;
	cursor:pointer;
}

.houseHov:hover {
	width:105px;
	height:92px;
	background:url(../images/img/houseHov.png) no-repeat 0 -92px;
}

#acq {
	position:absolute;
	margin:21px 0px 0px 280px;
}
#rehab {
	position:absolute;
	margin:56px 0px 0px 412px;
}
#lease {
	position:absolute;
	margin:104px 0px 0px 543px;
}
#stab {
	position:absolute;
	margin:171px 0px 0px 410px;
}
#refi {
	position:absolute;
	margin:197px 0px 0px 279px;
}
#hold {
	position:absolute;
	margin:167px 0px 0px 147px;
}
#dispo {
	position:absolute;
	margin:107px 0px 0px 18px;
}
#summ {
	position:absolute;
	margin:52px 0px 0px 149px;
}

#acq, #rehab, #lease, #stab, #refi, #hold, #dispo, #summ {
	color:#333333;
}

#acq:hover, #rehab:hover, #lease:hover, #stab:hover, #refi:hover, #hold:hover, #dispo:hover, #summ:hover {
	color:#FFFFFF;
}

#rehabList, #leaseList, #stabList, #refiList, #holdList, #dispoList, #summList {
	display:none;
}

#graphTxt {
	float:right;
	position:relative;
	width:300px;
	height:350px;
}

#graphTxt h2 {
	display:block;
	text-transform:uppercase;
	padding-top: 30px;
	font-size:18px;
	line-height:1em;
	margin-left:30px;
	width:220px;
	font-weight:bold;
	color:#333333;
	letter-spacing:0.3em;
}

#graphTxt h3 {
	font-size:16px;
	font-family:Helvetica, sans-serif;
	line-height:1em;
	font-weight:400;
	color:#666666;
	padding-top:20px;
	margin-left:30px;
}

#graphTxt li {
	font-family:Helvetica, sans-serif;
	font-size:12px;
	font-weight:300;
	color:#666666;
	width:220px;
	margin-left:10px;
	line-height:1.6em;
	margin-left:44px;
}

#closeBtn {
	position:absolute;
	right:5px;
	top:5px;
}

.viewDropdown {
	display:block;
	width:123px;
	height:24px;
	margin-top:10px;
	margin-left:160px;
	background:url(../images/img/view.png) no-repeat;
}

.viewDropdown:hover {
	background:url(../images/img/view_ovr.png) no-repeat;
}
            
#mainOne {
	float: left;
	width: 310px;
	height: 410px;
	margin:5px 0px 0px 7px;
	padding-right:6px;
	border-right:#CCCCCC 1px solid;
	
}

#mainTwo {
	float: left;
	width: 310px;
	height: 410px;
	margin:5px 0px 0px 0px;
	padding:0px 6px 0px 6px;
	border-left:#F3F3F3 1px solid;
	border-right:#CCCCCC 1px solid;
}

#mainThree {
	float: right;
	width: 310px;
	height: 410px;
	margin:5px 6px 0px 0px;
	padding:0px 0px 0px 6px;
	border-left:#F3F3F3 1px solid;
}

.captionBox {
	display:block;
	position:relative;
	margin-top:10px;
	left:0;
	text-align:left;
	width:290px;
	height:230px;
}

.captionBox h2 {
	display:block;
	font-family:Helvetica, sans-serif
	text-transform:uppercase;
	padding-top: 10px;
	font-size:18px;
	line-height:1em;
	margin-bottom:10px;
	margin-left:20px;
	font-weight:bold;
	color:#333333;
	letter-spacing:0.3em;
}

.captionBox p {
	font-family:Helvetica, sans-serif;
	font-size:13px;
	font-weight:300;
	text-align:justify;
	color:#666666;
	margin-bottom:5px;
	margin-left:20px;
	line-height:1.6em;
}

.captionBox a {
	position:absolute;
	font-family:Helvetica, sans-serif;
	font-size:13px;
	font-weight:300;
	font-style:italic;
	color:#113970;
	bottom:7px;
	margin-left:225px;
}

.captionBox a:hover {
	color:#999999;
}

#propSec {
	display:block;
	position:relative;
	width:100%;
	height:100%;
	background:#E3E3E3;
}

#propSec a {
	text-decoration:none;
}

#propOne {
	float:left;
	width: 321px;
	height: 280px;
}

#propOneImg {
	float:left;
	background:url(../images/img/8028-Church.jpg);
	background-repeat:no-repeat;
	margin:5px 0px 0px 7px;
}

#propTwo {
	float:left;
	width: 318px;
	height: 280px;
	margin:0px 0px 0px 3px;
}

#propTwoImg {
	float:left;
	background:url(../images/img/1665-Westwood.jpg);
	background-repeat:no-repeat;
	margin:5px 0px 0px 4px;
}

#propThree {
	float:right;
	width: 322px;
	height: 280px;
	margin:0px 4px 0px 0px;
}

#propThreeImg {
	float:left;
	background:url(../images/img/1731-Gordon.jpg);
	background-repeat:no-repeat;
	margin:5px 0px 0px 5px;
}

#propFour {
	float:left;
	width: 321px;
	height: 280px;
}

#propFourImg {
	float:left;
	background:url(../images/img/1370-Lynford.jpg);
	background-repeat:no-repeat;
	margin:5px 0px 0px 7px;
}

#propFive {
	float:left;
	width: 318px;
	height: 280px;
	margin:0px 0px 0px 3px;
}

#propFiveImg {
	float:left;
	background:url(../images/img/1338-Lanvale.jpg);
	background-repeat:no-repeat;
	margin:5px 0px 0px 4px;
}

#propSix {
	float:right;
	width: 322px;
	height: 280px;
	margin:0px 4px 0px 0px;
}

#propSixImg {
	float:left;
	background:url(../images/img/1626-Rogers.jpg);
	background-repeat:no-repeat;
	margin:5px 0px 0px 5px;
}

#propSeven {
	float:left;
	width: 322px;
	height: 280px;
	margin:0px 4px 0px 0px;
}

#propSevenImg {
	float:left;
	background:url(../images/img/3615-clay.jpg);
	background-repeat:no-repeat;
	margin:5px 0px 0px 5px;
}

#propEight {
	float:left;
	width: 322px;
	height: 280px;
	margin:0px 4px 0px 0px;
}

#propEightImg {
	float:left;
	background:url(../images/img/4800-greer.jpg);
	background-repeat:no-repeat;
	margin:5px 0px 0px 5px;
}

.propBox {
	display:block;
	margin-top:178px;
	text-align:left;
	width:313px;
	height:50px;
	background-color:rgba(0,0,0,.7);
	color:#E3E3E3;
}

.propBox:hover {
	color:#222222;
	background:#E3E3E3;
	opacity:.8;
}

.propBox h2 {
	font-size:18px;
	font-family:Helvetica, sans-serif;
	line-height:1em;
	padding-top:7px;
	margin-left:20px;
	font-weight:400;
}

.propBox p {
	font-size:13px;
	font-style:italic;
	font-family:Helvetica, sans-serif;
	line-height:1em;
	margin-top:3px;
	margin-left:20px;
	font-weight:400;
}

/*========================================================*/

#leftSide {
	float:left;
	width:200px;
	height:300px;
	margin:0px 0px 9px 0px;
	xbackground:#E3E3E3;
}

#leftSide ul {
	width:150px;
	height:200px;
	list-style:none;
	margin:0px 0px 0px 18px;
}

#leftSide li a {
	font-size:14px;
	font-weight:400;
	line-height:24px;
	text-align:justify;
	text-decoration:none;
	width:210px;
	color:#113970;
	padding:4px 3px;
}

#leftSide li a:hover {
	color:#E3E3E3;
	background:#999999;
}

#aboutCopy {
	float:left;
	width:470px;
	margin:0px 0px 9px 0px;
	padding-left:10px;
}

#aboutCopy h2 {
	font-size:18px;
	font-weight:regular;
	text-align:left;
	color:#000;
	margin:15px 0px 8px 10px;
}

#aboutCopy p {
	font-family:Helvetica, sans-serif;
	font-size:14px;
	font-weight:300;
	line-height:26px;
	text-align:justify;
	width:440px;
	color:#5E5C60;
	margin:0px 0px 0px 10px;
}

#aboutCopy li {
	font-size:14px;
	font-weight:light;
	line-height:26px;
	text-align:left;
	width:410px;
	color:#5E5C60;
	margin:0px 0px 0px 40px;
}

#aboutCopy a {
	text-decoration:none;
	font-size:12px;
	font-style:italic;
	text-align:right;
	color:#0083CD;
	padding-left:10px;
}

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

#aboutSide {
	float:right;
	width:260px;
	margin:0px 0px 9px 0px;
	border-left:#CCC 1px solid;
	padding-left:20px;
}

#aboutSide h2 {
	font-size:16px;
	font-weight:normal;
	text-align:left;
	color:#000;
	margin:15px 0px 8px 0px;
}

#aboutSide h3 {
	font-size:14px;
	font-weight:normal;
	text-align:left;
	color:#000;
	margin:10px 0px 2px 0px;
}

#aboutSide p {
	font-size:12px;
	font-weight:light;
	line-height:20px;
	text-align:justify;
	width:243px;
	color:#5E5C60;
	margin:0px 0px 0px 0px;
}

#aboutSide li {
	font-size:12px;
	font-weight:light;
	line-height:16px;
	text-align:left;
	width:210px;
	color:#5E5C60;
	margin:0px 0px 4px 15px;
}

#aboutSide a {
	text-decoration:none;
	color:#0083CD;
}

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

.divLine {
	float:left;
	width:795px;
	padding:7px 0px 7px 0px;
	border-top:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
}

#content {
	display:block;
	width:795;
}

#bannerAd {
	padding:0px 0px 20px 0px;
}

#otherServices {
	display:block;
}

.header {
	font-size:18px;
	font-weight:normal;
	text-align:center;
	height:25px;
	background:#222222;
	color:#E3E3E3;
	padding-top:10px;
	margin-bottom:15px;
}

.header a {
	font-size:10px;
	font-weight:light;
	text-decoration:none;
	padding-top:4px;
	padding-left:400px;
}

#callMaxx {
	float:left;
	position:relative;
	height:30px;
	width:960px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding:10px 0px 0px 0px;
}

#callMaxx p {
	text-align:center;
	font-size:16px;
	font-weight:light;
}


/*////////  Footer  /////////*/

#footer {
	font-family:Quicksand, MyriadWeb, Tahoma;
	font-weight:400;
	width:100%;
	height:60px;
	background:#E3E3E3;
	margin-top:20px;
}

#footer ul {
	float: right;
	margin:30px 20px 0px 0px;
}

#footer  li {
	float:left;
	position:relative;
	list-style:none;
	display:inline;
	padding:0px 10px 0px 10px;
	border-right:#CCCCCC 1px solid;
	font-size:9px;
}

#footer li:last-child{
	border-right:none;
}

#footer li a{
	color:#999999;
}

#footer p {
	float: left;
	font-size:9px;
	color:#999999;
	text-align:left;
	margin:30px 0px 0px 20px;
}

#footer a {
	font-weight:300;
	color:#999999;
	text-decoration:none;
}

#footer a:hover {
	color:#8AB6D3;
}

/* MISC */
.clear {clear:both;}
.center {text-align:center;}