/* CSS Document */ /* CSS Document */ /*--------------------------------------- General ---------------------------------------*/ /* Font sizes */ html { min-height:100%; margin-bottom:1px; } body, ul, ol, li, h1, h2, h3, p { margin:0px; padding:0px; } /*--------------------------------------- General ---------------------------------------*/ body, input, td, th, textarea { font-family:Arial, Helvetica, sans-serif; } /* Font sizes */ body { font-size:62.5%; } #content { font-size:1.3em; } textarea { font-size:1.1em; } a { text-decoration:none; color:#0099cc } a:hover { text-decoration:underline; } ul, ul li { list-style-type:none } ul li { padding-left:12px; background:url(../images/template/bullet.gif) top left no-repeat; } ul li a { font-weight:bold; } ol li { margin:0 10px 15px 28px; background-position:0 2px; background-repeat:no-repeat } img { border:0px; } td, th { vertical-align:top; text-align:left } th { color:#333; text-align:left } p { margin-bottom:1.3em; } p, dt, dd, li { line-height:1.4em } table, ul, dl, h2, h3 { margin-bottom:1.5em; } h1 { font-size:2em; font-weight:normal; color:#0072A5; margin-bottom:15px; font-family:Arial, Helvetica, sans-serif } h1 em { color:#FF6600; font-style:normal } h2 { font-size:1.3em; color:#fff; margin:0 0 5px; } h3 { font-size:1.1em; color:#fff; margin-bottom:5px; } h2, h3 { clear:both; } /*--------------------------------------- Main Layout ---------------------------------------*/ body { color:#fff; text-align:center; background:#000 url(../images/template/body_bg.png) bottom left repeat-x } #inner, #footer { margin:0 auto; text-align:left; width:800px; } #outer { background:url(../images/template/outer_bg.png) bottom center no-repeat } #container { margin:0 auto; text-align:left; width:1000px; background:#fff; } /* Header Section -------------------------------------*/ #header { clear:both; height:250px; position:relative; } #logo { position:absolute; top:0; left:0; z-index:100; } #showcase { overflow:hidden; width:800px; height:250px; } #navigation { height:30px; background:#030303 url(../images/template/nav_bg.jpg) top left repeat-x; } #navigation ul, #navigation li { margin:0px; padding:0px; list-style-type:none } #navigation ul { margin-left:22px; } #navigation li { display:inline; float:left; color:#fff; } #navigation a { display:block; line-height:30px; text-decoration:none; color:#AA4B9B; font-weight:bold; font-size:1.1em; background-position:bottom left; text-indent:-9999px; } #navigation a:focus { outline:none } #navigation li.home { margin-left:0; } #navigation li.home, #navigation li.home a { width:61px; background-image:url(../images/template/nav/home.gif); } #navigation li.residential, #navigation li.residential a { width:169px; background-image:url(../images/template/nav/residential.gif); color:#cccc00 } #navigation li.commercial, #navigation li.commercial a { width:175px; background-image:url(../images/template/nav/commercial.gif); color:#CC0066 } #navigation li.news, #navigation li.news a { width:97px; background-image:url(../images/template/nav/news.gif); } #navigation li.about, #navigation li.about a { width:80px; background-image:url(../images/template/nav/about.gif); color:#ffcc33 } #navigation li.contact, #navigation li.contact a { width:97px; background-image:url(../images/template/nav/contact.gif); } #navigation li.links, #navigation li.links a { width:60px; background-image:url(../images/template/nav/links.gif); } #navigation li a:hover, #navigation li:hover a { background-position:top left; } #navigation li a:hover, #navigation li.residential ul.sub li.divide a:hover { color:#fff } #navigation li.about ul.sub, #navigation li.about ul.sub li { width:112px; } #navigation li.residential ul.sub, #navigation li.residential ul.sub li { width:169px; } #navigation li.commercial ul.sub, #navigation li.commercial ul.sub li { width:174px; } body.section_residential #navigation li.residential a, body.section_commercial #navigation li.commercial a, body.section_news #navigation li.news a, body.section_about #navigation li.about a, body.section_contact #navigation li.contact a, body.section_links #navigation li.links a { background-position:top left; } #navigation li.residential ul.sub li.divide { border-top:1px solid #cccc00 } #navigation li.residential ul.sub li.divide a { color:#C8C871 } #navigation li ul.sub { position: absolute; background:url(../images/template/dropdown-bg.png); left: -9999em; z-index:100; } #navigation ul.sub, #navigation li ul.sub li { margin:0; } #navigation li ul.sub li, #navigation li ul.sub li a { background:none; text-indent:none; text-indent:0; width:auto } #navigation li ul.sub li a { padding: 5px 0 5px 15px; line-height:20px; } /* lists nested under hovered list items */ #navigation li:hover ul, #navigation li.sfhover ul { left: auto; } /*#navigation ul.sub li, #navigation ul.sub li a { background:none; text-indent:0px; width:100%; text-align:left; } #navigation ul.sub, #navigation ul.sub li { margin:0; padding:0; } #navigation ul.sub { padding:0 5px; background:url(../images/nav/dropdown_bg.png) top left repeat; } #navigation ul.sub li { border-top:1px solid #fff; } #navigation ul.sub li a { line-height:30px; } #navigation li ul.sub { position: absolute; width:135px; left: -999em; border:1px solid #fff; } */ /* Main Content Columns -------------------------------------*/ #content { float:left; width:100%; padding-bottom:1px; padding-top:20px; background:url(../images/template/content_bg.png) bottom left repeat-x; } #content, #main, #sidebar { float:left; display:inline; } #main { width:480px; margin-left:20px; padding-top:0px; } #sidebar { float:right; width:230px; margin-right:19px; } #breadcrumbs { margin-left:20px; font-size:0.9em; color:#999; } #sidebar { min-height: 250px; height: auto; } * html #sidebar { height: 250px; } #breadcrumbs { color:#999; margin-bottom:20px; text-transform:capitalize } /* Right Sidebar Section -------------------------------------*/ #extra .section { margin-bottom:25px;} /* Footer Section -------------------------------------*/ #closing { clear:both; margin-left:20px; padding:30px 0 12px; } #footer { clear:both; background:#000 url(../images/template/footer_bg.jpg) top left repeat-x; font-size:1.2em; padding:40px 0 15px; text-align:center; color:#CCCCCC; } #footer p { line-height:1.65em; margin-bottom:8px; } #footer .sitelinks a { margin:0 3px; } /*--------------------------------------- Specific Pages ---------------------------------------*/ /*--------------------------------------- Common Classes and Ids ---------------------------------------*/ .date { color:#999; font-size:0.9em; } .columns2 { float:left; display:inline; width:100%; } .columns2 .column { float:left; display:inline; width:48%; margin-right:2% } ul.inline, ul.inline li { margin:0; padding:0; list-style-type:none } ul.inline li { margin-left:2px; display:inline; } ul.inline li.first { margin-left:0; } ul.logos li { margin-right:15px; } ul.plain, ul.plain li { margin:0; padding:0; list-style-type:none } ul.plain li { margin-left:2px; } a.plain { text-decoration:none } a.plain:hover { text-decoration:underline } p.alert { color:#f00; font-style: normal; } p.hidden, .hidden, tr.folaigh, tr.folaigh td, tr.folaigh label, tr.folaigh input { display:none } p.notice { background-color:#996699; font-weight:bold; color:#fff; padding:4px; width:70%; } p.quote { color:#666666; margin-bottom:20px; line-height:1.6em; } p.credit { color:#003366; line-height:1.2em; font-weight:bold; } ul.list-default, .list-default li { background:0; margin:0; padding:0; list-style-type:none } .list-default { margin-bottom:2px; float:left; display:inline; width:480px; } .list-default li { float:left; width:100%; clear:both; margin-bottom:10px; } .list-default .icon { float:left; display:inline; width:100px; margin-right:15px; } .list-default .icon img { border:0; } .list-default .wrapper { width:365px; float:left; display:inline; } .list-default li .wrap { background:url(../images/template/icon_border_grey.jpg) top left repeat-x; padding:3px; margin-bottom:12px; display:block; text-align:center } .section_news .list-default .icon img { border:0; } .section_news .list-default li .wrap { background:url(../images/template/icon_border_purple.jpg) top left repeat-x; padding:3px; margin-bottom:12px; display:block; text-align:center } .pagination { clear:both; padding-bottom:15px; font-size:0.9em; } .pagination strong { color:#999; } .pagination strong, .pagination a { padding-right:7px; padding-left:7px; background:url(../images/template/pagination_divider.gif) center right no-repeat; } .pagination a.last { border-right:0; background:none; } #development_details h2, #development_details h3 { color:#fff; } #development_details { width:480px; } .development_links { margin-bottom:20px; } .development_links span { color:#666; margin:0 5px; } .icon img{ border:3px solid #666 } #sidebar form { margin-bottom:40px; } #sidebar select { width:200px; } .section_home #feature-property { position:relative; left:-20px; } #feature-property { clear:both; } #feature-property .heading { background:url(../images/template/feature_property_heading_bg.jpg) 0 0 repeat-x; padding-left:25px; position:relative; height:56px; } #feature-property .heading h2 { color:#222; padding:10px 0 0; margin:0; } #feature-property .heading h3 { color:#222; padding:0px 0 0; margin:0; font-size:1.1em; } #feature-property .price { background:url(../images/template/feature_property_heading_price_bg.png) center center no-repeat; width:205px; height:106px; float:right; display:inline; position:absolute; top:-20px; right:24px; } .section_residential #feature-property .heading { height:40px; } .section_residential #feature-property .heading h2, .section_residential #feature-property .heading h3 { line-height:40px; display:inline; } .section_residential #feature-property .heading h2 { font-size:1.5em; } .section_residential #feature-property .heading h3 { font-size:1.3em; } .section_residential #feature-property .price { top:-25px; } #feature-property .price { text-align:center; } #feature-property .price p { margin-top:20px; font-size:1.5em; color:#222; line-height:1.4em; text-transform:uppercase } #feature-property .price p strong { color:#fff; font-size:1.7em; } #feature-property .details { padding:10px 0 5px; background-color:#303031; border-bottom:1px solid #373838; float:left; display:inline; width:100%; } #feature-property .summary { float:left; display:inline; margin-left:22px; width:230px; padding-top:17px; } .slideshow, #feature-property .photo { float:right; display:inline; width:227px; margin-right:10px; overflow:hidden; height:173px; } .slideshow img { border:1px solid #333; } ul.gallery li, ul.gallery { margin:0; padding:0; list-style-type:none; background:none } ul.gallery li { float:left; display:inline; width:100px; margin-right:19px; margin-bottom:15px; } ul.gallery li .wrap { background:url(../images/template/icon_border_grey.jpg) top left repeat-x; padding:3px; margin-bottom:12px; display:block; } ul.gallery li img { width:94px; height:94px; } ul.gallery li.column2 { margin-right:0; } ul.gallery li a { font-weight:normal; } #map, #map .map { width:280px; height:300px; } #map, #contact-details { float:left; display:inline; padding-top:10px; } #map { width:280px; margin-right:15px; } #contact-details { width:185px; } #contact-details .icon { margin-bottom:20px; } #price-list { position:relative; left:-20px; margin-bottom:25px; } #price-list td, #price-list th { color:#fff; font-size:1.6em; padding:15px 0 15px 21px; text-transform:lowercase; font-weight:normal; background-position:bottom left; background-repeat:repeat-x; line-height:1.2em; } #price-list td.price { font-weight:bold; text-align:right; padding-right:30px; font-size:2em; } #price-list tr.row1 th, #price-list tr.row1 td { border-top:1px solid #599E1C; border-bottom:1px solid #1B2C08; background-color:#406E14; background-image:url(../images/template/price_table_row1_bg.jpg); } #price-list tr.row1 th { border-left:1px solid #4F8418; } #price-list tr.row1 td { border-right:1px solid #29450C } #price-list tr.row2 th, #price-list tr.row2 td { border-top:1px solid #CCA728; border-bottom:1px solid #4E2A0E; background-color:#BC7D22; background-image:url(../images/template/price_table_row2_bg.jpg); } #price-list tr.row2 th { border-left:1px solid #C38D25; } #price-list tr.row2 td { border-right:1px solid #764A15 } #price-list tr.row3 th, #price-list tr.row3 td { border-top:1px solid #229CB4; border-bottom:1px solid #08242D; background-color:#196F94; background-image:url(../images/template/price_table_row3_bg.jpg); } #price-list tr.row3 th { border-left: 1px solid#1C8096; } #price-list tr.row3 td { border-right: 1px solid#0E3F4C } #guide { margin:10px 0 40px; width:500px; position:relative; left:-20px; } #guide h3 { background:#9A9A00 url(../images/template/guide_bg.jpg) top left repeat-x; line-height:45px; border:1px solid #404000; border-left-color:#C1C136; border-top-color:#E2E26C; border-right-color:#6A6A00; padding-left:23px; font-size:1.2em; margin:0; cursor:pointer } #guide h3 span { background:url(../images/template/guide_arrow_down.jpg) center right no-repeat; display:block; margin-right:23px; } #guide h3.up span { background:url(../images/template/guide_arrow_up.jpg) center right no-repeat;} #guide .description { margin:15px 23px 1px; } .viewing-details { font-size:1.1em; font-weight:bold } /*--------------------------------------- Specific Sections ---------------------------------------*/ .section_news .list-default { width:700px; } .section_news .wrapper { width:570px; } .section_news .photo { border-color:#CC2FCC } .section_news h2 { color:#CC2FCC; margin-bottom:0; } .section_news .list-default li { margin-bottom:30px; } .section_news #sidebar { display:none } .section_home #showcase, .section_home #header { height:410px } .section_home #sidebar { margin-top:35px; } .section_home #sidebar .list-default { width:230px; } .section_home #sidebar .wrapper { width:144px; margin-left:0; float:right } .section_home #sidebar .list-default .icon { width:76px; margin-right:10px; } .section_home .photo { border-width:3px; } .section_home #breadcrumbs, .section_home #closing { display:none } .section_home .icon img{ border:3px solid #666 } .section_home #feature-property { top:20px; width:500px; } .section_home #feature-property .details { padding-top:25px; } /* EmailForm ------------------------------------------------------------------------------- */ label.narrow { width:90px; float:left; display:inline; } label.wide { width:160px; float:left; display:inline; } form p { clear:both; margin-bottom:8px; } input.text, textarea { width:270px; background-color:#404041; border:0; color:#fff; padding:2px; } select { width:170px; } form#contact { width:370px; margin-bottom:70px; } form#contact .submit { float:right; display:inline; } form#contact em { text-transform:uppercase; font-style:normal; color:#666; } form#contact p.action { margin-top:20px; } /* Themeing ------------------------------------------------------------------------------- */ body.section_commercial a, body.section_commercial h1, body.section_commercial h2 { color:#CC0066 } body.section_residential a, body.section_residential h1, body.section_residential h2 { color:#cccc00 } body.section_news a, body.section_news h1 { color:#CC2FCC } body.section_about a, body.section_about h1 { color:#ffcc33 } body.section_contact a, body.section_contact h1, body.section_contact span.required-symbol { color:#D54100 } body.section_links a, body.section_links h1 { color:#00B4B4 } /*--------------------------------------- Hacks ---------------------------------------*/ .clear { clear:both; height: 0; line-height: 0; } /* Correcting the center aligned background bug in Firefox and Safari which effect large background images */ html { margin-left: -1px; overflow-Y: scroll; } @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { head~body *{ margin-left: -1px;} }