/*----------------------------------------------------------------------------- Osberstown version: 1.0 author: Clearscape email: info@clearscape.ie website: http://www.clearscape.ie/ date: July 2007 ----------------------------------------------------------------------------- green #748a36; */ /* Remove padding and margin */ * { margin: 0; padding: 0; } /* Class for clearing floats */ .clear { clear:both; } .right {float:right;} .left {float:left;} blockquote {padding:10px 20px; font-style:italic; background-color:#eee; width:500px; margin:0 auto 20px;} /* Remove border around linked images */ img, a img { border: 0; } .center {text-align:center;} ul {list-style-type:none;} a:link, a:visited {text-decoration:none; color:#5eade0;} a:hover, a:active {text-decoration:underline; color:#5eade0;} p {margin-bottom:10px;} /* =Body -----------------------------------------------------------------------------*/ body { font: 62.5%/1.6 Verdana, Arial, Helvetica, sans-serif; color:#757575; background:#ffffff; } #wrapper {width:805px; margin:30px auto; } /* =Text Indent -----------------------------------------------------------------------------*/ #logo {text-indent:-5000px; background:url(../images/layout/logo.jpg); display:block; width:206px; height:57px;float:left; } .homeNews {float:right; margin-top:-20px;text-indent:-5000px; display:block; width:221px; height:48px; background:url(../images/layout/homeNews.jpg);} .homeNews:hover {background-position:bottom right;} /* =MainNav -----------------------------------------------------------------------------*/ ul#mainNav {float:right; width:595px; height:14px; font-size:0px; text-indent:-5000px;margin:32px -16px 0 0; } #mainNav li {float:left; display:block; height:11px; margin-right:14px; } ul#mainNav a:hover, ul#footerNav a:hover, ul#mainNav a:active, ul#footerNav a:active {background-position:right top;} .homeNav {background-image:url(../images/layout/nav/home.gif);width:31px; height:11px; display:block; } .overviewNav {background-image:url(../images/layout/nav/overview.gif); width:51px; height:11px; display:block;} .officesNav {background-image:url(../images/layout/nav/offices.gif); width:38px; height:11px; display:block;} .enterpriseNav {background-image:url(../images/layout/nav/enterprise.gif); width:54px; height:13px; display:block;} .shoppingNav {background-image:url(../images/layout/nav/shopping.gif); width:51px; height:13px; display:block;} .residentialNav {background-image:url(../images/layout/nav/residential.gif); width:60px; height:11px; display:block;} .healthNav {background-image:url(../images/layout/nav/health.gif); width:91px; height:11px; display:block;} .newsNav {background-image:url(../images/layout/nav/news.gif); width:29px; height:11px; display:block;} .contactusNav {background-image:url(../images/layout/nav/contact.gif); width:60px; height:11px; display:block; } #purple .healthNav, #green .officesNav, #orange .enterpriseNav, #wine .shoppingNav, #blue .residentialNav, #contactus .contactusNav, #overview .overviewNav, #news .newsNav {background-position:right top;} /* =Headings -----------------------------------------------------------------------------*/ h1 {clear:both; float:left;display:block; margin-top:25px; height:47px; width:100%; margin-bottom:25px;} #purple h1 {color:#fff;background: url(../images/layout/purpleh1.gif) no-repeat 12px 16px #7857a1; text-indent:-5000px; } #green h1 {color:#fff;background: url(../images/layout/greenh1.gif) no-repeat 12px 16px #748a36; text-indent:-5000px; } #orange h1 {color:#fff;background: url(../images/layout/orangeh1.gif) no-repeat 12px 16px #f88a1d; text-indent:-5000px; } #wine h1 {color:#fff;background: url(../images/layout/wineh1.gif) no-repeat 12px 16px #b51e62; text-indent:-5000px; } #blue h1 {color:#fff;background: url(../images/layout/blueh1.gif) no-repeat 12px 16px #5c84c5; text-indent:-5000px; } #flashh1 {clear:both; float:left;display:block; margin-top:25px; height:47px; width:100%; margin-bottom:25px;} #news h1 {color:#fff;background: url(../images/layout/news_h2.gif) no-repeat 12px 16px #bc3471; text-indent:-5000px; } /* =Body -----------------------------------------------------------------------------*/ .oneCol {clear:both;float:left; width: 20%; } .twoCol {float:left; width: 40%; } .threeCol {float:left; width: 60%; } .fourCol {float:left; width: 80%; } .fiveCol {float:left; width: 100%; } .twoColright {float:right; width: 38%; } .onefloat {float:left; width: 160px; } #secondaryNav, #newsNav, #overviewNav {float:left; width:152px; text-indent:-5000px; margin-right:9px; margin-top:-3px;} #secondaryNav li, #newsNav li, #overviewNav li { margin-top:2px; } .one {background:url(../images/layout/nav/officesnav.gif) 0 0px;display:block; height:23px; } #newsNav .one {background:url(../images/layout/nav/newsnav.gif) 0 0px;display:block; height:23px; } #overviewNav .one {background:url(../images/layout/nav/overviewnav.gif) 0 0px;display:block; height:23px; } .one:hover, #newsNav .one:hover, #newsNav .on, .offices .one, #overviewNav .one:hover, #overviewNav .on {background-position:right 0px ;} .two {background:url(../images/layout/nav/officesnav.gif) 0 -25px;display:block; height:23px; } #newsNav .two {background:url(../images/layout/nav/newsnav.gif) left -25px;display:block; height:23px; } #overviewNav .two {background:url(../images/layout/nav/overviewnav.gif) left -25px;display:block; height:23px; } .two:hover, #newsNav .two:hover, #overviewNav .two:hover, #overviewNav .two:hover, #newsNav .inthemedia .two, .costcomp .two {background-position:right -25px ;} .three {background:url(../images/layout/nav/officesnav.gif) 0 -50px;display:block; height:23px; } #overviewNav .three {background:url(../images/layout/nav/overviewnav.gif) left -50px;display:block; height:23px; } .three:hover, #overviewNav .three:hover, .access .three, #overviewNav .three.on {background-position:right -50px ;} .four {background:url(../images/layout/nav/officesnav.gif) 0 -75px;display:block; height:23px; } #overviewNav .four {background:url(../images/layout/nav/overviewnav.gif) left -75px;display:block; height:23px; } .four:hover, #overviewNav .four:hover, .avail .four, #overviewNav .four.on {background-position:right -75px ;} .five {background:url(../images/layout/nav/officesnav.gif) 0 -100px;display:block; height:23px; } #overviewNav .five {background:url(../images/layout/nav/overviewnav.gif) left -100px;display:block; height:23px; } .five:hover, #overviewNav .five:hover, .location .five, #overviewNav .five.on {background-position:right -100px ;} .six {background:url(../images/layout/nav/officesnav.gif) 0 -125px;display:block; height:23px; } #overviewNav .six {background:url(../images/layout/nav/overviewnav.gif) left -125px;display:block; height:23px; } .six:hover, #overviewNav .six:hover, .companies .six, #overviewNav .six.on {background-position:right -125px ;} .seven {background:url(../images/layout/nav/officesnav.gif) 0 -150px;display:block; height:23px; } #overviewNav .seven {background:url(../images/layout/nav/overviewnav.gif) left -150px;display:block; height:23px; } .seven:hover, #overviewNav .seven:hover, .qol .seven, #overviewNav .seven.on {background-position:right -150px ;} .eight {background:url(../images/layout/nav/officesnav.gif) 0 -175px;display:block; height:23px; } #overviewNav .eight {background:url(../images/layout/nav/overviewnav.gif) left -175px;display:block; height:23px; } .eight:hover, #overviewNav .eight:hover, .ourteam .eight, #overviewNav .eight.on {background-position:right -175px ;} .nine {background:url(../images/layout/nav/officesnav.gif) 0 -200px;display:block; height:23px; } #overviewNav .nine {background:url(../images/layout/nav/overviewnav.gif) 0 -200px;display:block; height:23px; } .nine:hover, #overviewNav .nine:hover, .photo .nine, #overviewNav .nine.on {background-position:right -200px ;} .ten {background:url(../images/layout/nav/officesnav.gif) 0 -225px;display:block; height:23px; } .ten:hover, #overviewNav .ten:hover, .owndoor .ten {background-position:right -225px ;} .blueTable {width:300px; margin:0 auto;} .blueTable th {background:#5c84c5; color:white; font-weight:bold; height:29px; border:1px solid white; padding:3px; text-align:left; margin-right:2px;} .blueTable td {background:#dee6f3; color:#7f807b; border:1px solid white; } #GatewayNav {float:left; width:152px; text-indent:-5000px; margin-right:9px; margin-top:-3px;} #GatewayNav li { margin-top:2px; } #GatewayNav .one {background:url(../images/layout/nav/gatewaynav.gif) 0 0px;display:block; height:23px; } #GatewayNav .one:hover, .offices .one {background-position:right 0px ;} #GatewayNav .two {background:url(../images/layout/nav/gatewaynav.gif) 0 -25px;display:block; height:23px; } #GatewayNav .two:hover, .why .two {background-position:right -25px ;} #GatewayNav .three {background:url(../images/layout/nav/gatewaynav.gif) 0 -50px;display:block; height:23px; } #GatewayNav .three:hover, .access .three {background-position:right -50px ;} #GatewayNav .four {background:url(../images/layout/nav/gatewaynav.gif) 0 -75px;display:block; height:23px; } #GatewayNav .four:hover, .avail .four {background-position:right -75px ;} #GatewayNav .five {background:url(../images/layout/nav/gatewaynav.gif) 0 -100px;display:block; height:23px; } #GatewayNav .five:hover, .location .five {background-position:right -100px ;} #GatewayNav .six {background:url(../images/layout/nav/gatewaynav.gif) 0 -125px;display:block; height:23px; } #GatewayNav .six:hover, .companies .six {background-position:right -125px ;} #GatewayNav .seven {background:url(../images/layout/nav/gatewaynav.gif) 0 -150px;display:block; height:23px; } #GatewayNav .seven:hover, .qol .seven {background-position:right -150px ;} #GatewayNav .eight {background:url(../images/layout/nav/gatewaynav.gif) 0 -175px;display:block; height:23px; } #GatewayNav .eight:hover, .ourteam .eight {background-position:right -175px ;} #GatewayNav .nine {background:url(../images/layout/nav/gatewaynav.gif) 0 -200px;display:block; height:23px; } #GatewayNav .nine:hover, .photo .nine {background-position:right -200px ;} #GatewayNav #location {background-position:right -50px ;} #GatewayNav #gate {background-position:right 0 ;} #GatewayNav #why {background-position:right -25px ;} #GatewayNav #access {background-position:right -75px ;} #GatewayNav #specs {background-position:right -100px ;} #GatewayNav #avail {background-position:right -125px ;} #GatewayNav #qol {background-position:right -150px ;} #GatewayNav #team{background-position:right -175px ;} .list {padding:0 15px 20px 0px;} #green .list li {background: url(../images/layout/bullet_green.gif) no-repeat 2px 4px;padding-left:15px; display:block; } #orange .list li {background:url(../images/orangeBullet.gif) no-repeat 2px 4px;padding-left:15px; display:block; } #blue .list li {background:url(../images/layout/bullet_blue.gif) no-repeat 2px 4px;padding-left:15px; display:block; } #news .list li {background:url(../images/layout/bullet_pink.gif) no-repeat 2px 6px;padding-left:15px; padding-bottom:5px; display:block; font-size:11px; } h2 { font-size:110%; margin-top:3px; margin-bottom:10px;} #orange .list2 li {background:url(../images/orangeBullet.gif) no-repeat 2px 4px;padding-left:15px; display:block; } /* Green h2 tags */ .offices h2{background: url(../images/layout/offices_h2.gif) no-repeat;text-indent:-5000px;font-size:0px;height:18px;} .costcomp h2{background: url(../images/layout/costcomp_h2.gif) no-repeat;text-indent:-5000px;font-size:0px;height:17px; } .access h2{background: url(../images/layout/access_h2.gif) no-repeat;text-indent:-5000px;font-size:0px;height:17px;} .location h2{background: url(../images/layout/location_h2.gif) no-repeat;text-indent:-5000px;font-size:0px;height:17px;} .companies h2{background: url(../images/layout/companies_h2.gif) no-repeat;text-indent:-5000px;font-size:0px;height:17px;} .avail h2 {background: url(../images/layout/avail_h2.gif) no-repeat;text-indent:-5000px;font-size:0px;height:20px; display:block; } .ourteam h2{background: url(../images/layout/ourteam_h2.gif) no-repeat;text-indent:-5000px;font-size:0px;height:20px;} .photo h2{background: url(../images/layout/photo_h2.gif) no-repeat;text-indent:-5000px;font-size:0px;height:72px; margin-bottom:240px;} .qol h2{background: url(../images/layout/qol_h2.gif) no-repeat;text-indent:-5000px;font-size:0px;height:20px;} .qol h4{background: url(../images/layout/juggle.jpg) no-repeat;text-indent:-5000px;font-size:0px;height:214px; width:322px; display:block; float:right;} /* orange h2 tags */ .geu {background: url(../images/layout/geu.gif) no-repeat;text-indent:-5000px;font-size:0px;height:17px;} .why {background:url(../images/layout/why_h2.gif) no-repeat;text-indent:-5000px;font-size:0px;height:18px;} .Olocation {background: url(../images/layout/location.gif) no-repeat;text-indent:-5000px;font-size:0px;height:17px;} .availability {background: url(../images/layout/availability.gif) no-repeat;text-indent:-5000px;font-size:0px;height:20px;} .Oaccessibility {background: url(../images/layout/accessibility.gif) no-repeat;text-indent:-5000px;font-size:0px;height:17px;} .design_specs {background: url(../images/layout/design_spec.gif) no-repeat;text-indent:-5000px;font-size:0px;height:17px;} .work {background: url(../images/layout/work.gif) no-repeat;text-indent:-5000px;font-size:0px;height:17px;} .team {background: url(../images/layout/team.gif) no-repeat;text-indent:-5000px;font-size:0px;height:17px;} #contactus h2{background: url(../images/layout/contactus_h2.gif) no-repeat;text-indent:-5000px;font-size:0px;height:33px;} #overview h2{background: url(../images/layout/overview_h2.gif) no-repeat;text-indent:-5000px;font-size:0px;height:17px;} #purple h2{background: url(../images/layout/purple_h2.gif) no-repeat;text-indent:-5000px;font-size:0px;height:19px; width:305px;} #orange h2{background: url(../images/layout/orangeh2.gif) no-repeat;text-indent:-5000px;font-size:0px;height:18px; width:250px;} #wine h2{background: url(../images/layout/wineh2.gif) no-repeat;text-indent:-5000px;font-size:0px;height:19px; width:305px;} #blue h2{background: url(../images/layout/blueh2.gif) no-repeat;text-indent:-5000px;font-size:0px;height:19px; width:286px;} #green h3 {background-image:url(../images/layout/mpTagline.gif); width:250px; height:18px; display:block; font-size:0px;text-indent:-5000px; padding:0px; margin:-15px 0 10px 0;} #news h3 {background:no-repeat url(../images/layout/newsTagline.gif); width:250px; height:18px; display:block; font-size:0px;text-indent:-5000px; padding:0px; margin:-15px 0 10px 0;} #news h2 {background:no-repeat url(../images/layout/newsTagline.gif); width:109px; height:18px; display:block; font-size:0px;text-indent:-5000px; padding:0px; } #news h5 {background:no-repeat url(../images/layout/intheTagline.gif); width:109px; height:18px; display:block; font-size:0px;text-indent:-5000px; padding:0px; } .avail a img {border:4px solid #ccc;} .avail a:hover img {border:4px solid #748a36;} /* Home Page */ .body {margin-top:5px; margin-left:-8px;} #flashhome {width:810px; height:278px; margin-top:-13px; margin-left:-8px;} #home h2 {float:left;background:url(../images/layout/balance.jpg) no-repeat ; display:block; width:192px; height:211px; text-indent:-5000px; } #home h3 {float:left;background: url(../images/layout/hometext.jpg) no-repeat ; display:block; width:549px; height:25px; text-indent:-5000px; font-size:0px; margin-top:20px; } #home h4 {float:left;background: url(../images/layout/hometext.jpg) no-repeat 0px -25px; display:block; width:549px; height:80px; text-indent:-5000px; font-size:0px; } #home h5 {float:left;background: url(../images/layout/hometext.jpg) no-repeat 0px -110px; display:block; width:549px; height:30px; text-indent:-5000px; font-size:0px; } h3.overview {text-indent:-5000px; background:url(../images/overview/overviewTitle.gif) no-repeat; display:block; width:400px; height:17px;} h3.locationTitle {text-indent:-5000px; background:url(../images/overview/locationTitle.gif) no-repeat; display:block; width:400px; height:17px;} h3.accessibilityTitle {text-indent:-5000px; background:url(../images/overview/accessibilityTitle.gif) no-repeat; display:block; width:400px; height:17px;} h3.testimonialsTitle {text-indent:-5000px; background:url(../images/overview/testimonialsTitle.gif) no-repeat; display:block; width:400px; height:17px;} h3.brochureTitle {text-indent:-5000px; background:url(../images/overview/brochureTitle.gif) no-repeat; display:block; width:400px; height:17px;} h3.ourteamTitle {text-indent:-5000px; background:url(../images/overview/ourteamTitle.gif) no-repeat; display:block; width:400px; height:17px;} .author {font-weight:bold; color:#5c84c5;} #wine .twoCol, #purple .twoCol {padding-left:2%; width:38%;} label {font-size:12px; width:161px; } #green label {color:#748a36;background:#fff;} #flash { margin-bottom:10px;} #orange .twoCol {padding-right:5px; width:317px;} .twoimg {float:left;margin-top:-125px; width:322px;} .twoimg img {margin-right:7px;} /* =News Section -----------------------------------------------------------------------------*/ h4 {font-size:11px; font-weight:bold; margin-bottom:5px;} a.green, a.orange, a.blue, a.purple, a.pink, .blue {font-weight:bold;} a.green {color:#748a36;} a.orange, .orange {color:#f88a1d;} a.blue, .blue {color:#5c84c5;} a.purple {color:#7857a1;} a.pink, .pink {color:#b51e62;} #companies .list li, #overview .list li {background:transparent url(../images/layout/bullet_blue.gif) no-repeat scroll 2px 4px; display:block; padding-left:15px; } #green #companies .list li {background:transparent url(../images/layout/bullet_green.gif) no-repeat scroll 2px 4px; display:block; padding-left:15px; font-weight:bold; color:#748a36 } /* =Footer -----------------------------------------------------------------------------*/ #footer {width:100%;clear:both; float:left; background:url(../images/layout/footer.gif) no-repeat; border-top:1px solid #d9d9d9; margin-top:20px;} #home #footer {margin-top:-10px; background:none;} ul#footerNav {float:right; width:380px; height:16px; font-size:0px; text-indent:-5000px;margin-top:16px; margin-right:10px; } #home ul#footerNav { width:450px;} #footerNav li {float:left; display:block; width:70px; height:11px; } #home ul#footerNav {margin-top:4px;} .links {float:left;background-image:url(../images/layout/nav/links.gif);width:23px; height:10px; display:block; margin-left:20px } .disclaimer {float:left;background-image:url(../images/layout/nav/disclaimer.gif);width:50px; height:10px; display:block; margin-right:13px; } .copyright {float:left;background-image:url(../images/layout/nav/copyright.gif); width:47px; height:12px; display:block;} .contacts {float:left;background-image:url(../images/layout/contact.gif); width:49px; height:10px; display:block; } .sitemap {float:left;background-image:url(../images/layout/sitemap.gif); width:37px; height:12px; display:block;margin-left:4px} .overview {float:left;background: no-repeat url(../images/layout/nav/over-foot.gif); width:44px; height:12px; display:block;margin-left:4px} .clearscape {float:left;background-image:url(../images/layout/nav/clearscape.gif);background-repeat:no-repeat;width:106px; height:10px; display:block; margin-right:13px; } #footerLeft a:hover {background-position:right top;} /* =Aesthetic -----------------------------------------------------------------------------*/ .map {float:right;display:block; padding-left:20px; width:161px; height:128px; } .map a img {border:4px solid #ccc;} .map a:hover img {border:4px solid #748a36;} #blue .map a:hover img {border:4px solid #5c84c5;} .txtright {text-align:right;} .block {display:block;width:185px; float:left; text-align:left;} .onefloat img {margin-left:11px;} /* =Forms -----------------------------------------------------------------------------*/ /* Removes fieldset borders. even on Opera 7 */ fieldset { border: 1px solid transparent; } form {margin:0;padding:0; margin-top:15px;} select {height:20px; font-size:12px; color: #666666;background:#fff; } #contactus p label { width:136px; display:block; float:left; font-size:11px;text-align:justify;} input, textarea, select {width:161px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#666666; font-size:11px;background:#fff; } select {width:300px;} textarea {height:90px;} input.submit { background-color:#F88A1D; font-size:13px; color:#FFFFFF; width:auto; float:left; margin-left:210px;} #name {background: url(../images/layout/inputback.jpg) no-repeat 0 -18px ; } #email {background: url(../images/layout/inputback.jpg) no-repeat 0 -47px ;} #contactNo {background: url(../images/layout/inputback.jpg) no-repeat 0 -70px ;} #enquiry {background: url(../images/layout/inputback.jpg) no-repeat 0 -85px ;} .name {background: url(../images/layout/user.jpg) no-repeat 0 0px ; padding-left:20px; } .email {background: url(../images/layout/email.jpg) no-repeat 0 0px ; padding-left:20px;} .contactNo {background: url(../images/layout/contact.jpg) no-repeat 0 0px ; padding-left:20px;} .enquiry {background: url(../images/layout/home.jpg) no-repeat 0 0px ; padding-left:20px;} .area {padding-left:20px; text-indent:-25px;} .mill {color:#FFFFFF;background-color:#748A36;} .gate {color:#FFFFFF;background-color:#F88A1D;} .cent {color:#FFFFFF;background-color:#B51E62;} .vill {color:#FFFFFF;background-color:#5C84C5;} .sou {color:#FFFFFF;background-color:#7857A1;} .mill, .gate, .cent, .vill, .sou {color:#FFFFFF; font-weight:bold;} #dvd {width:358px; height:201px; margin-bottom:10px; float:right; margin-left:5px;} /* =Tables -----------------------------------------------------------------------------*/ table { border-spacing: 0; border-collapse: collapse; } td { text-align: left; font-weight: normal; margin-right:10px; } .none {clear:none;} .contactinfo {float:left; width: 161px; text-align:center; } .contactinfo1 {float:left; width: 151px; text-align:justify;padding:10px 0 0 12px;font-size:110%} .contactinfo2 {float:left; width: 151px; text-align:justify;padding:10px 0 0 8px;font-size:110%} .contactinfo3 {float:left; width: 125px; text-align:justify;padding:10px 0 0 34px;font-size:110%} #contacts .threeCol {float:left; width: 59%;border:1px solid #d9d9d9;margin:10px 0 5px 6px ;padding:0; } .contactinfo4 {float:left; width: 125px;text-align:justify;clear:both;} .contactinfo5 {float:left; width: 125px;text-align:justify;padding-left:40px;} .contactlayout {margin-top:53px; } .contactbottom {background:url(../images/layout/location.jpg) no-repeat right bottom; display:block; width:180px; height:130px; float:right; text-indent:-5000px; margin-top:80px; } #companies{} #companies img{padding: 10px 7px 0 0;} table { border:none; border-spacing:10px; border-collapse: collapse;} td { margin: 5px; padding: 5px; text-align: left; font-weight: normal; } /* =Companies -----------------------------------------------------------------------------*/ #companies h1 {text-indent:-5000px; background: url(../images/overview/companiesinosberstown.jpg) no-repeat 0 0px ; display:block; width:186px; height:18px; margin-top:0px; margin-bottom:15px; font-size:14px;} #green #companies h1 {color:#fff;background: url(../images/layout/greenh1.gif) no-repeat 12px 16px #748a36; text-indent:-5000px; clear:both; float:left;display:block; margin-top:25px; height:47px; width:100%; margin-bottom:25px;} #companies img.bookImage {float:right; margin-left:3px;padding:0px; margin-bottom:50px;} #companies .images {float:right; display:block; width:250px;} #companies .title {font-weight:bold;} #companies select {float:right;}