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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; font-family: Arial, Helvetica, sans-serif;}
body {line-height: 1; background: url(../_images/bg_body.jpg) no-repeat top center #556d7f;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

/**************************
		CLEARFIX 
**************************/
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

/**************************
		GLOBAL
**************************/
.inner {width: 960px; margin: 0 auto; padding: 0; position: relative;}
a {color: #fff; text-decoration: none; font-size: 14px;}
a:hover {text-decoration: underline;}
.left {float: left;}
.right {float: right;}

/******************************
		WRAPPER + HEADER
*******************************/
#wrapper {width: 960px; margin: 0 auto; padding: 0; position: relative;}

#header {width: 920px; margin: 0; padding: 20px; position: relative;}
#Logo {float: left; background: #fff; -moz-border-radius: 4px; padding: 8px; max-width: 400px;}
a.email {float: right; margin: 0 0 0 20px; padding: 80px 0 0 0; color: #00adef;}
a.phone {float: right; padding: 80px 0 0 0;}
a.phone:hover {text-decoration: none;}

/******************************
		NAVIGATION	
*******************************/
#navigation {width: 920px; height: 21px; padding: 20px; background: url(../_images/bg_nav.png) top center no-repeat;}
#navigation ul li {float: left; margin: 5px 25px 0 0;}
#navigation ul li a {text-transform: uppercase; font-weight: normal;}

/******************************
		SUB-HEADER
*******************************/
#sub_header {width: 960px; height: 415px; position: relative; padding: 0; margin: 20px 0 0 0; background: url(../_images/bg_featured.png) no-repeat top center;}
#gray {background: url(../_images/gray.png) repeat top left; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; padding: 10px 30px 10px 10px; position: relative; top: 240px; left: 0px;  display: inline-block;}
#homeHeadline {font-size: 22px; color: #fff;font-family: "Lucida Grande", Helvetica, Arial, sans-serif;}
#homeSubHeadline { color: #dddddd;}
#sub_header_bottom {width: 938px; height: 45px; margin: 0; padding: 10px 10px 0 10px; background: #333; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; position: absolute; bottom: 0; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px;}

/******************************
		CONTENT
*******************************/
#content {width: 920px; margin:20px 0 0 0; padding: 20px; position: relative; background: #fff; -moz-border-radius: 4px;}

/**** DASHBOARD ****/
#dashboard {clear: left; margin: 20px 0 20px 0; padding: 10px; background: url(../_images/bg_dashboard.png) no-repeat bottom right #3e3e3e; -moz-border-radius: 4px; display: none;}
#dashboard {padding: 0 0 5px;}
.dashboard {color: #cccccc; padding: 10px; margin:25px 0 0 0; background: #333333; border: 1px solid #222222; -moz-border-radius: 4px;}
#contact {padding: 20px;}
#formName {float: left; margin:0 20px 0 5px;}
#formEmail {float: left; margin: 0 20px 0 0;}
#formName p, #formEmail p {font: 14px/22px Arial, Helvetica, sans-serif; color: #cccccc;}
#buyerOptin, #sellerOptin, #homeOptin {font: bold 16px/22px Arial, Helvetica, sans-serif; color:#999999; padding: 20px 0 4px 2px; margin: 0 20px; border-bottom: 1px dotted #999999;}

/**** SEARCH ****/
#SearchForm1, .bordered-box {width: 290px; padding: 0 15px 0 0; float: left;}
.search-box2 {background: #333333; padding: 20px; color: #fff; -moz-border-radius: 4px; font-size: 12px;}
.search-box2 select {margin: 3px 0 5px 0;}
.search-box2 h3 {font-size: 14px; padding: 0 0 5px 0; border-bottom: 1px solid #cccccc; margin: 0 0 5px 0;}

/**** COPY ****/
#homeBodyCopy1 {width: 275px; padding: 47px 15px 0 15px; float: left; font-size: 12px; letter-spacing: .5px; line-height: 14px;}
#headline2 {width: 290px; padding: 0 0 0 15px; float: right;}
#homeHeadline2 {color: #069; line-height: 18px; border-bottom: 1px dashed #cccccc; padding: 0 0 5px 0;}
#homeHeadlineAbout {position: absolute; top: 38px; left: 335px; color: #069; line-height: 18px; border-bottom: 1px dashed #cccccc; padding: 0 0 5px 0; width: 275px;}
#homeBodyCopy2 {padding: 5px 0; font-size: 12px; line-height: 14px; letter-spacing: .5px;}
#buyerVideo, #sellerVideo {float: left; width: 370px; margin: 0 0 20px 0;}
#buyerMiddle, #sellerMiddle {float: left; width: 530px; margin: 0 20px 20px 0;}
#buyerHeadline, #sellerHeadline, #Headline, #researchHeadline, #aboutHeadline, #contactHeadline {font: bold 26px/44px Arial, Helvetica, sans-serif; color: #3E3E3E; border-bottom: 1px dotted #999999;}
#researchHeadline, #aboutHeadline, #contactHeadline {margin: 0 0 10px 0;}
#buyerSubHeadline, #sellerSubHeadline, #SubHeadline, #researchSubHeadline, #aboutSubHeadline, #contactSubHeadline {font: bold 18px/26px Arial, Helvetica, sans-serif; color: #999999;}
#buyerBodyCopy1, #sellerBodyCopy1, #researchBodyCopy1, #aboutBodyCopy1, #aboutBodyCopy2, #aboutBodyCopy3, #contactBodyCopy1 {font: 14px/18px Arial, Helvetica, sans-serif;}
#researchBodyCopy1 ul li a {color: #00adef; padding: 5px;}
#aboutBodyCopy3 a {color: #00adef;}

/**** PROPS ****/
span#PropertyList_DataList {width: 590px;}
#PropertyList_DataList caption {font: 18px/18px Arial, Helvetica, sans-serif; padding: 5px; background: #333333; color: #eeeeee; -moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px;}
span {margin: 0; padding: 0;}
.list {width: 590px;background: #333333; margin: 0; overflow: hidden; float: right;}
.listalt {width: 590px; background: #3e3e3e; margin: 0; overflow: hidden; float: right;}
.list img, .listalt img {float: left; width: 220px;}
.list ul, .listalt ul {float: left; width: 350px; padding: 10px;}
.list ul li, .listalt ul li {color: #eeeeee; font: 12px Georgia, "Times New Roman", Times, serif; padding: 5px; border-bottom: 1px solid #999999;}
.list ul li span, .listalt ul li span {float: right;}
.list ul li.more {float: right; background: #444444; border: none; margin: 8px 0 0 0;} 
.listalt ul li.more {float: right; background: #333333; border: none; margin: 8px 0 0 0;}
#PropertyDetails_List {position: absolute; top: 300px; right: 20px; width: 600px; border-left: 1px dotted #999999; padding: 20px 0 20px 20px; font: 12px/18px Arial, Helvetica, sans-serif;}

/*==========================
 	SLIDER
==========================*/

#slideshow {margin:0 auto; padding: 20px 0 0 0; width:900px; height:250px; background: none; position:relative;}
#slidesContainer {margin:0 auto; width:820px; height:250px; overflow:auto; /* allow scrollbar */ position:relative; left: 0px;}
#slidesContainer {margin:0 auto; width:800px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */ height:250px;}
.slide{width: 200px; height:200px; padding:40px 0 0 0; float: left;}
.slide img {border: 10px #cccccc solid; -moz-border-radius: .5em;}
#slidesContainer h3{font: 14px Helvetica, Arial, sans-serif; color:#fff; font-weight: bold; padding:0 0 5px 5px;}
#focus, #shift, #squeeze, #video, #web, #marketing, #traffic{display: none;}
/*** Slideshow controls style rules.*/
.control {display:block; width:56px; height:220px; text-indent:-10000px; position:absolute; cursor: pointer;}
#leftControl {top:0; left:-20px; background:transparent url(../_images/btn_left.png) no-repeat 0 0;}
#rightControl {top:0; right:-20px; background:transparent url(../_images/btn_right.png) no-repeat 0 0;}

/******************************
		FOOTER
*******************************/
#footerNavigation {width: 918px; height: 15px; margin: 20px 0; padding:10px 20px; background: #333; border: 1px solid #cccccc; -moz-border-radius: 4px; position: relative;}
#footerNavigation ul li {float: left; margin: 0 25px 0 0;}
#footerNavigation ul li a {color: #fff; font-size: 12px;}

