/* Remove margin, padding and border from everything -----------------------------------------------------------------------------*/ *{margin:0; padding:0; border:0} /* Styles for layout -----------------------------------------------------------------------------*/ .clear{clear:both} .right{float:right} .left{float:left} .dn{display:none} .center{text-align:center} /* Set up the document -----------------------------------------------------------------------------*/ body{font:.75em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#4a4a30; text-align:center; background:url(../_images/bg_body.jpg) top center repeat-x #05114C; line-height:1.25em;} #site_shell{width:985px; margin:0 auto; background-color:#ffffff;} /* Typography -----------------------------------------------------------------------------*/ h1{font-size:2.5em; color:#be0303;} h2{font-size:2.0em; color:#be0303;} h3{font-size:1em; color:#6d5124;} h4{font-size:1em; color:#6d5124; margin:12px 0 2px 0;} h5{font-size:1.4em; color:#be0303;} p, q, cite{font-size:1em;} ul, ol, dl{list-style:none;} li, dd, dt{font-size:1em; } .deep_red{color:#82000c} .location_bullets span{color:#143d8d;} /* Header -----------------------------------------------------------------------------*/ /* Navigation -----------------------------------------------------------------------------*/ a{color:#143d8d;} #nav_bar{height:48px; background:url(../_images/bg_nav.jpg) repeat-x top center #ffffff;} #nav_bar li{float:left;} #nav_bar a{height:20px; display:block;} #nav_bar span{display:none;} #nav_shell{padding-top:11px;} #navigation{} #socialmedia{margin-left:176px;} #socialmedia a{width:18px; background-image:url(../_images/social_media.gif); margin-left:6px;} #sm_facebook{background-position:0 0;} #sm_twitter{background-position:-25px 0px;} #navigation li{margin-left:8px;} #navigation a {background-image:url(../_images/elysian-navbar.gif);} #navRegister{width:87px; background-position:0 0;} #navRegister:hover{background-position:0 -20px;} #navApartments{width:119px; background-position:-94px 0;} #navApartments:hover{background-position:-94px -20px;} #navAmenities{width:134px; background-position:-219px 0;} #navAmenities:hover{background-position:-219px -20px;} #navLocation{width:101px; background-position:-364px 0;} #navLocation:hover{background-position:-364px -20px;} #navNews{width:102px; background-position:-477px 0;} #navNews:hover{background-position:-477px -20px;} #navContact{width:80px; background-position:-586px 0;} #navContact:hover{background-position:-586px -20px;} #navHome{width:75px; background-position:-673px 0;} #navHome:hover{background-position:-673px -20px;} .submen {background-color:#aa5b5c; color:#ffffff; position:absolute; left:600px; margin-top:-15px; visibility: hidden; z-index:2000} #navigation_bar{width:985px;} .selectedanchor{/*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/} /* Sub Menu */ /* ######### Default class for drop down menus ######### */ .anylinkmenu{position:absolute; left:0; top:0; visibility:hidden; border:1px solid black; border-bottom-width:0; font:normal 12px Verdana; line-height:18px; z-index:100; /* zIndex should be greater than that of shadow's below */background-color:#aa5b5c; width:200px; /* default width for menu */} .anylinkmenu ul{margin:0; padding:0; list-style-type:none; text-align:left;} .anylinkmenu ul li a{width:100%; display:block; text-indent:3px; border-bottom:1px solid black; padding:2px 0; text-decoration:none;text-indent:5px; font-size:.833em; font-weight:bold; color:#ffffff;} .anylinkmenu a:hover{/*hover background color*/background-color:#995253} /* ######### Alternate multi-column class for drop down menus ######### */ .anylinkmenucols{position:absolute; width:350px; left:0; top:0; visibility:hidden; border:1px solid #7c3e3f; padding:10px; z-index:100; /*zIndex should be greater than that of shadow's below*/background:#E9E9E9} .anylinkmenucols li{padding-bottom:3px} .anylinkmenucols .column{float:left; padding:3px 8px; margin-right:5px; background:#E0E0E0} .anylinkmenucols .column ul{margin:0; padding:0; list-style-type:none} /* ######### class for shadow DIV ######### */ .anylinkshadow{/*CSS for shadow. Keep this as is */position:absolute; left:0; top:0; z-index:99; /*zIndex for shadow*/background:black; visibility:hidden} /* Footer -----------------------------------------------------------------------------*/ #footer {clear:both;} #footer li{float:left; display:block;} #footer li span{display:none;} #footer-shell{padding-top:3px;} #footer-icons{margin-left:15px;} #footer-icons li{height:17px; background-image:url(../_images/elysian-footer.gif); margin-left:2px;} #footADA{width:11px; background-position:-1px 0px;} #footEHO{width:15px; background-position:-13px 0px;} #footAffordable{width:125px; background-position:-32px 0px;} #footer-links li{margin-left:21px;} #footer-links a{background-image:url(../_images/elysian-footer.gif); height:17px; display:block;} #footDeveloper{width:114px; background-position:-180px 0px;} #footDeveloper:hover{background-position:-180px -17px;} #footDownloads{width:72px; background-position:-313px 0px;} #footDownloads:hover{background-position:-313px -17px;} #footShare{width:117px; background-position:-404px 0px;} #footShare:hover{background-position:-404px -17px;} #footResources{width:113px; background-position:-540px 0px;} #footResources:hover{background-position:-540px -17px;} #footCredits{width:67px; background-position:-674px 0px;} #footCredits:hover{background-position:-674px -17px;} #footContact{width:67px; background-position:-761px 0px;} #footContact:hover{background-position:-761px -17px;} #footPhone{width:98px; height:17px; display:inline; background:url(../_images/elysian-footer.gif) -848px 0 no-repeat; margin-left:10px;} /* Homepage -----------------------------------------------------------------------------*/ #slide_area{height:402px; width:985px;} #portal_row{height:102px; background:url(../_images/bg_slider.png) top center no-repeat #ffffff; margin-top:6px;} #footer{width:985px; height:25px; background:url(../_images/bg_whitespace.png) top center no-repeat #ffffff; margin-top:0px;} #logo_box{width:179px; display:block; position:absolute; z-index:1500;} #logo{height:144px; width:179px; display:block; background:url(../_images/logo.png);} #ribbon{height:146px; width:179px; display:block; background:url(../_images/logo-ribbon.png);} #logo_box span{display:none;} /* Your template -----------------------------------------------------------------------------*/ #location_side{width:336px; height:515px; background:url(../_images/bg_locationside.jpg) left top repeat-y #6d8d23; float:right; display:block; margin-top:-5px; color:#ffffff; line-height:1.167em;} #location_side p{margin:20px; text-align:left;} #location_side ul{margin:0 0 0 75px; padding:0; list-style:disc; text-align:left;} #location_map{width:634px; height:515px; display:block; background:url(../_images/location_map.gif) right top no-repeat; float:right; margin-top:-5px;} #location_map_flash{width:818px; height:515px; display:block; float:right; margin-top:-5px;} #map_download{width:124px; height:38px; float:left; margin:100px 0 0 16px; background-image:url(../_images/pdf-download.png); display:inline;} #map_download span{display:none;} #box_tvspot{width:338px; height:70px; display:inline; float:right; margin:16px 16px 0 0; background:url(../_images/bn_tvspot.jpg) no-repeat;} #box_tvspot span{display:none;} #content_box{margin-left:180px; margin-top:25px; width:710px; text-align:left;} #content_box h3, #sub_content h3{height:29px; display:block; margin-bottom:15px; background-repeat:no-repeat;} #content_box h3 span, #sub_content h3 span{display:none;} #content_box a, #sub_content a{text-transform:uppercase; text-decoration:none;} #content_box a:hover, #sub_text a:hover{text-decoration:underline;} #poi_text{width:303px; display:block; position:absolute; z-index:1500; margin:60px 0 0 665px; color:#ffffff; text-align:left; line-height:1.083em; z-index:1000;} #photo_side{width:326px; height:504px; float:right; display:inline; padding:0 5px 5px 5px;} #publictrans_photo1 {position:absolute; margin:281px 0 0 5px; height:223px; width:310px;} #publictrans_photo2 {position:absolute; margin:281px 0 0 320px; height:223px; width:330px;} #sub_text{width:435px; text-align:left; margin:25px 0 0 180px; position:absolute;} .publictrans_text ul{margin-top:22px;} .pubclictrans_text li{} .publictrans_text a{width:287px; height:16px; display:block; background:url(../_images/public-trans-links.gif) no-repeat; margin-bottom:6px;} .publictrans_text a span{display:none;} #trans_route55{background-position:0px 0px;} #trans_route55:hover{background-position:-287px 0px;} #trans_route53{background-position:0px -20px;} #trans_route53:hover{background-position:-287px -20px;} #trans_explore{background-position:0px -42px;} #trans_explore:hover{background-position:-287px -42px;} #rightside{width:336px; height:515px; float:right; display:block; margin-top:-5px; line-height:1.167em;} #rightside p{margin:14px 15px 14px 15px; text-align:left;} #rightside ul{margin:0 0 0 75px; padding:0; list-style:disc; text-align:left;} .peachside{background:url(../_images/bg_peach.gif) left top no-repeat #e8d4a3; color:#4a4a30;} .greenside{background:url(../_images/bg_green.gif) left top no-repeat #6d8d23; color:#ffffff;} .pinkside{background:url(../_images/bg_pink.gif) left top no-repeat #b16162; color:#ffffff;} .text_intro{font-size:1.167em; line-height:1.167em;} #box_siteplan{background:url(../_images/bg_siteplan.jpg) left top no-repeat #e0ddd5; height:515px; width:649px; position:absolute; margin:-5px 0 0 0;} #siteplan {width:483px; height:515px; float:right;} .divide_green{border-bottom: solid 1px #7c9939; height:15px; display:block; margin:0 15px 15px 15px} #sub_text{margin:20px 0 0 180px; width:435px; float:left;} #sub_text_large{margin:20px 0 0 180px; width:780px; float:left;} .news_snippet{} .news_divide{height:20px; display:block; clear:both; border-bottom:solid 1px #E1E1E1; margin-bottom:25px;} /* Forms -----------------------------------------------------------------------------*/ input, textarea, select{border:solid 1px #a3a37f;} /* Admin -----------------------------------------------------------------------------*/ .style1{font-size:11px} #admin_bar a{color:#ffffff; background-color:#143d8d; padding:6px; text-decoration:none; float:right;} #admin_bar a:hover{background-color:#05114c;} #confirm_bar a{color:#ffffff; background-color:#6d8d23; padding:6px; text-decoration:none; float:right;} #confirm_bar a:hover{background-color:#57770e;} .admin_box{clear:both; width:100%; font-size:11px} .admin_headline{font-size:12px; color:#696969; border-bottom:1px solid #CDC87C} .newscolor_row2{background:#F0F0F0} .newscolor_row1{background:#F9F9F9} input, select, textarea{font-size:12px; border:#97b3cc 1px solid} .news_table{margin:0 auto} #admin_table{width:765px;} #admincontent{margin:20px 0 20px 180px; width:765px; float:left;} /* Tables -----------------------------------------------------------------------------*/ #box1 {width:490px; background-color:#C00; float:left; margin:45px 0 0 10px; display:inline; height:300px} #box2 {width:424px; height:450px; background-color:#066; float:right; margin:70px 16px 0 0; display:inline} /* SLIDESHOW -----------------------------------------------------------------------------*/ .cf_wrapper{width:985px; height:402px; border:none; background-color:#ffffff; position:inherit; overflow:hidden;} .cf_element{width:985px; height:402px; background-color:#ffffff; color:#ffffff} #ss_photo1, #ss_photo2, #ss_photo3{width:985px; height:283px; display:block;} #ss_photo1{background-image:url(../_images/_slideshow/jewel-box.jpg);} #ss_photo2{background-image:url(../_images/_slideshow/walkability.jpg);} #ss_photo3{background-image:url(../_images/_slideshow/stylish.jpg);} #ss_textbox{width:610px; height:119px; float:left;} #ss_textbox p{margin:15px 0 5px 20px; text-align:left; color:#4a4a30} #ss_textbox p a{text-transform:uppercase; text-decoration:underline;} #ss_textbox p a:hover{text-decoration:none;} #ss_detailbox{width:370px; height:119px; float:right; background-color:#6d8d23;} #ss_tabs span{display:none;} #ss_tabs li{float:left; background-color:#2e2e1e;} #ss_tab1, #ss_tab2, #ss_tab3, #ss_tab1_on, #ss_tab2_on, #ss_tab3_on{height:27px; display:block; background-image:url(../_images/slideshow_tabs.gif);} #ss_tab1{width:121px; background-position:-0px 0px;} #ss_tab1:hover{width:121px; background-position:-0px -27px;} #ss_tab1_on{width:121px; background-position:-0px -54px;} #ss_tab2{width:123px; background-position:-121px 0px;} #ss_tab2:hover{width:123px; background-position:-121px -27px;} #ss_tab2_on{width:123px; background-position:-121px -54px;} #ss_tab3{width:126px; background-position:-244px 0px;} #ss_tab3:hover{width:126px; background-position:-244px -27px;} #ss_tab3_on{width:126px; background-position:-244px -54px;} #ss_details{width:370px; height:92px; clear:both;} #ss_details p{margin:0 10px 10px 10px; text-align:left; clear:both; padding-top:10px;} #ss_details p a{text-transform:uppercase; font-size:.917em; text-decoration:none;} #ss_details p a:hover{text-decoration:underline;} .ss_toggle{z-index:10;} .slideshow_active{background-color:#b9b3b3; width:9px; height:9px; display:block; float:left; margin-left:7px; border:solid 1px #ffffff;} .slideshow_inactive{background-color:#b60c01; width:9px; height:9px; display:block; float:left; margin-left:7px; border:solid 1px #ffffff;} a.slideshow_inactive:hover{background-color:#520b0c;} .slideshow_inactive span, .slideshow_active span{display:none} .bg_img{position:absolute; z-index:1} /* CONTENT SLIDER -----------------------------------------------------------------------------*/ #slider_wrapper{width: 583px; margin:0; padding-top:0px; float:left;} #slider {width: 500px; margin: 0 auto; position: relative;} .scroll {height: 102px; width: 500px; overflow:hidden; position: relative; clear: left; margin-left:20px} .scrollContainer div.panel {height: 102px; width: 500px;} .scrollButtons {position: absolute; top: 40px; cursor: pointer;} .scrollButtons.left {left: -25px;} .scrollButtons.right {right: -60px;}