/* css and html by Neil Paterson, CIVIC - design by Will Price, CIVIC www.civicuk.com */
* {margin:0; padding:0; }
html, body, #container {height:100%;}
html {background:#fff}
body > #container {height:auto; min-height:100%;}
body {background:#fff url(images/bg.gif) top left repeat-x; font-family:Helvetica, Arial, sans-serif; font-size:91%; color:#333; text-align:center}
	* html body {background:#fff url(images/bg-ie.gif) top left repeat-x;}
body#home {background:#fff url(images/bg-home.gif) top left repeat-x; }
	* html body#home {background:#fff url(images/bg-home-ie.gif) top left repeat-x;}
#container {text-align:left; width:990px; margin:0 auto;}
#content {position:relative; padding-bottom:104px;}

/* header */
#header {width:100%; padding:0; height:130px;}
.wrapper {padding:0; position:relative; width:990px; margin:0 auto; display:block}
#header #logo {height:127px; width:170px; background:url(images/rmd-logo.gif); display:block; text-indent:-9999px;}
#header ul {position:absolute; bottom:19px; right:0;}
#header ul li {list-style-type:none; display:inline;}
#header ul li a {background:#d0d0d0 url(images/topNavOff.gif) top left repeat-x; padding:6px 8px; color:#666; font-size:121%; -moz-border-radius:10px; -webkit-border-radius:10px}
#header ul li a:hover, #header ul li.active a {background:#3f3f3f url(images/topNavOn.gif) top left repeat-x; color:#fff}

/* left nav */
div#leftNav {background:url(images/bg-nav.png) top no-repeat; -moz-border-radius:10px; -webkit-border-radius:10px; display:block; width:270px; padding:10px 20px; margin:0 0 30px 0}
div#leftNav h2 {background:url(images/left-nav-li.gif) 0 11px no-repeat; color:#f18e00; padding:0 0 0 10px}
div#leftNav ul {margin:0 0 0 20px}
div#leftNav ul ul {margin:5px 0 0 5px}
div#leftNav li {background:url(images/left-nav-li.gif) 0 5px no-repeat; padding:0 0 0 10px; list-style-type:none; margin:0 0 3px 0; font-size:111%}
div#leftNav li.active {background:url(images/left-nav-li-on.gif) 0 5px no-repeat;}
div#leftNav li.active a:hover, div#leftNav ul li.active li a:hover, div#leftNav ul li.active li.active a:hover {text-decoration:none}
div#leftNav li.active a, div#leftNav ul li.active li.active a {color:#666}
div#leftNav ul li.active li {margin:0 0 2px 0; font-size:100%}
div#leftNav ul li.active li a {font-weight:normal; color:#f18e00}
div#leftNav ul li.active li a:hover {text-decoration:underline}


/* fonts and headers */
a {color:#f18e00; text-decoration:none; outline:none; position:relative; font-weight:bold;}
#content a:hover {text-decoration:underline}
img {border:none;}
h1 {color:#333; font-size:181%; padding:0 0 5px 0; border-bottom:4px solid #f19a00; margin:0 0 18px 0}
h2 {color:#fff; font-size:141%; font-weight:bold; line-height:120%; margin:0 0 5px 0}
#right h2 {color:#333; border-bottom:1px solid #333; padding:0 0 5px 0; margin:15px 0 15px 0}
#right h3 {color:#333; margin:0 0 10px 0; font-size:121%}
p {line-height:145%; margin:0 0 15px 0}
#right a {font-weight:bold}
#right img {border:4px solid #ccc; margin:0 20px 10px 0;}
#right img.floatRight {margin:0 20px 10px 0; float:left; width:auto; height:auto}
#right ul {line-height:145%; margin:0 0 30px 0}
#right ul ul {line-height:145%; margin:5px 0 5px 0}
#right li {background:url(images/right-li.gif) 0 5px no-repeat; padding:0 0 0 15px; list-style-type:none; line-height:100%; margin:0 0 5px 0}
li {list-style-type:none!important}

/* tooltips */
#tooltip {position:absolute; top:0; left:0; z-index:3000; border:1px solid #111; background-color:#eee; padding:10px; opacity:0.85; -moz-border-radius:10px; -webkit-border-radius:10px;}
#tooltip h3, #tooltip div {font-size:81%; margin:0;}

/* homepage intro panel */
#intro {height:345px; padding:28px 0 0 0}
#intro ul.links {position:absolute; top:0; right:0; width:320px; height:345px; background:url(images/home-slider-links.png) top no-repeat}
	* html #intro ul.links {background:url(images/home-slider-links.gif) top no-repeat}
#intro ul.links li {list-style-type:none;}
#intro ul.links li a {width:320px; height:109px; margin:0 0 9px 0; padding:0; text-indent:-9999px; display:block}
#intro ul.links li a.slider1 {width:268px;}
#intro ul.links li a.slider2 {width:289px;}
#intro ul.links li a.slider3 {width:310px;}

/* homepage slider */
body#home #slider {position:absolute; top:0; left:0}
body#home #subSlider {position:absolute; top:47px; left:10px}
body#home #slider ul, body#home #slider li, body#home #subSlider ul, body#home #subSlider li {margin:0; padding:0; list-style:none;}
body#home #slider li {width:794px; height:345px; overflow:hidden;}
body#home #subSlider li {width:290px; height:183px; overflow:hidden;}	
body#home #prevBtn, body#home #nextBtn {display:block; width:24px; height:24px; position:absolute; left:603px; top:284px; z-index:1000; text-indent:-9999px;}	
body#home #nextBtn {left:626px;}														
body#home #prevBtn a, body#home #nextBtn a {display:block; position:relative; width:24px; height:24px; background:url(images/slider-nav.gif) top left no-repeat;}	
body#home #nextBtn a {background:url(images/slider-nav.gif) top right no-repeat;}
body#home ol#controls{position:absolute; top:301px; right:11px; background:url(images/nav.png) center center no-repeat; height:16px; width:400px; padding:0}
body#home ol#subControls{position:absolute; top:241px; left:21px; background:url(images/nav.png) center center no-repeat; height:16px; width:220px; padding:0}
body#home ol#controls li, body#home ol#subControls li {margin:0; padding:0; float:left; list-style:none; height:14px;}
body#home ol#controls li a, body#home ol#subControls li a {float:left; height:14px; margin:0 5px 0 0; border:1px solid #fff; text-indent:-9999px; padding:0; width:14px; text-decoration:none;}
body#home ol#controls li.current a, body#home ol#subControls li.current a {border:1px solid #ff9933;}
body#home ol#controls li a:hover, body#home ol#subControls li a:hover {border:1px solid #ff9933; background:#ff9933}
body#home ol#controls li a:focus, body#home #prevBtn a:focus, body#home #nextBtn a:focus{outline:none;}

body#home #left {width:339px; float:left; margin:0}
body#home #middle {width:334px; float:left; margin:0}
body#home #right {width:311px; float:right; margin:0}
#left {width:370px; float:left; margin:76px 0 40px 0}
	* html #left {width:350px; margin:76px 0 40px 0}
#right {width:620px; float:right; margin:40px 0 70px 0}
#wide {width:990px; padding:40px 0 70px 0; position:relative}
body#contact #left {margin:40px 0; width:680px;}
	* html body#contact #left {margin:40px 0; width:640px;}
body#contact #right {width:300px; margin:40px 10px 0 0}
body#contact #right h2 {border:none; padding:0; margin:0 0 5px 0}
body#contact #right img {border:none;}

/* homepage panels */
body#home #right a {text-decoration:none; font-weight:bold;}
body#home #right a:hover {text-decoration:underline;}
#hp1 {background: url(images/hp1-bg.png) top left no-repeat; position:relative; width:334px; height:411px; }
	* html #hp1 {background: url(images/hp1-bg-ie.gif) top left no-repeat;}
#hp1 h2 {margin:0 0 236px 0; padding:10px 50px 0 20px}
#hp1 p {color:#fff; margin:0 45px 10px 20px}
#hp1 a, #hp2 a, #hp3 a {color:#ff9933}

#hp2 {background: url(images/hp2-bg.png) top left no-repeat; position:relative; width:334px; height:350px; }
	* html #hp2 {background: url(images/hp2-bg-ie.gif) top left no-repeat;}
#hp2 h2 {margin:0 0 10px 0; padding:10px 50px 0 20px}
#hp2 img {margin:0 0 5px 11px; width:290px; height:139px;}
#hp2 p {color:#fff; margin:0 50px 10px 20px}

#hp3 {background:#1d465c url(images/hp3-bg.png) top left no-repeat; position:relative; width:291px; padding:10px; margin:0 0 30px 0}
#hp3 p {color:#fff; margin:0 0 10px 0}

#hp4, #hp5, #hp6 {width:221px; background:url(images/hp4-bg.png) bottom center no-repeat; position:relative; margin:0 0 30px 0; padding:10px 0 10px 90px}
	* html #hp4, * html #hp5, * html #hp6 {background: url(images/hp4-bg-ie.gif) top left no-repeat;}
#hp4 img, #hp5 img, #hp6 img {position:absolute; top:0; left:16px; border:none;}
#hp4 p, #hp5 p, #hp6 p {margin:0 0 10px 0}
#hp4 h2, #hp5 h2, #hp6 h2 {padding:0; border:none; margin:0 0 5px 0}
#hp4 h2, #hp4 a {color:#593e35}
#hp5 h2, #hp5 a {color:#3a7062}
#hp6 h2, #hp6 a {color:#425357}

/* content panels */

/* optional left panel - grey - used on the about section and contact nuggets */
div.leftOptionalPanel {position:relative; width:330px; display:block; float:left; padding:0 0 28px 0; margin:0 0 20px 0}
	* html div.leftOptionalPanel {margin:0}
div.leftOptionalPanel .wrapper {background:url(images/bg-leftOptionalPanel.gif); width:210px; display:block; float:left; min-height:120px; padding:15px 20px 15px 80px}
	* html div.leftOptionalPanel .wrapper {height:120px;} 
.rightShadow {width:25px; height:150px; background:url(images/leftOptionalRightShadow.png) no-repeat; position:absolute; top:0; left:310px;}
.bottomShadow {width:312px; height:28px; background:url(images/leftOptionalBottomShadow.png) no-repeat; position:absolute; bottom:0; left:0;}
	* html .rightShadow {background:url(images/leftOptionalRightShadow-ie.gif) no-repeat;}
	* html .bottomShadow {background:url(images/leftOptionalBottomShadow-ie.gif) no-repeat;}
#right .story {display:block; clear:both}

div.leftOptionalPanel p, div.leftOptionalPanel div.errors {font-size:91%; margin:0 0 10px 0}
div.leftOptionalPanel img {position:absolute; top:-15px; left:10px;}
div.leftOptionalPanel h2, div.leftOptionalPanel a {color:#f18e00}
div.leftOptionalPanel.contact {width:300px; margin:0 40px 0 0}
div.leftOptionalPanel.form {width:515px}
div.leftOptionalPanel.form .wrapper {background:url(images/bg-leftOptionalPanel.gif); width:510px; display:block; float:left; min-height:120px; padding:15px 20px 15px 80px}
div.leftOptionalPanel.form .rightShadow {width:25px; height:470px; position:absolute; top:0; left:610px;}
div.leftOptionalPanel.form .bottomShadow {width:610px; height:28px; position:absolute; bottom:0; left:0;}
div.leftOptionalPanel.contact h2, div.leftOptionalPanel.form h2 {color:#425357}
div.leftOptionalPanel strong {color:#425357; font-size:111%;}
div.leftOptionalPanel span {color:#f18e00}
div.leftOptionalPanel div.errors {color:#ff0000}
div.leftOptionalPanel div.errors strong {margin:0 0 0 0; display:block; padding:0;}
div.leftOptionalPanel form img {position:relative}
div.leftOptionalPanel.form fieldset {border:none;}
div.leftOptionalPanel.form form label {width:150px; float:left;}
div.leftOptionalPanel.form form p {display:block; clear:both}
div.contactForm {margin:0 0 0 -60px}
div.contactForm fieldset {border:none; padding:0; margin:0;}
div.contactForm label {display:block; font-weight:bold;}
div.contactForm label span {cursor:help}
#right div.contactForm img {display:block; position:relative; top:0; left:0; clear:both; margin:5px 0 0 0; border:1px solid #ccc!important}
div.contactForm input {width:257px; border:1px solid #ccc; font-size:81%; padding:3px}
div.contactForm input.submit {color:#f18e00; font-weight:bold; width:auto; padding:5px 10px; margin:0; background:#ccc url(images/bg-submit.gif) center left repeat-x;}
	* html div.contactForm input.submit {margin:0 0 0 60px}
div.contactForm p.comment textarea {width:260px; height:100px; font-family:Helvetica, Arial, sans-serif; font-size:100%}
div.contactForm p.captcha span {margin:0 0 5px 0; display:block; clear:both}
div.contactForm p.captcha span.help {display:inline; clear:none;}

/* people panel - random thumbnails */
.people {background:#575757; -moz-border-radius:10px; -webkit-border-radius:10px; padding:10px 10px 20px 20px; width:300px; float:left; margin:15px 0 0 0}
.people p {color:#fff; margin:0 0 10px 0;}
#right .people h2 {margin:0 0 10px 0; border:none; padding:0; color:#fff}
#right .people ul {margin:0}
#right .people li img {border:none; width:82px; height:82px; margin:0;}
#right .people li {list-style-type:none; float:left; padding:0; background:none; margin:0}
#right .people li a {border:4px solid #575757; height:82px; width:82px; margin:0 8px 8px 0; display:block;}
	* html #right .people li a {margin:0 4px 4px 0}
#right .people li a:hover {border:4px solid #f19a00}

#right div.staff {border-bottom:1px dotted #ccc}
#right div.bio {border-top:1px dotted #ccc; padding:10px 0 0 0}
#right div.bio img {float:left; padding:0; margin:0 15px 15px 0; border:none; height:150px!important; width:150px!important}
#right div.bio span.title {font-size:161%; font-weight:bold; line-height:120%; margin:0 0 5px 0; display:block}
#right div.bio span.link {display:block; clear:both}

/* latest news panel - used on the about section */
div.news {background:url(images/bg-newsPanel.gif) bottom center no-repeat; width:210px; float:right; padding:10px 20px; margin:15px 0 0 0}
#right div.news h2 {margin:0 0 10px 0}
#right div.news h2, #right div.news a {color:#f18e00; border:none; padding:0}
div.news p {margin:0 0 10px 0;}
a.rss {background:url(images/rss-icon.gif) 0 5px no-repeat; padding:10px 0 10px 35px; display:block}
div.newsImage {width:290px; height:139px; background:url(images/news-placeholder.jpg); margin:0 0 10px 10px}
div.newsImage img {width:290px; height:139px; position:relative; top:0!important; left:0!important; margin:0!important;}

/* services panels */
div.servicesPanel {-moz-border-radius:10px; -webkit-border-radius:10px; float:left; width:220px; height:214px; background:url(images/bg-servicesPanel.png); padding:0 20px 0 240px; position:relative; overflow:auto;}
	* html div.servicesPanel {background:url(images/bg-servicesPanel.gif)}
	* html div.servicesPanel.right {display:block; margin:0 0 30px 0;}
	* html div.servicesPanel.left {display:block; margin:0 0 30px 0;}
div.servicesPanel img {position:absolute; top:0; left:0; z-index:1; width:210px; height:214px;}
div.servicesPanel .corners {position:absolute; top:0; left:0; width:15px; height:214px; background:url(images/services-corners.png); text-indent:-9999px; z-index:2}
	* html div.servicesPanel .corners {background:none;}
div.servicesPanel p {margin:0 0 10px 0;}
	* html div.servicesPanel p {font-size:91%;}
div.servicesPanel h2 {color:#333}
	* html div.servicesPanel h2 {margin:15px 0 10px 0}
div.servicesPanel.right {margin:0 0 30px 30px}
div.servicesPanel.left {margin:0 0 30px 0}
div.servicesPanel a {color:#f18e00;}
/* services slider */
body#services #servicesSlider {position:relative; background:url(images/bg-services-slider.png); width:480px; height:213px; float:left;}
	* html body#services #servicesSlider {margin:0 0 30px 0; background:url(images/bg-services-slider.gif);}
body#services #servicesSlider ul, body#services #servicesSlider li {margin:0; padding:0; list-style:none;}
body#services #servicesSlider li {padding:0; width:480px; height:213px; overflow:hidden; color:#fff; font-size:121%; line-height:135%}
body#services #servicesSlider li span {padding:20px 25px; display:block; }
body#services ol#controls {position:absolute; top:222px; right:520px; background:url(images/nav.png) center center no-repeat; height:16px; padding:0}
body#services ol#controls li{margin:0; padding:0; float:left; list-style:none; height:14px;}
body#services ol#controls li a{float:left; height:14px; margin:0 5px 0 0; border:1px solid #fff; text-indent:-9999px; padding:0; width:14px; text-decoration:none;}
body#services ol#controls li.current a {border:1px solid #ff9933;}
body#services ol#controls li a:hover{border:1px solid #ff9933; background:#ff9933}
body#services ol#controls li a:focus, body#services #prevBtn a:focus, body#services #nextBtn a:focus{outline:none;}


/* clients and partners */
#right ul.clientsPartners li {background:none; padding:0; float:left; clear:none; margin:0 5px 5px 0; line-height:100%;}
#right ul.clientsPartners li img {width:145px; height:110px; margin:0; padding:0; border:none; border:2px solid #ccc;}
	* html #right ul.clientsPartners li img {float:left;}
#right ul.clientsPartners li a {border:2px solid #f18e00; padding:0; margin:0; width:145px; height:110px; float:left; display:block}
#right ul.clientsPartners li a img {border:none; padding:0; margin:0; position:relative; float:none; width:145px; height:110px;}
#right ul.clientsPartners li a:hover {border:2px solid #000}

/* news section */
div.twoCol {float:left; width:490px; margin:40px 0 28px 0; padding:0}
div.twoCol.right {float:right; margin:40px -23px 0 0}
	* html div.twoCol.right {margin:40px 0 0 0}
div.twoCol .wrapper {background:url(images/bg-contact.jpg) top left no-repeat; width:365px; display:block; float:left; min-height:200px; padding:10px 20px 15px 80px}
div.twoCol .bottomShadow {width:310px; height:28px; display:block; float:left; position:relative; margin:0 0 40px 0}
div.twoCol .rightShadow {width:25px; height:270px; position:absolute; top:0; left:465px;}
div.twoCol img {position:absolute; top:-10px; left:10px; border:none;}
div.twoCol h2 {margin:0 0 20px 0; color:#425357; padding:0; border:none;}
div.twoCol .story {position:relative; padding:0 0 0 130px; margin:0 0 30px 0; height:1%; display:block; clear:both;}
div.twoCol.right .story {padding:0; margin:0 0 10px 0}
div.twoCol .story .thumb {background:url(images/bg-news-image.png) bottom right no-repeat; height:auto; width:116px; position:absolute; top:0; left:0;}
div.twoCol .story img {width:102px; height:auto; margin:0; top:5px; left:5px; display:block; float:none; padding:0 0 10px 0; position:relative; margin:0 0 5px 0; }
	* html div.twoCol .story img {}

.twoCol ul#pipes li img {float:none; position:absolute; top:0; left:0; background:url(images/pipe-img-bg.png) bottom right no-repeat; height:auto; width:102px; margin:0; padding:5px 10px 10px 5px}
.twoCol ul#pipes li {display:block; float:none; padding:0 0 0 15px; position:relative; margin:0 0 5px 0; line-height:150%; background:url(images/right-li.gif) 0 8px no-repeat;}

/* map styling */
#map1, #map2, #map3 {width:478px; height:400px; border:1px solid #425357; margin:0 0 10px 0}
#map1 img, #map2 img, #map3 img {position:relative}
#controller {position:absolute; top:24px; right:47px;}
span.jFlowControl {background:#c6cbcc; color:#425357!important; font-weight:bold; padding:5px; display:block; float:left; margin:0 3px 0 0; cursor:pointer; -moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; -moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px}
span.jFlowControl:hover, span.jFlowControl.jFlowSelected {background:#425357; color:#c6cbcc!important;}

/* cross sell adverts - random left hand links on sub pages */
div.crossSell a {display:block; height:129px; width:310px; text-indent:-9999px; position:relative; margin:0 0 30px 0}
div.crossSell a img {position:absolute; top:0; left:0; height:129px; width:310px;}

img, #leftNav, div.twoCol .story .thumb { behavior: url(images/iepngfix.htc) }

/* footer */
#footer {position:relative; margin-top:-104px; height:104px; clear:both; background:#fff url(images/footer-bg.gif) bottom left repeat-x; color:#666}
#footer li {list-style-type:none;}
#footer a {color:#666; font-weight:normal}
#footer a:hover {text-decoration:underline;}
#footer ul.left {float:left; width:420px; padding:20px 0 0 0}
#footer ul.left li {background:url(images/greyArrow.gif) 0 5px no-repeat; list-style-type:none; padding:0 0 0 10px; margin:0 0 5px 0; display:inline; width:130px; float:left;}
#footer ul.right {float:right; width:310px; padding:20px 0 0 0}
#footer ul.right li.rmd {float:left; width:230px;}
#footer ul.right li.rmd strong {display:block; clear:both}
#footer ul.right li.rmd span {font-size:81%;}
#footer ul.right li.civic a {width:70px; height:19px; background:url(images/civicLogo.gif); text-indent:-9999px; float:right}
#footer .wrapper {text-align:left;}
/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block; clear:both; width:100%}
.clear {margin:-1px 0 0 0; height:1px; text-indent:-9999px; display:block; clear:both; width:100%;}
/* End hide from IE-mac */