/* CSS Document */
/* Eric Meyer's Global Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, em, font, img, strong, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;	vertical-align:baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
caption {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {	quotes: "" "";}
/* End if Global Reset */

body { background: #2f2f2e url('images/structure/background.png') repeat-x ; font-family: Arial, Helvetica, sans-serif;  }

/*Misc*/
img.services-border { padding:3px; border:1px solid #999; margin-bottom:30px; }
p.caption { width:150px; text-align:center; }
a.pdf { padding:2px 0 2px 20px; background:url(/images/structure/pdf.png) no-repeat left center; }
a.info { padding:2px 0 2px 20px; background:url(/images/structure/info.png) no-repeat left center; }

/* Site Headings */
h1 {font-size:24px; font-weight:normal; font-family:"Times New Roman", Times, serif; color:#231f20; padding-bottom:10px; text-transform:uppercase; margin-bottom:15px; border-bottom:1px solid #f68a1f; }
h2 {font-size:20px; font-weight:normal; color:#231f20;   margin-bottom:15px; }
h3 {font-size:16px; font-weight:normal; color:#fff; padding-left:15px; background: #333; line-height: 30px;}

table {font-size:13px; line-height:16px}

strong {font-weight:bold;}
a:hover {text-decoration:none;}

/* Site Header */
#headercontainer { margin: 30px auto 0 auto;  }
#header { width:942px; margin: 0 auto 0 auto; height:135px;  background:  url('images/structure/header-background.png') no-repeat top left; }
#header .logo {float:left; position:relative; left:20px;  top:20px;}
#header .contact-info {color:#161718;  text-align:right; line-height:21px;  padding-top:23px; padding-right:22px; font-size:17px; }
#header .contact-info .number {color:#181818; font-style:normal; margin-top:15px; font-size:14px;}
#header .contact-info a {color:#161718;}

/* Site Navigation */
#navcontainer { margin: 0px auto 0 auto; }
#nav { display:table;  width:942px; margin: 0 auto 0 auto;  background: url('images/structure/main-back.png') repeat-y top left; }
#nav ul { margin-left:18px; margin-right:18px; padding-left:0; white-space:nowrap; background: url('images/structure/nav-back.gif') repeat-x top left; }
#nav ul li {display:inline; list-style:none; line-height:35px; margin-right:-4px; }
#nav ul li a {color:#fff; text-decoration:none; font-size:16px;  text-align:center; padding:9px 27px; border-right: 1px solid #0e0e0e; padding-bottom:8px;  }
#nav ul li a:hover, #nav ul li.selected a {background: url('images/structure/nav-hover.gif') repeat-x top left; color:#fff;   }


/* Home Page Promo / Welcome Section*/
#promocontainer { margin: 0 auto 0 auto;   }
#promo { width:942px; margin: 0 auto 0 auto;   background: url('images/structure/main-back.png') repeat-y top left;  }
#promo-content { position:relative; overflow:hidden; height:204px; padding-left:0px; padding-top:0px;  margin-left:18px; margin-right:18px; color:#fff; font-size:12px; line-height:17px;   }
#promo-content ul {line-height:17px; margin:0; padding:0; margin-left:5px; padding-left:15px; list-style:disc; width:640px; float:left;}
#promo-content li {margin-bottom:20px;}
#promo-content li.last {margin:0;}
#promo-content .learn-more { position:absolute; left:680px; top:130px; color:#f68a20; font-size:17px; font-weight:bold; text-transform:uppercase;  width:200px; z-index:10;  }
#promo-content .learn-more a { color:#f68a20; font-size:14px; font-weight:bold; text-transform:uppercase; text-decoration:none; }
#promo-content .learn-more a:hover { text-decoration:underline; }


/* Main Content Area Parent */
#maincontainer { margin: 0 auto 0 auto;  }
#main { width:942px; margin: 0px auto 0 auto; background: url('images/structure/main-back.png') repeat-y top left; display:table;   }
#main p, #main-inner p {font-size:12px; color:#352515; line-height:16px; margin-bottom:15px;}
#main a, #main-inner a {color:#352515}
#main ul {line-height:17px; font-size:12px; margin:0; padding:0; margin-left:15px; padding-left:15px; list-style:disc; margin-bottom:15px; }

/* Home Page Column */
#maincolumns .columnleft {width:590px; float:left;  border-right:1px solid #9d9d9d; }
#maincolumns .columnleft p {line-height:18px; font-size:13px;}
#maincolumns .columnright {width:340px; float:left;   }

/* Home Page Right Column */
#maincolumns .columnright ul {margin-left:10px; padding-left:10px; list-style:disc; font-size:12px; line-height:17px;}

/* Column Content Padding*/
#maincolumns .column-content {padding:32px;  margin:0; padding-bottom:0; }
#maincolumns .home {padding-top:10px;}

/* Inner Page Left Column */
#maincolumns .column-inner-left {width:209px; float:left; margin-left:4px;  font-size:13px; line-height:17px; }
#maincolumns .column-inner-left a {color:#fff; font-size:13px}
#maincolumns .column-inner-left .subnav {margin-bottom:20px;}

/* Inner Page Content Columns */
#maincolumns .column-inner-right {width:710px; float:left; margin-left:1px;   }
#maincolumns .column-inner-wide {width:100%; float:left;  }


/* Site Footer */
#footercontainer { margin: 0px auto 0 auto; display:table; clear:both  }
#footer { clear:both; width:942px; margin: 0 auto 0 auto; height:39px;  background: url('images/structure/footer-back.png') no-repeat bottom left;  color:#fff; font-size:11px; }
#footer.footer-inner {background: url('images/structure/footer-back-line.png') no-repeat bottom left;}
#footer-left {float:left; line-height:18px; padding:30px 20px;}
#footer-right {float:right; text-align:right; line-height:18px; padding:30px 20px;}
#footer  a {color:#fff}
#footer-left p, #footer-right p {padding:14px 0px;}

/*Residential Listings*/
.listings { }
.listings .list-item .flyer-coming-soon {width:80px; height:100px; border:1px solid #ccc; padding:15px;margin:0 0 15px 20px; font-size:12px; color:#9c9c9c; cursor:pointer;}
.listings .list-item { position:relative; display:table; width:875px; min-height:150px; padding-top:25px; margin-bottom:25px; border-top:1px solid #f68a1f; }
.listings .list-item .flyer { float:left; width:125px; }
.listings .list-item .flyer img { margin-bottom:5px; }
.listings .list-item .main-image { position:relative; float:left; width:320px; }
.listings .list-item .main-image .for-sale { position:absolute; left:4px; top:4px; width:300px; height:225px; background:url(/images/for-sale.png) no-repeat; }
.listings .list-item .main-image .pending { position:absolute; left:4px; top:4px; width:300px; height:225px; background:url(/images/pending.png) no-repeat; }
.listings .list-item .main-image .sold { position:absolute; left:4px; top:4px; width:300px; height:225px; background:url(/images/sold.png) no-repeat; }
.listings .list-item .main-image img { padding:3px; border:1px solid #ccc; }
.listings .list-item .location-info { float:left; width:150px; }
.listings .list-item .home-info { float:left; width:160px; }
.listings .list-item .contact-info { float:left; width:300px; }
.listings .list-item ul { list-style:none; }
.listings .list-item li { margin-bottom:10px; list-style:none; }
.listings .list-item li b { font-size:14px; }

.listing-contact-info { height:50px; margin-bottom:20px;  }
.listing-contact-info ul {float:left; width:260px; margin-right:30px; list-style:none; }
.listing-contact-info li {  margin-bottom:10px; list-style:none; }
.listing-contact-info li b { font-size:14px; }

/*Colorbox*/
#cboxContent { font-size:13px; }
a.colorbox.large { display:block;  margin-bottom:30px; }
a.colorbox.large img { float:right; margin-left:30px; }

/*Services*/
.brokerage-images { display:table; float:right; width:300px;  margin-bottom:20px; }
.brokerage-images img { float:right; margin:5px; padding:2px; border:1px solid #ccc;}

/*Cycles*/
#cycles { width:906px; height:204px; z-index:9; }
.cycle { display:none; }


