/* ROUTE56HOMES.com STYLESHEET TEMPLATE - Header, Footer, 2 Column, Left Navigation COPYRIGHT 2006-2007, CUFFO MEDIA! /* Color Pallette =================================================== dark blue - #204080 med blue - #557fd3 light blue - #bacbed super light blue - #ebf0fa dark green - #408020 med green - #c4e6b3 light green - #f0faeb dark grey - #404040 med grey - #a0a0a0 light grey - #f0f0f0 maroon - #802040 tel/specials text - #00c8fd text - #404040 link text blue - #204080 link text green - #408020 hover - "swap above" /* Global Formating -------------------------------------------------*/ html {} body {margin:0px auto;text-align:center;font-family:verdana, arial, helvetica, sans-serif;font-size:12px;color:#404040} body{margin-top:0px;background:#fff url('../images/pageBack.jpg') repeat-x} a:link {color:#204080;text-decoration:none} a:visited {color:#204080;text-decoration:none} a:hover {color:#408020;text-decoration:none} h1 {color:#bacbed;font-size:24px;font-family:verdana, arial, helvetica, sans-serif} h2 {color:#bacbed;font-size:20px;font-family:verdana, arial, helvetica, sans-serif} h3 {color:#bacbed;font-size:16px;font-family:verdana, arial, helvetica, sans-serif} h4 {color:#bacbed;font-size:14px;font-family:verdana, arial, helvetica, sans-serif} h5 {color:#bacbed;font-size:12px;font-family:verdana, arial, helvetica, sans-serif} div,p,h1,h2,h3,h4,h5,a {margin:0;padding:0} span.highLight{background:#fcfc4c;padding:0 2px;} div.clear{margin:0;padding:0;clear:both;height:0;} .center{text-align:center} img a{border:none;} .img{border-width: 0px;} ul{} ol{} li{} /* Main Page Styles =================================================== Include content wrapper and page backgrounds here. MAIN FONT SETTING IN BODY! -------------------------------------------------*/ #wrapper{margin:0 auto;width:800px;background:#fff;border:1px #fff solid} /* Header =================================================== Insert Header styles here. **NO FORM or LIST styles!!** -------------------------------------------------*/ #mastHead{height:92px;background-image:url('../images/header.jpg')} #mastHomeLink {float:left;width:300px;height:76px} #mastLinks{margin:0px 0px 0px 0;padding:0px;float:right;font-size:10px;font-weight:bold} #mastLinks a{margin:0 6px;color:#408020} #mastLinks a:hover{color:#204080} #mastHeadB {padding:0} #mastHeadBL {float:left;width:207px;height:152px} #mastHeadBL img {margin:0;border:none} a.qJ1 {display:block;width:207px;height:49px;text-decoration:none;background:url('../images/qJImage1.gif') 0 0 no-repeat} a:hover.qJ1 {background-position:-207px 0} a.qJ2 {display:block;width:207px;height:49px;text-decoration:none;background:url('../images/qJImage2.gif') 0 0 no-repeat} a:hover.qJ2 {background-position:-207px 0} a.qJ3 {display:block;width:207px;height:54px;text-decoration:none;background:url('../images/qJImage3.jpg') 0 0 no-repeat} a:hover.qJ3 {background-position:-207px 0} #mastHeadBR {float:right;width:591px} #topNav{margin:0;width:591px;height:32px;background:#fff url('../images/nav_top_grad.gif') repeat-x} #topNav ul{margin:0px;font:15px verdana, arial, helvetica, sans-serif;} #topNav li{margin:0;width:110px;float:left;list-style:none} #topNav li a{margin:0;padding:6px 0em;height:20px;color:#fff;display:block;text-decoration:none} #topNav a:hover{background:#557fd3} #flashSplash{margin-bottom:1px;width:591px;height:101px} /* Body =================================================== Insert Body styles here. **NO FORM or LIST styles!!** -------------------------------------------------*/ #contentMain{margin:0;padding:0;background:#bacbed url('../images/contentBack.gif') top left repeat-y} #contentL {float:left;text-align:left;width:210px} #leftNav {width:200px;background:#bacbed} .leftNavHeader {margin:0;padding:0;width:200px;height:43px;color:#fff;font-size:16px; font-weight:bold;background:#fff url('../images/gradient_back.gif') repeat-x} .leftNavHeader p {margin:12px 16px;position:absolute} #leftNavLink {height:49px} #leftNavLinkimg {position:absolute} #leftNav ul{margin:0;padding:0px;} #leftNav li{margin:0;list-style: none;} #leftNav li a {display: block;padding:5px 24px;border-bottom:1px solid #9eb7e2;background:#bacbed;font-size:12px;color:#204080;text-decoration:none;} #leftNav li a:hover{background:#557fd3 url('../images/nav_56_sm1.gif') no-repeat 6px center;color: #fff;} #brokerLogo {margin:22px 0 4px 5px} #brokerInfo {margin:0;padding:4px;width:190px;font-size:11px;text-align:left} #contentR {float:right;padding:4px 4px;text-align:left;width:580px} #contentR h1{margin:0 0 20px 0} /* Main Content Boxes */ #content1 {margin:0;width:550px} #content1L {float:left;width:341px;height:183px;background:#fff url('../images/quick_search_back.gif') no-repeat} .whyChoose {margin:20px 0 0 20px;float:left;border:none} #content1R {margin:3px;float:right;max-width:190px;height:240px;font-size:10px !important} #content1R a {width:200px;font-size:10px !important} #content1R legend {color:#204080;font-weight:bold;font-size:13px} #featured {width:200px;font-size:10px !important} #featured a {width:200px;font-size:10px !important} .floorPlans {margin:8px 0 0 0;text-align:center} /* QuickSearch Box */ #sForm {margin:30px 0 30px 30px;font-size:12px;} #sForm label {color:#fff;font-weight:bold;font-size:13px} #sForm input,select {margin:8px 0 0 5px;color:#204080;font-family:verdana, arial, helvetica, sans-serif;font-size:13px} #sForm a {} .qSsubmit {margin:12px 14px 0 0;float:right} .qSbutton {margin:8px 30px 0 0;float:right} .qSsubmit a {margin:8px 0 0 0;float:left;font-size:11px;font-weight:bold;text-decoration:none;color:#fff} .qSsubmit a:hover {color:#204080} #content2 {margin:4px 0 34px 0} #content2 h1 {margin:32px 8px 12px 0;font-size:15px;color:#204080;font-weight:bold} #content3 {margin:14px 0 8px 0;border-top:1px #f0f0f0 solid} #content3L {float:left;width:230px} #content3L img {margin:22px 0 6px 0} #content3L h2 {margin:3px 0;font-size:13px;color:#204080} #content3L p {margin:3px 0;font-size:11px} #content3L a {margin:-8px 16px 0 0;float:right} #content3R {margin:12px 0 0 0;float:right;padding:8px;width:332px;border-left:1px #f0f0f0 solid} #commSearch {} #commSearch h2 {margin:6px 0;font-size:18px;font-weight:normal;color:#204080} #commSearch p {margin:0 8px;font-size:12px} #commSearch img {float:right;margin:-8px 0 0 4px} #commSearchL {float:left;margin:14px 0 0 3px;width:137px} #commSearchR {float:right;margin:14px 0 0 0;width:182px} .commSearchUL {margin:0;padding:0;font-size:11px} .commSearchUL ul {margin:0;padding:0} .commSearchUL li {margin:2px 0;list-style:none} .commSearchUL li a {padding:0 0 0 18px} .commSearchUL li a:hover {background:url('../images/commOn.gif') no-repeat 0px center} #content3RB {margin-top:22px;border-top:1px #f0f0f0 solid} #content3RB h2 {margin:7px 0;font-size:16px;font-weight:normal;color:#204080} #content3RB img {float:left;margin:3px} #content3RB ul {float:left;margin:6px 2px;padding:0;font-size:12px} #content3RB li {margin:4px 0;list-style:none;line-height:20px} #content3RB li a {padding:0 0 0 16px;text-decoration:none} #content3RB li a:hover {background:url('../images/commOn.gif') no-repeat 0px center} #commContent {margin:20px 0;padding:15px 0 0 0;text-align:center;border-top:1px #f0f0f0 solid} #commContent h2 {margin:12px 0;text-align:left;font-size:16px;font-weight:normal;color:#204080} #commContent img {float:left;border:none} #commContent p {float:right;margin:10px 0;width:450px;text-align:left} .commContent {margin:20px 0} #commContent a {margin:0 6px} #stockContent {margin-top:0;padding:3px} #stockContentL {margin:0;float:left;width:280px} #stockContentL h4{} #stockContent ul{margin:8px 0 0 -20px;font-size:11px} #stockContent li{margin:4px 0} #stockContentR {margin:0;float:right;width:290px} #sellersList {} #sellersList ul {} #sellersList li {margin:4px 0;padding:0 0 0 15px;list-style:none;background: url('../images/greencheck.gif') no-repeat;} #sellersList li a{} /* Footer -------------------------------------------------*/ #footerBar {height:4px;background:#204080;border-bottom:1px #fff solid} #footer {padding-top:7px;height:34px;color:#fff;background:#fff url('../images/footer_grad.gif') repeat-x} #footer p {text-align:center} #footer a {margin:0 10px;color:#fff;text-decoration:none} #footer a:hover {color:#408020} /* Subfooter */ #subFooter {margin:0;padding-top:12px;height:50px;background:#fff} div#Cuffo {margin:0;text-align:right} a.Cuffo {float:right;width:192px;height:18px;text-decoration:none;background:url('../images/designedbydouble.gif') 0 0 no-repeat} a:hover.Cuffo {background-position:-192px 0} #adminAccess {float:left;width:200px} #copyRight{float:left;width:300px;font-size:9px} #copyRight img {margin-top:0px} #IDXreg {margin:0;font-size:11px} #IDXreg img {vertical-align:middle} /* Images =================================================== Images styles can also be associated with corresponding tag in this sheet. Use
space img for assignment. #div_id img {style} -------------------------------------------------*/ #blogButton {margin:0 0 0 400px;position:absolute} #blogButton img {border:none} /* Community Pages =================================================== This is the large 2-column box in content area. -------------------------------------------------*/ #communities {} #communities h1 {} #communities h2 {margin:46px 0 0 0;font-size:14px;font-weight:normal;color:#204080} #communities h2 a {font-weight:bold;color:#408020} #communities h3 {font-weight:bold;color:#204080} .fifteen {font-size:19px} #communities p {margin:30px 0 20px 0} #commSearch h2 {margin:0 0 12px 0;font-size:16px;font-weight:bold} #commL {float:left;width:370px;text-align:center;border-right:1px #f0f0f0 solid} #commL img {margin:3px} #commL p {margin:12px 8px;text-align:left} #commL h2 a {margin:0;font-size:16px;font-weight:normal;color:#204080;text-decoration:underline} #commL h3 {margin:5px 0 0 0;font-size:16px;font-weight:bold;color:#204080;text-align:left} #commR {float:right;width:190px} #commR img {margin:3px 0 10px 0} #commR h4 {font-size:12px;color:#204080} #commR p {font-size:11px;margin-top:4px} #weatherMod {margin:60px 0 10px 110px} /* SUB COMMUNITY PAGES */ #subComm {margin:0 12px 22px 0;float:right;text-align:right;font-size:13px;font-weight:normal} #commL ul {text-align:left;font-size:11px} #commL li {margin:8px 0} /* Sitemap */ #sitemap {margin:0 10px} #sitemap img {margin:5px;float:right} #sitemap h3 {margin:0 0 0 6px} #sitemap ul {} #sitemap li {margin:4px;list-style:none} #sitemap li a {text-decoration:none} #sitemap li a:hover {} /* Floorplan Pages */ #fpSelect {text-align:center;margin:12px 0 0px 0;padding:4px 0} #fpSelect h3 {padding-bottom:4px} #fpSelect p {margin:4px auto;padding:3px 0;width:90%;background:#ebf0fa;border-top:1px #bacbed solid} #fpSelect p a {margin:0 14px;font-size:13px}