.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block} .col1 {color:#00b267 /* mid green */} .col2 {color:#016637 /* dark green */} .col3 {color:#96fbcc /* v light green */} .col4 {color:#a9cad7 /* blue */} * {margin:0; padding:0; border:0} @font-face { font-family:'NovaBold'; src:url('novabold-webfont.eot'); src:local('☺'), url('novabold-webfont.woff') format('woff'), url('novabold-webfont.ttf') format('truetype'); font-weight:bold; } @font-face { font-family:'NovaRegular'; src:url('nova-webfont.eot'); src:local('☺'), url('nova-webfont.woff') format('woff'), url('nova-webfont.ttf') format('truetype'); font-weight:normal; font-style:normal; } body {background:url(bg_refurb.jpg) bottom center no-repeat; font-size:100%; font-family:NovaRegular, Arial, Helvetica, sans-serif; line-height:23px; color:#016637; margin:0 auto} p {font-size:1em} h1,h2,h3,h4,h5,h6 {font-weight:bold; color:#00b267; font-family:NovaBold, Arial, Helvetica, sans-serif; text-shadow: 1px 1px 0px white} h1 {font-size:2.00em; line-height:1em; margin-bottom:20px} h2 {display:block; font-size:1.50em; margin:0 0 15px 0; letter-spacing:0px; clear:both; padding-top:20px} h3 {font-size:1.30em; line-height:1em; margin:20px 0 10px} h4 {font-size:1.25em; line-height:1.25em; margin-bottom:10px} h5 {font-size:1.00em; margin-bottom:10px} h6 {font-size:.75em} h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0} /* hyper link for entire website-------------------------------------------------------------- */ p a {color:black; text-decoration:none; padding:2px 3px} p a:hover, p a:focus {background-color:#a9cad7; text-decoration:underline} acronym {border-bottom:1px dashed #016637; cursor:help} input, a, .clickable:hover { transition: all 0.45s ease-in-out; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; } /* Logo -------------------------------------------------------------- */ .logo {width:350px; height:100px; overflow:hidden} .logo h1, .logo h2 {margin:0; padding:0} .logo h1 a {display:block; width:350px; height:40px; background:url(office-refurbishment-logo.png) no-repeat} .logo h2 a {display:block; width:350px; height:60px; background:url(office-refurbishment-logo.png) no-repeat 0 -40px} .logo a span, .logo_small span {display:none; visibility:hidden; font-size:1px} .logo a:hover, .logo a:focus {opacity:0.7} .logo a:active {opacity:0.2} .topbullets {margin-top:7px; text-align:center} .topbullets h4 {font-size:1em; line-height:1.2em; margin:0 auto} /* submit and comment form button-------------------------------------------------------------- */ #commentform #submit2, #contactForm #submit2 {margin:0; float:left; border:none; width:91px; height:28px; padding:5px 10px; font-weight:bold; background-image:url(../images/green/submit.gif); background-repeat:no-repeat} .home {font-size:13px; font-family:Arial, Helvetica, sans-serif; line-height:23px; margin:0px; background-color:#fff; background-image:url(../images/bg-index2.jpg); background-repeat:no-repeat; background-position:center top} .home3 {font-size:13px; font-family:Arial, Helvetica, sans-serif; line-height:23px; margin:0px; background-color:#fff} hr {border:0 #ccc dotted; border-top-width:1px; clear:both; height:0} /* `Spacing----------------------------------------------------------------------------------------------------*/ .main_page ol li {list-style:circle; margin-left:20px} .main_page ul li {list-style-type:circle; margin-left:20px} .mid_bg ul, .mid_bg li {margin-left:10px; padding-left:10px; margin-top:7px; line-height:1.2em} /* imgage alignment----------------------------------------------------------------------------------------------------*/ .alignright {float:right} .alignleft {float:left} .aligncenter {text-align:center} .alignimgright {float:right; margin-left:20px} .alignimgleft {float:left; margin-right:20px} .budgeup {margin-top:-80px !important} p {margin:0px 0 20px 0} small {font-size:10px; margin:0} .vsmall {font-size:0.6em !important; margin:0 !important; line-height:1.3em !important} .line {border-bottom:1px dashed #000; margin-top:15px; margin-bottom:15px} .imgborder {border:1px solid #D6D6D6; padding:4px; background:#fff} blockquote {border:1px solid #eee; background-color:#fff; padding:10px 10px 10px 20px; margin:10px 0px 10px 0px; border-left:3px solid #eee; font-size:11px; color:#666} .read, .button {background:#eee; text-transform:uppercase; font-size:10px; padding:5px 10px; color:#333; width:180px; line-height:15px; border:1px solid #ddd} .read:hover, .button:hover {background-color:#fff; border:1px solid #ddd} .fpic {position:relative; display:block; width:262px; border:1px solid #bbbbbb; box-shadow:0px 0px 15px rgba(0,0,0,0.3); -moz-box-shadow:0px 0px 15px rgba(0,0,0,0.3); -webkit-box-shadow:0px 0px 15px rgba(0,0,0,0.3)} .fpic img {z-index:100; border:6px solid white; width:250px} .fpic:hover, .fpic:focus {border:1px solid yellow} .fpic:active {border:1px solid black} .fpic .enlarge {width:100%; height:100%; background:url(enlarge.png) bottom right no-repeat; z-index:101; position:absolute} .padc {margin-left:34px; margin-right:53px} .padr {margin-right:0} /* messsages-------------------------------------------------------------- */ .allert-message {background-color:#FFFFCC; color:#333; padding:10px; border:1px solid #FFCC66} .warning-message {background-color:#FF3300; color:#fff; padding:10px; border:1px solid #CC3300} .success-message {background-color:#99CC33; color:#333; padding:10px; border:1px solid #999003} /* background effect-------------------------------------------------------------- */ .main_page {width:960px} .sub_page {width:960px; height:180px} /* slider-------------------------------------------------------------- */ #sliderbg {background:url(bg_slider.png) no-repeat center center; width:100%; height:366px; position:absolute; top:110px; left:0; overflow:hidden} #slider_nav {position:relative; margin:8px auto; width:100px; height:auto; z-index:100} #slider_nav a, #slider_nav a:visited {background:url(gallery_nav.png) 0 0 no-repeat; float:left; margin-left:5px; width:13px; height:13px; overflow:hidden; text-decoration:none; text-indent:-9999px} #slider_nav a:hover {background:url(gallery_navhover.png) 0 0 no-repeat} #slider_nav a.activeSlide {background:url(gallery_navhover.png) 0 0 no-repeat} .slideimgs {margin:28px auto; width:932px; height:325px} .slideimgs img {background:transparent; width:930px; height:323px; border:1px solid white; box-shadow:0px 0px 15px rgba(0,0,0,0.3),4px 4px 4px rgba(0,0,0,0.4); -moz-box-shadow:0px 0px 15px rgba(0,0,0,0.3),4px 4px 4px rgba(0,0,0,0.4); -webkit-box-shadow:0px 0px 15px rgba(0,0,0,0.3),4px 4px 4px rgba(0,0,0,0.4)} .clearslider {clear:both; width:100%; height:396px} /* middle part-------------------------------------------------------------- */ .mid_bg {width:900px; padding:15px 30px; border:1px solid #dddddd; background-color:rgba(249,249,249,0.85); margin:0 auto; overflow:hidden; box-shadow:inset 0px 0px 150px rgba(0,0,0,0.1); -moz-box-shadow:inset 0px 0px 150px rgba(0,0,0,0.1); -webkit-box-shadow:inset 0px 0px 150px rgba(0,0,0,0.1)} .newsbox {margin:20px auto; height:40px; padding:0px 0 5px 10px; border:1px solid #002d69; color:black; background:#a9cad7; background:linear-gradient(-88deg, rgba(255,255,255,0) 15%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0) 90%), #a9cad7; background:-moz-linear-gradient(-88deg, rgba(255,255,255,0) 15%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0) 90%), #a9cad7; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.15, rgba(255,255,255,0)), color-stop(0.5, rgba(255,255,255,0.3)), color-stop(0.9, rgba(255,255,255,0))), #a9cad7; } .twitter {height:40px; float:left; margin-right:20px} .twitter small {color:#666666 !important} .newsbox p {height:40px; line-height:40px; margin:0px; font-size:14px} .newsbox p li {list-style:none} .iconbox {width:246px; float:left; text-align:center; padding:0 26px; border-right:1px solid #DEDEDE; border-top:1px solid transparent; border-bottom:1px solid transparent; border-left:1px solid transparent} .iconbox p {text-align:justify; font-size:0.94em} .iconbox img {margin-bottom:15px; border:1px solid white; box-shadow:0px 0px 15px rgba(0,0,0,0.3); -moz-box-shadow:0px 0px 15px rgba(0,0,0,0.3); -webkit-box-shadow:0px 0px 15px rgba(0,0,0,0.3)} .last {border-right:1px solid transparent; clear:right} .clickable:hover {background:#96fbcc; border:1px solid white; box-shadow:inset 0px 0px 50px rgba(255,255,255,0.5), 0px 0px 15px rgba(0,0,0,0.3); -moz-box-shadow:inset 0px 0px 50px rgba(255,255,255,0.5), 0px 0px 15px rgba(0,0,0,0.3); -webkit-box-shadow:inset 0px 0px 50px rgba(255,255,255,0.5), 0px 0px 15px rgba(0,0,0,0.3); cursor:pointer} .clickable h4 {padding-top:10px} .iconbox h4 a {color:#00b267} .iconbox h4 a:hover, .iconbox h4 a:focus {color:black} .pad {height:20px} .moreweb {text-align:center; padding-bottom:0px} .moreweb p a, .moreweb p a:hover, .moreweb p a:focus {text-decoration:none; color:#00b267; background:none; font-family:NovaBold, Arial, Helvetica, sans-serif} .moreweb h3 a {display:block; color:#016637; font-size:1.5em; letter-spacing:0.04em; margin-top:-10px !important; margin-bottom:26px} .logo_small {background:url(rodley-interiors-logo-small.png) no-repeat; width:186px; height:49px; display:block; margin-left:100px; margin-top:20px} /* subpage-------------------------------------------------------------- */ .subpage {width:920px; background:#fff; margin-top:15px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px; height:auto} .subpage h2 {padding:10px 40px 5px 10px; float:left; color:#000; background-image:url(subpage-arrow.png); background-repeat:no-repeat; background-position:right center; margin-right:20px; text-transform:uppercase; font-weight:bold; width:auto} .subpage_text {display:block; padding-left:20px} .services-desc {border:1px solid #eee; padding:20px; background-color:#fff; margin-bottom:20px} .services-desc p, .services-desc strong, .services-desc h4, .services-desc .read {margin-left:90px} /* news headlines-------------------------------------------------------------- */ ul.headlines {margin:0px 0 20px 0; padding:0} ul.headlines li {margin-bottom:15px; list-style-type:none; margin-left:0px} ul.headlines li a {width:239px; height:40px; display:block; background:#fff; padding:10px; text-decoration:none; border-bottom:1px solid #eee; border-right:1px solid #eee} ul.headlines li a:hover {text-decoration:none} ul.headlines strong {color:#000} /* portfolio-------------------------------------------------------------- */ .gallery li {width:228px; height:255px; background:#fff; float:left; border:1px solid #E8E8E8; padding:15px; margin-right:15px; margin-left:5px; margin-bottom:20px; overflow:hidden} .gallery li:hover {background:#E9E9E9; border:1px solid #D1D1D1; color:#333} .Portfolio_box p {padding:6px 0 0 0} .Portfolio_box2 {height:210px; margin-top:30px; margin-bottom:40px; border-bottom:1px dotted #ddd; padding-bottom:40px} /* common lists-------------------------------------------------------------- */ ul.lists {padding:0px; margin:10px 0 10px 35px} ul.lists li {list-style-type:disc; margin:0; padding:3px 0} /* blog-------------------------------------------------------------- */ .post {width:580px; margin-bottom:30px} .post h2 {margin-bottom:10px} .post h2 a {color:#000} .date {padding:0px 0 5px 0} .entry {margin:10px 0 5px 0} /* footer-------------------------------------------------------------- */ .footer {width:960px; padding:15px 0 5px; overflow:hidden; background-image:linear-gradient(center top, rgba(1,102,55,0), rgba(1,102,55,0.5) 20%, rgba(1,102,55,0.7) 100%); background-image:-moz-linear-gradient(center top, rgba(1,102,55,0), rgba(1,102,55,0.5) 20%, rgba(1,102,55,0.7) 100%); background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(1,102,55,0)), color-stop(0.2, rgba(1,102,55,0.5)), color-stop(1, rgba(1,102,55,0.7))); color:white; text-align:center; text-shadow: 1px 1px 2px black} .footer p {margin:2px 0; font-size:0.8em} .accreditations {list-style-type:none; padding:0 margin:0; text-align:center; font-size:1px; width:400px; height:43px; margin:10px 0 20px 30px} .accreditations li a span, .twographic a span {display:none; visibility:hidden} #cline, #chas, #chamber {display:block; float:left; background-image:url(accrediation-logos.png); background-repeat:no-repeat; height:43px} #cline {width:46px} #chas {width:60px; background-position:-86px 0; margin-left:42px} #chamber {width:208px; background-position:-187px 0; margin-left:42px} .accreditations a:hover, .accreditations a:focus, .twographic a:hover, .twographic a:focus {opacity:0.5; background-color:transparent} .accreditations a:active, .2graphic a:active {opacity:0.2} .twographic a {display:inline-block; width:118px; height:14px; background:transparent url(2graphic-logo.png) 0 8px no-repeat} .footer .vsmall {color:#b3d1c3; text-shadow:none} .footer a {color:white} .footer h3 {color:#e6f0eb; margin:0 0 5px 0; text-shadow: 1px 1px 2px black} .footer_left p {line-height:1.1em} .footer_right p {font-size:1.2em; line-height:1.5em; margin-bottom:10px} /* form----------------------------------------------------------------------------------------------------*/ label {display:block; float:none; font-size:12px; width:auto} input {border:1px solid #C8C8C8; padding:2px; font-size:16px; color:#333; margin-top:5px} .send {background:none; border:0} textarea {padding:5px; border:1px solid #C8C8C8; width:375px} /* @ comments style----------------------------------------------------------------------------------------------------*/ h3#comments, #respond {color:#222} #commentform input {width:170px; padding:2px; margin:5px 5px 1px 0; border:1px solid #DADADA} #commentform textarea {width:99%; padding:2px; border:1px solid #DADADA; color:#333; overflow:auto} #commentform #submit2, #contactForm #submit2 {margin:0; float:left; border:none; width:91px; height:28px; padding:5px 10px; font-weight:bold; background-image:url(../images/submit.gif); background-repeat:no-repeat} #commentform #submit2:hover, #contactForm #submit2:hover {cursor:pointer} .alt {margin:0; padding:10px} ol.commentlist {margin:0px; padding:0px} .commentlist a:link, .commentlist a:visited {color:#0099CC} .commentlist li {margin:5px 0 10px 0; padding:15px 5px 10px 10px; list-style:none; border:1px solid #ccc; background-color:#f1f1f1; color:#333} .commentlist li ul li {margin-right:-5px; margin-left:10px} .commentlist p {margin:10px 5px 10px 0} .children {padding:0} #commentform p {margin:5px 0} .nocomments {text-align:center; margin:0; padding:0} .commentmetadata {margin:0; display:block} .navigation {background-image:url(../images/pf-bg.jpg); background-repeat:repeat-x; background-position:-50px; font-size:2em} .avatar {padding:5px; background-color:#fff; border:1px solid #ddd; float:right; width:auto} /* =================== FancyBox ====================== * * Copyright (c) 2008 - 2010 Janis Skarnelis * * Version:1.3.1 (05/03/2010) * Requires:jQuery v1.3+ * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */ #fancybox-loading {position:fixed; top:50%; left:50%; height:40px; width:40px; margin-top:-20px; margin-left:-20px; cursor:pointer; overflow:hidden; z-index:1104; display:none} * html #fancybox-loading { /* IE6 */ position:absolute; margin-top:0} #fancybox-loading div {position:absolute; top:0; left:0; width:40px; height:480px; background-image:url(fancybox.png)} #fancybox-overlay {position:fixed; top:0; left:0; bottom:0; right:0; background:#000; z-index:1100; display:none} * html #fancybox-overlay { /* IE6 */ position:absolute; width:100%} #fancybox-tmp {padding:0; margin:0; border:0; overflow:auto; display:none} #fancybox-wrap {position:absolute; top:0; left:0; margin:0; padding:20px; z-index:1101; display:none} #fancybox-outer {position:relative; width:100%; height:100%; background:#FFF} #fancybox-outer {box-shadow:0px 0px 20px rgba(0,0,0,0.5); -moz-box-shadow:0px 0px 20px rgba(0,0,0,0.5); -webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.5); border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px} #fancybox-inner {position:absolute; top:0; left:0; width:1px; height:1px; padding:0; margin:0; outline:none; overflow:hidden} #fancybox-hide-sel-frame {position:absolute; top:0; left:0; width:100%; height:100%; background:transparent} #fancybox-close {position:absolute; top:-15px; right:-15px; width:30px; height:30px; background-image:url(fancybox.png); background-position:-40px 0px; cursor:pointer; z-index:1103; display:none} #fancybox_error {color:#444; font:normal 12px/20px Arial; padding:7px; margin:0} #fancybox-content {height:auto; width:auto; padding:0; margin:0} #fancybox-img {width:100%; height:100%; padding:0; margin:0; border:none; outline:none; line-height:0; vertical-align:top; -ms-interpolation-mode:bicubic} #fancybox-frame {position:relative; width:100%; height:100%; border:none; display:block} #fancybox-title {position:absolute; bottom:0; left:0; font-family:Arial; font-size:12px; z-index:1102} .fancybox-title-inside {padding:10px 0; text-align:center; color:#333} .fancybox-title-outside {padding-top:5px; color:#FFF; text-align:center; font-weight:bold} .fancybox-title-over {color:#FFF; text-align:left} #fancybox-title-over {padding:10px; background-image:url(fancy_title_over.png); display:block} #fancybox-title-wrap {display:inline-block} #fancybox-title-wrap span {height:32px; float:left} #fancybox-title-left {padding-left:15px; background-image:url(fancybox.png); background-position:-40px -90px; background-repeat:no-repeat} #fancybox-title-main {font-weight:bold; line-height:29px; background-image:url(fancybox-x.png); background-position:0px -40px; color:#FFF} #fancybox-title-right {padding-left:15px; background-image:url(fancybox.png); background-position:-55px -90px; background-repeat:no-repeat} #fancybox-left, #fancybox-right {position:absolute; bottom:0px; height:100%; width:35%; cursor:pointer; outline:none; background-image:url(blank.gif); z-index:1102; display:none} #fancybox-left {left:0px} #fancybox-right {right:0px} #fancybox-left-ico, #fancybox-right-ico {position:absolute; top:50%; left:-9999px; width:30px; height:30px; margin-top:-15px; cursor:pointer; z-index:1102; display:block} #fancybox-left-ico {background-image:url(fancybox.png); background-position:-40px -30px} #fancybox-right-ico {background-image:url(fancybox.png); background-position:-40px -60px} #fancybox-left:hover, #fancybox-right:hover {visibility:visible; /* IE6 */} #fancybox-left:hover span {left:20px} #fancybox-right:hover span {left:auto; right:20px} .fancy-bg {position:absolute; padding:0; margin:0; border:0; width:20px; height:20px; z-index:1001}