* { margin: 0; padding: 0; border: none; outline: 0; } html, body, #wrap { width: 100%; height: 100%; } body { background: #001428 url(../images/bg.jpg) no-repeat 50% 0; } body.prop_res { background: #001428 url(../images/bg.jpg) no-repeat 50% -700px; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } :focus { outline: 0; } /*CONTENT RULES*/ a#floater { display: block; position: absolute; top: 0; right: 0; z-index: 100; position: fixed; } #wrap { margin: 0 auto; width: 1000px; position: relative; } #content_home { width: 1000px; min-height: 900px; } #home_flash { width: 1000px; height: 550px; } #content_prop_res { width: 1000px; min-height: 900px; } #content_prop_com { width: 1000px; min-height: 900px; } #content_prop_dev { width: 1000px; min-height: 900px; } #content_about { width: 1000px; min-height: 900px; } #content_news_and_press { width: 1000px; height: 900px; } .prop_wrap { margin-bottom: 300px; padding: 11px 10px; width: 980px; } div.inline_right li { margin: 0 0 10px 10px; width: 250px; height: 170px; position: relative; } div.inline_left li { margin: 0 10px 10px 0; width: 250px; height: 170px; position: relative; } .prop_gallery { width: 780px; position: relative; } div.prop_gallery li img { width: 250px; height: 125px; } div.prop_gallery li a span { color: #26496e; } div.prop_gallery li .prop_thumb_foot { margin-top: -5px; padding: 13px 0 0 15px; height: 33px; width:235px; display: block; background: url(../images/bg_thumb_descript.png) no-repeat 0 0; text-decoration: none; color: #000712; font: bold 12px "Trebuchet Ms", Arial, Helvetica, sans-serif; text-transform: uppercase; } .prop_sidebar { width: 200px; } .prop_sidebar a { display:block; margin-bottom: 10px; } .prop_sidebar a.btn_contact { width: 79px; height: 22px; background: url(../images/btn_contact.jpg) no-repeat 0 0; text-indent: -9999px; } .prop_sidebar a.btn_rent_app { width: 129px; height: 22px; background: url(../images/btn_rent_app.jpg) no-repeat 0 0; text-indent: -9999px; } .prop_sidebar h2 { height: 91px; width: 200px; margin-bottom: 11px; text-indent: -9999px; } #residential .prop_sidebar a { float: right; display:inline; } #development .prop_sidebar a { float: right; display:inline; } #residential div.handi { float: right; display:inline; width: 200px; } #residential div.handi img { float: right; display:inline; } #development div.handi { float: right; display:inline; width: 200px; } #development div.handi img { float: right; display:inline; } #residential .prop_sidebar h2 { background: url(../images/head_residential.png) no-repeat 0 0; } #commercial .prop_sidebar h2 { background: url(../images/head_commercial.png) no-repeat 0 0; } #development .prop_sidebar h2 { background: url(../images/head_development.png) no-repeat 0 0; } #residential { margin-top: 10px; background: url(../images/bg_residential.gif) no-repeat 20px 0; } #commercial { margin-top: 10px; background: url(../images/bg_commercial.gif) no-repeat 20px 0; } #development { margin-top: 10px; background: url(../images/bg_development.gif) no-repeat 20px 0; } #residential .prop_gallery li div.white_line { height: 125px; width: 1px; position: absolute; background: url(../images/photo_white_line.gif) no-repeat 0 0; top: 0; left: 239px;} #commercial .prop_gallery li div.white_line { height: 125px; width: 1px; position: absolute; background: url(../images/photo_white_line.gif) no-repeat 0 0; top: 0; left: 10px;} #development .prop_gallery li div.white_line { height: 125px; width: 1px; position: absolute; background: url(../images/photo_white_line.gif) no-repeat 0 0; top: 0; left: 239px;} #about_wrap { padding: 0 10px; width: 980px; min-height: 800px; background: url(../images/bg_about.gif) no-repeat 20px 0; position: relative; } #about_wrap img {position: absolute; top: 67px; } #about_head { display: block; padding-top: 11px; margin-bottom: 35px; } #about_head h2 { height: 56px; width: 200px; margin-right: 25px; float: left; display: inline; background: url(../images/head_about.png) no-repeat 0 0; text-indent: -9999px; } #about_head h3 { float: left; display: inline; padding-top: 18px; color: #fff; font: normal 18px "Trebuchet Ms", Arial, Helvetica, sans-serif; text-transform: uppercase; } #about_sub_nav { margin-right: 25px; width: 200px; float: left; display: inline; } #about_sub_nav ul { padding-left: 21px; } #about_sub_nav ul li { padding-bottom: 18px; } #about_sub_nav li a { color: #fff; font: normal 12px/18px "Trebuchet Ms", Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; } #about_content { margin-right: 30px; width: 410px; float: left; display: inline; } #about_content p { margin-bottom: 28px; color: #fff; font: normal 12px/19px "Trebuchet Ms", Arial, Helvetica, sans-serif; } #news_wrap { padding: 0 10px; width: 980px; min-height: 800px; position: relative; background: url(../images/bg_news.gif) no-repeat 20px 0; } #news_wrap img {position: absolute; top: 67px; left: 548px;} #news_wrap ul { margin: 0 52px 0 21px; width: 465px; } #news_wrap li { margin-bottom: 28px; color: #fff; background: url(../images/icon_arrow.gif) no-repeat 100px 5px; font: normal 12px "Trebuchet Ms", Arial, Helvetica, sans-serif; } #news_wrap li span { width: 125px; display: block; float: left; display: inline; text-transform: uppercase; } #news_wrap li a { color: #fff; font: normal 12px "Trebuchet Ms", Arial, Helvetica, sans-serif; text-decoration: none; } #news_head { display: block; padding-top: 11px; margin-bottom: 35px; } #news_head h2 { height: 56px; width: 200px; margin-right: 25px; float: left; display: inline; background: url(../images/head_news.png) no-repeat 0 0; text-indent: -9999px; } #nav_wrap { width: 100%; height: 60px; background: url(../images/bg_nav_bar.gif) repeat-x 0 0; position: fixed; bottom: 0%; z-index:20; } #nav { margin: 0 auto; width: 1000px; height: 60px; } #nav ul { width: 990px; } #nav ul li { display: inline; float: left; } #nav ul li a { height: 60px; display: block; text-indent: -9999px; } a#nav_home { width: 223px; background: url(../images/bg_sprite_new.gif) no-repeat 0 0; } #nav_prop { width: 109px; height: 60px; background: url(../images/bg_sprite_new.gif) no-repeat -223px 0; text-indent: -9999px; } a#nav_prop_res { width: 83px; background: url(../images/bg_sprite_new.gif) no-repeat -332px 0; } a#nav_prop_res:hover { background: url(../images/bg_sprite_new.gif) no-repeat -332px -60px; } a#nav_prop_com { width: 85px; background: url(../images/bg_sprite_new.gif) no-repeat -415px 0; } a#nav_prop_com:hover { background: url(../images/bg_sprite_new.gif) no-repeat -415px -60px; } a#nav_prop_dev { width: 92px; background: url(../images/bg_sprite_new.gif) no-repeat -500px 0; } a#nav_prop_dev:hover { background: url(../images/bg_sprite_new.gif) no-repeat -500px -60px; } #nav_space { width: 24px; height: 60px; background: url(../images/bg_sprite_new.gif) no-repeat -592px 0; text-indent: -9999px; } a#nav_about { width: 88px; background: url(../images/bg_sprite_new.gif) no-repeat -616px 0; } a#nav_about:hover { background: url(../images/bg_sprite_new.gif) no-repeat -616px -60px; } a#nav_news { width: 94px; background: url(../images/bg_sprite_new.gif) no-repeat -704px 0; } a#nav_news:hover { background: url(../images/bg_sprite_new.gif) no-repeat -704px -60px; } a#nav_contact { width: 91px; background: url(../images/bg_sprite_new.gif) no-repeat -798px 0; } a#nav_contact:hover { background: url(../images/bg_sprite_new.gif) no-repeat -798px -60px; } a#nav_pay_rent { width: 98px; background: url(../images/bg_sprite_new.gif) no-repeat -889px 0; } a#nav_pay_rent:hover { background: url(../images/bg_sprite_new.gif) no-repeat -889px -60px; } #nav_slide { margin-left: 10px; width: 980px; height: 400px; } /*GLOBAL CLASSES*/ .inline_left { display: inline; float: left; } .inline_right { display: inline; float: right; } .clear:after { height: 0; display: block; clear: both; visibility: hidden; content: "."; }