/* html5doctor.com Reset Stylesheet, v1.4.1, 2010-03-01, Author: Richard Clark - http://richclarkdesign.com
-------------------------------------------------------------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body {line-height:1;}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {display:block;}
ol, ul { list-style: none; }
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
input, select {vertical-align:middle;}
img { display: block; }
body { background: url(/i/layout/header-bkg.jpg) repeat-x top left; }
#header { background: url(/i/layout/header-shadow.jpg) no-repeat bottom center; height: 283px;margin: 0 auto; padding: 0 12px; position: relative; width: 978px; }
#header h1 { height: 91px; left: 28px; top: 41px; width: 316px; position: absolute; }
#header h1 a { background: url(/i/layout/connect-real-estate-group.png) no-repeat; display: block; height: 100%; text-indent: -9999em; width: 100%; }
#main-nav { height: 83px; left: 31px; position: absolute; top: 172px; width: 940px; }
#main-nav ul { height: 83px; left: 0; position: absolute; top: 0; width: 940px; }
#main-nav li { height: 83px; position: absolute; top: 0px; }
#main-nav li a { display: block; height: 100%; text-indent: -9999em; width: 100%; }
#main-nav li.search { width: 235px; left: 0px; }
#main-nav li.search a { background: url(/i/layout/menu.png) 0px -4px; }
#main-nav li.search a:hover { background: url(/i/layout/menu.png) 0px -95px; }
#main-nav li.listings { width: 250px; left: 220px; }
#main-nav li.listings a { background: url(/i/layout/menu.png) -235px -4px; }
#main-nav li.listings a:hover { background: url(/i/layout/menu.png) -235px -95px; }
#main-nav li.communities { width: 249px; left: 455px; }
#main-nav li.communities a { background: url(/i/layout/menu.png) -485px -4px; }
#main-nav li.communities a:hover, #main-nav li.communities a.current { background: url(/i/layout/menu.png) -485px -95px; }
#main-nav li.services { width: 250px; left: 689px; }
#main-nav li.services a { background: url(/i/layout/menu.png) -734px -4px; }
#main-nav li.services a:hover, #main-nav li.services a.current { background: url(/i/layout/menu.png) -734px -95px; }
#secondary-nav { position: absolute; right: 33px; top: 92px; }
#secondary-nav ul { font-size: 14px; height: 20px; text-align: left; }
#secondary-nav li { display: inline-block; *display: inline; padding: 0 10px; zoom: 1; }
#secondary-nav li a { color: #888; text-decoration: none; text-transform: uppercase; }
#secondary-nav li a.current, #secondary-nav li a:hover { color: #555; }
#secondary-nav li.about { border-right: 1px solid #888; margin: 0 -3px 0 0; }
#secondary-nav li.contact a { background: url(/i/layout/contact.png) no-repeat center right; padding: 0 18px 0 0; }

#content { margin: -18px auto 20px auto; overflow: hidden; position: relative; width: 960px; }
#footer { background: #0055a5 url(/i/icons/footer-logos.png) no-repeat 10px 10px; height: 40px; margin: 0 auto 20px auto; position:  relative; width: 940px; }
#footer ul { bottom: 0px;  height: 34px; position: absolute; right: 10px; width: 68px;  }
#footer ul li { bottom: 0px; height: 34px; position: absolute; width: 32px; }
#footer ul li a { display: block; height: 100%; text-indent: -9999em; width: 100%; }
#footer ul li.twitter { left: 0px; }
#footer ul li.twitter a { background: url(/i/icons/twitter.png) no-repeat; }
#footer ul li.facebook { left: 38px; }
#footer ul li.facebook a { background: url(/i/icons/facebook.png) no-repeat; }
#featured { height: 290px; overflow: hidden; }
.home #primary-content { background: url(/i/icons/check.png) 10px 5px no-repeat; float: left; width: 338px /*460px - 10px - 40px (padding for icon)*/; padding: 10px 40px 10px 50px /* 10px + 30px for icon + 10px for breathing room */ }
#primary-content { float: right; }
.sidebar-template #primary-content { background: url(/i/layout/vertical-line-sidebar.jpg) 0px 10px no-repeat; min-height: 538px; padding: 30px 10px 10px 30px; width: 680px; }
.single-column-template #primary-content { padding: 40px 30px 10px 30px; width: 880px; }
#community-figure img { border: 1px solid #bbb; }
#community-description { width: 394px; padding: 0 30px 0 0; }
#primary-content .aside { background: url(/i/layout/vertical-line-aside.jpg) 0px 0px no-repeat; width: 226px; min-height: 285px; padding: 0 0 0 30px; }
.contact-template #primary-content { float: left; padding: 0px 10px 10px 30px; width: 274px; }
.contact-template #map-container { height: 300px; width: 626px; padding: 10px; }
.contact-template #los_map { background: #ccc; border: 1px solid #888; height: 298px; width: 624px; }
#sidebar { padding: 50px 20px 10px 10px; width: 210px; }
#featured-news { background: url(/i/layout/vertical-line-home.jpg) 0px 0px no-repeat; padding: 10px 10px 10px 62px /* 2px for border + 30 padding + 30 icon + 10 padding */; width: 460px; }
#featured-news ul { margin: -10px; }
#sidebar #find-your-home { margin: 30px 0 0 0; }
/* Agents
-------------------------------------------------------------------------------------------------------------*/
.agent { overflow: hidden; }
.agent .figure { width: 60px; padding: 0; }
.agent .agent-details { width: 156px; padding: 0 0 0 10px; }
.unit { float: left; padding: 10px; }
.size1of4 { width: 220px; }
.size3of4 { width: 700px; }
.size1of2 { width: 460px; }
#featured-news .size1of2 { width: 220px; }

/* Icons
-------------------------------------------------------------------------------------------------------------*/
#content #primary-content .location { background: url(/i/icons/location.png) no-repeat 0px 0px; padding: 0 0 0 20px; }
#content #primary-content .aside .links a[href*='.pdf'] { background: url(/i/icons/pdf.png) no-repeat; padding: 0 0 0 18px; display: inline-block; zoom: 1; }
#content #primary-content .aside .links a { background: url(/i/icons/www.png) no-repeat; padding: 0 0 0 18px; display: inline-block; zoom: 1; }

/* Features Nav
-------------------------------------------------------------------------------------------------------------*/
#primary-content ul.features-nav { margin: 0; padding: 0; overflow: hidden; border-bottom: 1px solid #0055a5; }
#primary-content ul.features-nav li.first { margin: 0 0 0 5px; }
#primary-content ul.features-nav li { background: #ccc; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#ccc)); color: #888; border: 1px solid #aaa; -moz-border-radius: 3px 3px 0 0; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; border-bottom: none; border-radius: 3px 3px 0 0; float: left; font-size: 13px; list-style: none; margin: 0 0 1px 10px; padding: 0; }
#primary-content ul.features-nav li:hover { background: #aaa; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#aaa)); }
#primary-content ul.features-nav li a { -moz-border-radius: 2px 2px 0 0; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; border-radius: 2px 2px 0 0;color: #555; display: inline-block; zoom: 1; padding: 3px 6px 2px 6px; border: 1px solid #fff; border-bottom: none; text-decoration: none; }
#primary-content ul.features-nav li.current { background: #0055a5; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0066cc), to(#0055a5)); border: 1px solid #0099cc; border-bottom: none; margin-bottom: 0px; }
#primary-content ul.features-nav li.current a { color: #fff; padding: 3px 6px 3px 6px; }
.features { margin: 20px 0 0 0; }

/* Available Homes Table
-------------------------------------------------------------------------------------------------------------*/

table { color: #777; font-size: 11px; line-height: 18px; margin: 12px 0 0 0; text-align: left; width: 394px; }
table th, table td { padding: 6px 3px; }
table th { color: #0055a5; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; font-weight: normal; }
table tr { width: 394px; border-bottom: 1px solid #ccc; }
table tr:hover { background: #eee; }
table tr.header:hover { background: none; }

/* Community Photos
-------------------------------------------------------------------------------------------------------------*/
#content #photos {
	overflow: hidden;
}

#content #photos, #content #available-homes, #content #amenities {
	margin: 20px 0 20px 0;
}

#content #photos ul { list-style: none; margin: 0 -10px; }
#content #photos li { background: none; float: left; height: 80px; margin: 10px; padding: 0; width: 80px; }
#content #photos li a { display: block; width: 80px; height: 80px; border: 1px solid #ccc; padding: 1px; }
#content #photos li a img { }

/* Slide Container -- Large slides on the homepage
-------------------------------------------------------------------------------------------------------------*/
#slide-container { height: 290px; overflow: hidden; }

/* Community Map
-------------------------------------------------------------------------------------------------------------*/
#community-map { position: relative; width: 706; height:519; margin: 0 0 0 -28px; }
#primary-content #community-map ul, #primary-content #community-map li { margin: 0; padding: 0; list-style: none; }
#primary-content #community-map li { background: none; position: absolute; }
#community-map li a { display: block; height: 100%; width: 100%; text-indent: -9999px; }
#community-map .east-creek-villas { left: 497px; top: 350px; height: 123px; width: 158px; }
#community-map .sedona-pines { left: 300px; top: 168px; height: 84px; width: 116px; }
#community-map .sugarmill-plantation { left: 19px; top: 304px; height: 134px; width: 149px; }
#community-map .parisenne-villas { left: 418px; top: 299px; height: 132px; width: 118px; }
#community-map .gardens-at-cross-creek { left: 522px; top: 129px; height: 85px; width: 73px; }
#community-map .the-gates { left: 283px; top: 79px; height: 75px; width: 132px; }
#community-map .crystal-lakes { left: 410px; top: 132px; height: 68px; width: 106px; }

/* Fonts
-------------------------------------------------------------------------------------------------------------*/
body { font-family: 'Helvetica Neue', Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: Georgia, 'Times New Roman', Times; color: #0055a5; }
.home h2, .home #primary-content h2 { border-bottom: 2px solid #bbb; color: #0055a5; font-size: 16px; line-height: 20px; padding: 0 0 10px 0; margin: 0 0 15px 0; }
#content p,
#content dl,
#content ol,
#content ul { color: #888; font-size: 14px; line-height: 20px; margin-bottom: 10px; }
#primary-content strong { font-family: Georgia, 'Times New Roman', Times; color: #0055a5; }
#primary-content h2 { color: #888; font-size: 36px; line-height: 40px; margin: 0 0 30px 0; }
#primary-content h3 { font-size: 18px; line-height: 20px; margin: 30px 0 10px 0; }
#primary-content h4 { font-size: 16px; line-height: 20px; margin: 30px 0 10px 0; }
#primary-content h5 { font-size: 14px; line-height: 20px; margin: 20px 0 10px 0; }
#primary-content #community-description h3 { border-bottom: 1px solid #0055a5; font-size: 18px; line-height: 20px; margin: 20px 0 10px 0; padding: 0 0 6px 0; }
#primary-content .aside h4 { border-bottom: 1px solid #888; color: #888; font-size: 16px; line-height: 20px; padding: 0 0 5px 0; margin: 22px 0 10px 0; }
#primary-content ul { font-size: 13px; line-height: 15px; }
#primary-content ul li { background: url(/i/layout/bullet.gif) no-repeat 15px 4px; margin: 0 0 5px 0; padding: 0 0 0 30px; }
#primary-content ul.no-bullets { margin: 0; }
#primary-content ul.no-bullets li { background: none; margin: 0 0 3px 0; padding: 0; }
#primary-content a { color: #0055a5; }
#primary-content a:hover { color: #012f5a; }
#primary-content .aside p { font-size: 13px; line-height: 15px; padding: 0 5px; }
#primary-content .aside a { color: #888; }
#primary-content .aside a:hover { color: #555; }
#primary-content .aside strong { color: #888; font-family: 'Helvetica Neue', Arial, sans-serif; }
.sidebar-template #primary-content p { max-width: 612px; }
#sidebar h3 { margin: 0 0 10px 0; }
#sidebar ul { font-size: 13px; line-height: 15px; }
#sidebar ul li { background: url(/i/layout/bullet.gif) no-repeat 15px 4px; margin: 0 0 5px 0; padding: 0 0 0 30px; }
#sidebar ul.channel-nav { border-top: 1px dotted #0055a5; margin: 0; padding: 0; }
#sidebar ul.channel-nav li { background: none; margin: 0; padding: 0; }
#sidebar ul.channel-nav li a { border-bottom: 1px dotted #0055a5; color: #0055a5; display: block; padding: 5px 0; text-decoration: none; }
#sidebar ul.channel-nav li a.current, #sidebar ul.channel-nav li a.current:hover { background: url(/i/icons/current-page.png) center left no-repeat; padding: 5px 0 5px 12px; color: #ff8f00; }
#sidebar ul.channel-nav li a:hover { background: #eee; }
#featured-news strong { color: #666; font-weight: normal; }
#featured-news a { color: #0055a5; }
#featured-news h3 { margin: 0 0 5px 0; }

.jcarousel-clip, .jcarousel-item { width: 700px; height: 290px; }

/* Admin
-------------------------------------------------------------------------------------------------------------*/
a.edit-this { background: url(/i/icons/edit-this.png) no-repeat center center; display: inline-block; height: 20px; text-indent: -9999px; width: 25px; }