/*----------------------------------------------------------------------------- O Rourke Reid version: 1.0 author: Clearscape email: info@clearscape.ie website: http://www.clearscape.ie/ date: December 2007 ----------------------------------------------------------------------------- color pallette wine #85263c dark text #404547 =General -----------------------------------------------------------------------------*/ /* Remove padding and margin */ * { margin: 0; padding: 0; } /* Class for clearing floats */ .clear { clear:both; } .right {float:right;} .left {float:left;} .padright {margin-right:10px;} /* Remove border around linked images */ img, a img { border: 0; } ul {list-style-type:none;} ul#letterlist li{list-style-type:lower-roman: } a:link, a:visited {text-decoration:none; color:#3575a3;} a:hover, a:active {text-decoration:underline; color:#3575a3; } strong {color:#85263c; font-weight:bold;} /* =Body -----------------------------------------------------------------------------*/ body { font: 62.5%/1.6 Verdana, Arial, Helvetica, sans-serif; color:#404547; text-align:justify; background:white; } /* =Main Content -----------------------------------------------------------------------------*/ #wrapper {position:relative; width:800px; margin:0px auto; background:#fff url(../images/layout/body_bg.gif) repeat-y; } /* =Headings -----------------------------------------------------------------------------*/ #header {width:100%; float:left; height:200px; } #header h1 { float:left;font-size:0px; background:url(../images/layout/logo.gif) no-repeat; text-indent:-50000px; display:block; height:188px; width:122px; margin-left:10px; margin-bottom:-188px; } #toplinks {float:right; margin-top:18px; line-height:14px;} #toplinks a:link,#toplinks a:visited {text-decoration:none; color:#404547;} #toplinks a:hover,#toplinks a:active {text-decoration:underline; color:#404547; } #toplinks li {float:left; border-right:1px solid #85263c; padding:0 5px; } #toplinks li.last {border:0px; padding-right:0px;} #searchbox {margin-top:10px; height:33px; clear:right; float:right; background: url(../images/layout/search.gif) no-repeat; width:181px; display:none;} .Search {float:right; background:url(../images/layout/input_grad.gif) repeat-x; border:1px solid #8c9699; border-left:0px;margin-top:6px; height:18px; font-size:11px; width:150px;} #locationBar { position:absolute; left:132px; top:81px; background:url(../images/layout/barback.gif) repeat-x #d1d2d4; width:599px; height:92px; padding-left:69px;} #locationBar p {display:block;float:left; width:147px; font-size:11px; line-height:12px; padding-left:0px; margin-right:2px;} #locationBar a {display:block; width:150px; text-decoration:none; color:#666666;} #locationBar a.mail {color:#3575a3;text-decoration:none;} #locationBar a:hover.mail {color:#3575a3; text-decoration:underline;} #locationBar a:hover {color:#404547;} #locationBar a.dark {color:#404547;} .Dublin, .Leeds , .Belfast, .riskmgmt {margin-top:13px;text-indent:-5000px;width:134px;display:block;background:url(../images/layout/location2.gif) no-repeat top left; height:10px; margin-bottom:-10px; font-size:0px;line-height:0px; } .riskmgmt {background:none;} .Leeds { background-position:-148px 0px ; } .Belfast { background-position:-297px 0px ; } .riskmgmt { background-position:-446px 0px ; } .belfast .Dublin { background-position:0px -10px ; } .belfast .Leeds { background-position:-148px -10px ; } .belfast .riskmgmt { background-position:-446px -10px ; } .belfast a:hover .Leeds { background-position:-148px 0px ; } .belfast a:hover .Dublin { background-position:0px 0px ; } .belfast a:hover .riskmgmt { background-position:-446px 0px ; } .belfast .Belfast { background-position:-297px 0 ; } .leeds .Dublin { background-position:0px -10px ; } .leeds .Belfast { background-position:-297px -10px ; } .leeds .riskmgmt { background-position:-446px -10px ; } .leeds a:hover .Belfast { background-position:-297px 0px ; } .leeds a:hover .Dublin { background-position:0px 0px ; } .leeds a:hover .riskmgmt { background-position:-446px 0px ; } .leeds .Leeds { background-position:-148px 0 ; } .Riskmgmt .Dublin { background-position:0px -10px ; } .Riskmgmt .Belfast { background-position:-297px -10px ; } .Riskmgmt .Leeds { background-position:-148px -10px ; } .Riskmgmt a:hover .Belfast { background-position:-297px 0px ; } .Riskmgmt a:hover .Leeds { background-position:-148px 0px ; } .Riskmgmt a:hover .Dublin { background-position:0px 0px ; } /* =Body -----------------------------------------------------------------------------*/ #mainBody { width:100%; clear:both; float:left;} #subCol {float:left; width:190px; margin-right:10px; min-height:400px;} /* =MainNav -----------------------------------------------------------------------------*/ ul#mainNav {float:left;clear:both;} ul#mainNav li {margin-bottom:2px;} ul#mainNav li a {display:block; width:180px; height:23px; text-indent:-5000px; } ul#mainNav li a:hover {background-color:#d0d1d3;} .home {background:url(../images/layout/nav/home.gif) 10px 0px no-repeat;} .about {background:url(../images/layout/nav/about.gif) 10px 0px no-repeat;} .people {background:url(../images/layout/nav/people.gif) 10px 0px no-repeat;} .practice {background:url(../images/layout/nav/practice.gif) 10px 0px no-repeat;} .news {background:url(../images/layout/nav/news.gif) 10px 0px no-repeat;} .careers {background:url(../images/layout/nav/careers.gif) 10px 0px no-repeat;} .contact {background:url(../images/layout/nav/contact.gif) 10px 0px no-repeat;} .offices {background:url(../images/layout/nav/offices.gif) 10px 0px no-repeat;} #home .home, #careers .careers, #people .people, #about .about , #contact .contact, #practice .practice, #news .news, #offices .offices {background-color:#d0d1d3;} /* MAP */ #map { float:left;width:188px; height:193px; position:relative; background-image:url('../images/layout/location_map.gif'); background-repeat: no-repeat; } #map ul {margin:0px; padding:0; list-style:none; } #map a {position:absolute; width:30px; height:20px; display:block; background-image:url('../images/spacer.gif'); text-decoration:none; border:0px solid red ; } #map a .note {border:1px solid #85263c; color:#014582; left:-50000px; position:absolute; bottom:10px; width:auto; padding: 2px 5px; background-color:#fff; text-align:center; line-height:10px; cursor:pointer;} #map a:hover .note {left:10px; } #map .rsk a .note {border:1px solid #85263c; color:#014582; left:-50000px; position:absolute; bottom:-50px; width:auto; padding: 2px 5px; background-color:#fff; text-align:center; line-height:10px;} #map .rsk a:hover .note {left:10px; } #map a:hover { border:none; } #map .dub a {top:100px; left:65px;} #map .rsk a {top:100px; left:65px;} #map .bel a {top:78px; left:71px;} #map .lee a {top:89px; left:123px; } #breadcrumbs {position:absolute; right:0px; top:180px; height:0px;} #BodyText { float:left; width:410px; font-size:110%;} h2 {background:#85263c; width:100%; height:24px; padding-right:10px;} #BodyText p {margin-top:10px;} #BodyText ul {margin-left:10px;padding:5px 0;} #BodyText ul li {padding-left:20px; background:url(../images/layout/bullet.gif) no-repeat 0 3px;} #BodyText li li {padding-left:20px; background:url(../images/layout/bullet_full.gif) no-repeat 0 3px;} #BodyText ul ul {padding:0px ;} #BodyText ol { list-style-type:decimal; list-style:decimal;padding-left:25px; } .practiceList {font-size:130%;} #BodyText .practiceList li, #BodyText .practiceList li li { background-position: 0 5px;} #BodyText h4 {margin-bottom:-8px; margin-top:5px;} .border {padding-bottom:5px;border-bottom:1px double #85263c;} .dashedbreak{border-bottom:1px dashed #85263c; padding-bottom:20px;} /* =Home Boxes -----------------------------------------------------------------------------*/ #infobox, #quickfind {border:1px solid #85263c; width:187px; height:141px; background:url(../images/layout/boxback.gif) repeat-x #85263c;padding:10px 4px; color:white; line-height:14px; margin-top:10px; text-align:left;} #infobox a, #quickfind a {color:#b2c5d2; } #infobox p, #quickfind p {margin-top:0px;} #infobox {float:left;} #quickfind {float:right;} #quickfind label {display:block; margin-bottom:5px;} #quickfind .submit {float:right; margin-right:3px;} select {display:block; height:19px; width:185px;/**/ background: url(../images/layout/input_grad.gif) ; border:1px solid #8c9699; margin-bottom:8px; font-size:11px; color:black;} select option {background:white;} .submit {padding:3px 8px; border:2px solid white; background:#8f999c; color:white; font-size:11px; margin:0px;} optgroup {background: white; padding:3px 0px;} /* =Quick Links -----------------------------------------------------------------------------*/ #quicklinks {float:right; width:180px; padding:0 3px;background:url(../images/layout/ql_bg.gif); height:394px; text-align:left;} #quicklinks ul {margin:0 0 0 3px; } #home #quicklinks h4 {background:url(../images/layout/quicklinks_home.gif) no-repeat; dispaly:block; width:180px; height:23px; text-indent:-5000px;} #quicklinks h5 {background:url(../images/layout/quicklinks.gif) repeat-x; dispaly:block; width:180px; height:23px; color:white; text-indent:6px; font-size:120%; } #quicklinks li {margin:0px; padding:4px 4px 0 4px;background: url(../images/layout/ql_grad.gif) no-repeat white -6px 6px; width:166px;display: block; z-index: 1; height:207px; } #quicklinks li:hover {background: url(../images/layout/ql_grad.gif) no-repeat white -192px 6px; } .img {width:100%; display:block; height:115px; text-align:center; margin-bottom:0px; } .img img {margin-left:auto; margin-right:auto; } #quicklinks .toggle { position: relative; overflow: hidden;} #quicklinks .toggle .handle { display: block; padding:5px 0 0 0; height: 90px; margin-bottom: -34px; overflow: hidden; _margin-bottom: -34px; } #quicklinks .toggle { height: 376px; } #quicklinks .toggle li { position: absolute; top: 0; } #quicklinks strong {color:#85263c; font-size:110%;} #quicklinks a { display:block; color:#3575a3; } #home #quicklinks a:hover { text-decoration:none; cursor:pointer; } #home #quicklinks a { display:inline; width:70px; color:#3575a3; /* background: url(../images/layout/blue_bullet.gif) no-repeat 100% 50%;*/ } #singlebox {float:right; width:180px; padding:0; height:auto; margin-bottom:8px;} #singlebox ul { margin:0 0px 0 0px; } #singlebox h4 {background:url(../images/layout/quicklinks.gif) repeat-x #7a1831 ; dispaly:block; width:174px; padding-left:6px; height:auto; min-height:23px; color:white; font-size:120%; line-height:18px;} #singlebox li {margin:0px; margin-left:-3px; padding:4px 6px 6px 10px;background: url(../images/layout/rightboxbg.gif) no-repeat bottom left; width:168px;display: block; z-index: 1; font-size:110%; } .readmore {padding-right:15px;background: url(../images/layout/blue_bullet.gif) no-repeat 65px 21px; } #singlebox strong {color:#85263c; font-size:110%;} #singlebox a { display:block; color:#3575a3; } #singlebox li img { margin:0 auto; } #singlebox .right {text-align:right; padding-right:4px;} #rightCol { float:right;width:190px; height:300px; border-top:27px solid #85263c;} img.seminar {margin-top:15px; margin-left:10px;} *:first-child+html img.seminar {margin-top:13px!important;} #rightdropdown {position:relative; float:right;top:-24px; right:3px; margin-bottom:-23px;} #rightdropdown select {width:180px;} #singlebox a.bullet {padding-right:10px; display: inline; width:auto; background: url(../images/layout/blue_bullet.gif) no-repeat 100% 50%; } /* =People -----------------------------------------------------------------------------*/ .name {float:left;color:#85263c; font-weight:bold; width:250px;} .phone {clear:left;width:250px;} .email {clear:left; width:250px; padding-left:20px; background:url(../images/layout/email.gif) no-repeat left 50%;} .email2 {clear:left; padding-left:20px; background:url(../images/layout/email.gif) no-repeat left 50%;} .penpic {float:right; background:url(../images/people/shadow.gif) no-repeat bottom right;} .penpic img {margin:-5px 6px 4px -5px; border:1px solid #85263c;} .profile {clear:both;} .browser {width:300px; display:block; background:url(../images/layout/barback.gif) repeat-x #d1d2d4 bottom; padding:5px 20px; font-size:110%; margin:0 auto; text-align:center;} /* =Images -----------------------------------------------------------------------------*/ .image1 {position:relative; left:-10px;background: url(../images/image1.gif) no-repeat ; display:block; width:200px; height:163px; text-indent:-5000px;} .image2 {position:relative; left:10px;background: url(../images/image2.gif) no-repeat ; display:block; width:200px; height:226px; text-indent:-5000px;} .image3 {position:relative; left:10px;background: url(../images/image3.gif) no-repeat ; display:block; width:200px; height:226px; text-indent:-5000px;} .image4 {position:relative; left:-50px;background: url(../images/image4.gif) no-repeat ; display:block; width:250px; height:226px; text-indent:-5000px;} .image5 {position:relative; left:0px;background: url(../images/image5.gif) no-repeat ; display:block; width:200px; height:170px; text-indent:-5000px;} .image6 {position:relative; left:0px;background: url(../images/image6.gif) no-repeat ; display:block; width:200px; height:170px; text-indent:-5000px;} .image1, .image2, .image3, .image4, .image5, .image6 {background:none;} #sitemap #BodyText {width:600px; } #sitemap h2 {width:589px;} .sitemap {float:left;list-style-type:none; text-align:left; width:45%;} .sitemap li {font-weight:bold;} .sitemap li li {font-weight:normal;} /* =Footer -----------------------------------------------------------------------------*/ #footer {clear:both; background:white; z-index:5; border-top:1px solid #85263c; margin-top:10px; padding-bottom:20px; width:100%; } #footer p {width:50%;} #footer .right { text-align:right;} /* =Forms -----------------------------------------------------------------------------*/ /* Removes fieldset borders. even on Opea 7 */ fieldset { border: 1px solid transparent; } form {margin:0;padding:0;font-size: 1.1em;} /* fieldset styling */ fieldset { margin: 0em 0; /* space out the fieldsets a little*/ padding: 1em; border : 0px solid #ccc; } /* legend styling */ legend { font-weight: bold; color:#85263c; text-indent:-5px; } /* style for labels */ label { display: block; } /* style for required labels */ label .required { font-size: 0.85em; color:#760000; } input { width: 200px;background:url(../images/layout/input_grad.gif) repeat-x; border:1px solid #8c9699; } input.radio, input.submit { width: auto; } input.submit { border:1px solid #85263c; } /* style form elements on focus */ input:focus, textarea:focus { background: #ffc; } input.radio { float: left; margin-right: 1em; } textarea { width: 300px; height: 100px; background:url(../images/layout/input_grad.gif) repeat-x; border:1px solid #8c9699; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; } /* Hack to make sure the floated radio buttons sit next to the labels correctly in IE/Mac*/ /* This is the style I want IE/Mac to see */ input.radio + label { text-indent: 2em; } /* Using the commented backslash filter, I'm resetting the above rule for everything other than IE5/Mac \*/ input.radio + label { text-indent: 0; } /* End the hack */ --> /* =Tables -----------------------------------------------------------------------------*/ table { border-spacing: 0; border-collapse: collapse; } td { text-align: left; font-weight: normal; } /*---- sIFR ---*/ .sIFR-flash { visibility: visible !important; margin: 0; padding: 0; } .sIFR-replaced, .sIFR-ignore { visibility: visible !important; } .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } .sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; } /*---- Header styling ---*/ .sIFR-active h2, .sIFR-active h3 { visibility: hidden; font-family: Verdana; line-height: 1em; } .sIFR-active h2, .sIFR-active h3, .sIFR-active h4 { padding-bottom: 0; } .sIFR-active h2, h2 { font-size: 15px; display: block; width:400px; color:white; text-indent:5px; padding-top:3px; line-height:1em; } .sIFR-active h3, h3 { font-size: 14px; display: block; width:100%; color:white; } #toplinks li.defaultversion, #toplinks li.printversion {border:0px; padding-right:0px; margin-right:-8px; text-align:right; } #log {display:none; height:0px; width:0px;} .defaultversion {display:none; } .printversion {display: inline;} .pdf { display:block; width:150px; padding:20px 65px 20px 15px; background:url(../images/newsletterPDF.jpg) 155px 5px #eee no-repeat; border:1px solid #ccc; margin:10px auto 0; }