/* ------------------------------------- Index 1 - Background and wrapper 2 - Header and navigation area 3 - Main content 4 - Secondary content 5 - Footer ----------------------------------------*/ /* 1 - Background and wrapper */ #wrapper {margin:auto; padding:0 20px; width:725px;} /* 2 - Header and navigation area */ /* Accessibility */ .hide {font-size:1px; height:1px; line-height:0; overflow:hidden; position:absolute; left:-9999px; top:-9999px;} /* Header */ #header {color:#fff; height:70px; position:relative; width:727px;} /* Logo */ #header a img#logo {margin:0; padding:0; position:absolute; top:25px; left:0px;} /* Contact Link */ #header a#contact {color:#183290; font:1.1em Verdana, Arial, Helvetica, sans-serif; position:absolute; top:48px; right:3px; text-decoration:none;} #header a#contact span {color:#425A68;} /* Navigation */ #navigation {height:19px; background:url(../images/nav-bkd.gif) top right no-repeat;} #navigation ul {float:left; list-style:none; margin:0; padding:0 5px 0 0; border-bottom:2px solid #A8A8A8; width:720px;} #navigation ul li {float:left; background: url(../images/tab-right.gif) no-repeat top right; margin:0 2px 0 0;} #navigation ul li a {padding:0 10px; line-height:19px; background:url(../images/tab-left.gif) no-repeat top left; text-decoration: none; color:#1D2C7D; float:left; display:block; font-weight:normal; font-size:1.1em;} #navigation ul li#current {float:left; background: url(../images/tab-right-current.gif) no-repeat top right; margin:0 2px 0 0;} #navigation ul li#current a {padding:0 0.8em; line-height:19px; background:url(../images/tab-left-current.gif) no-repeat top left; text-decoration: none; color:#fff; float:left; display:block; font-weight:normal;} #navigation ul a:hover {color: #1D2C7D;} #navigation ul li#nocurrent {margin:0 2px 0 0;} #navigation ul li#nocurrent a {padding:0 0.8em;} /* 3 - Homepage */ #homecontent {background:url(../images/home_bkd.gif) repeat-y; position:relative; text-align:left; width:727px;} #homecontent #hometitle {background:url(../images/home_content_top.gif) no-repeat; margin:0; padding:0; width:737px;} #homecontent #hometitle h2 {color:#BCAD84; font-size:1.4em; height:26px; font-weight:normal; margin:0; padding:9px 0 0 13px; text-align:left; width:230px;} #homecontent #news {background:url(../images/news-btm.gif) no-repeat; width:214px; height:20px; position:absolute; bottom:0; right:0;} .col1 {float:left; margin:15px 20px 0 0; padding:0 0 35px 0; text-align:left; width:230px;} .col1 h3 {margin:0 0 0 15px;} .col1 p {border-bottom:1px dotted #A29061; color:#A29061; margin-left:65px; padding:0 0 5px 0;} .col1 a {color:#425A68; display:block; margin-left:65px; padding:0 0 5px 0; text-decoration:none;} .col2 {float:left; margin:0 20px 0 0; padding:0 0 35px 0; text-align:left; width:230px;} .col2 h3 {margin:0 0 0 15px;} .col2 p {border-bottom:1px dotted #A29061; color:#A29061; margin-left:65px; padding:0 0 5px 0;} .col2 a {color:#425A68; display:block; margin-left:65px; padding:0 0 5px 0; text-decoration:none;} .col3 {font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; float:left; margin:-20px 0 0 15px; padding:0 0 35px 0; text-align:left; width:195px; background-image:url(../images/icon-news.gif); background-repeat:no-repeat; background-position:top right;} .col3 h3 {margin:5px 0 0 18px; color:#fff; font-size:1.6em; font-weight:normal;} .col3 h4 {font-weight:normal; color:#fff; margin:10px 35px 0 18px; padding:0;} .col3 p {color:#E4B58F; margin:0px 35px 0 18px; padding:0;} .col3 p a {} /* 4 - Secondary page content */ #content {background:url(../images/bkd1.gif) repeat-y; text-align:left; width:725px;} #content2 {background:url(../images/bkd2.gif) repeat-y; text-align:left; width:725px;} #content3 {background:url(../images/bkd3.gif) repeat-y; text-align:left; width:725px;} #content4 {background:url(../images/bkd4.gif) repeat-y; text-align:left; width:725px;} #content5 {background:url(../images/bkd5.gif) repeat-y; text-align:left; width:725px;} #content .cola, #content2 .cola {float:left; width:310px; padding:0; margin:0;} #content .colb, #content2 .colb {float:left; width:310px; padding:0; margin:0;} #content .cola h2, #content .colb h2, #content2 .cola h2, #content2 .colb h2 {margin:0;} #content .cola p, #content .colb p, #content2 .cola p, #content2 .colb p, #content2 h3 {margin:22px; padding:0;} #content .cola ul, #content .colb ul, #content2 .cola ul, #content2 .colb ul {margin:22px 22px 22px 37px; padding:0;} #content .colb ul li ul {margin:10px; padding:0;} #content .colb ul li ul li {font-size:1em;} .image1 {background:url(../images/rolland1.jpg) no-repeat; float:right; height:556px; width:105px;} .image2 {background:url(../images/rolland2.gif) repeat-x top; float:right; height:556px; width:105px;} .image3 {background:url(../images/rolland3.jpg) no-repeat; float:right; height:135px; width:525px;} .image4 {background:url(../images/rolland4.jpg) no-repeat; float:right; height:135px; width:525px;} #content .colb .casestudies {background:#18328F;} #content .colb .casestudies a {color:#fff;} #content .colb .casestudies a img {float:right; margin:0; padding:0;} #content .colb .casestudies p {color:#fff; margin:15px 0 30px 20px; padding:0; width:230px; float:left;} #content2 .cola #casestudy1 {background:url(../images/st-andrews.jpg) no-repeat; height:175px; margin:18px 0 0 0; position:relative; width:310px;} #content2 .colb #casestudy2 {background:url(../images/western-harbour.jpg) no-repeat; height:175px; margin:18px 0 0 0; position:relative; width:310px;} #content2 .cola #casestudy1 a, #content2 .colb #casestudy2 a {position:absolute; top:5px; left:20px;} #content2 .cola #casestudy1 p, #content2 .colb #casestudy2 p {color:#183290; font-size:1em; padding:0; margin:0; line-height:1.4em;} #content2 .cola #casestudy1 p.cstxt1, #content2 .colb #casestudy2 p.cstxt1 {position:absolute; top:124px; left:26px;} #content2 .cola #casestudy1 p.cstxt2, #content2 .colb #casestudy2 p.cstxt2 {position:absolute; top:135px; left:173px;} #content2 .cola h3, #content2 .colb h3 {font-weight:normal; color:#425A68; margin-bottom:2px;} #content2 ul.projects {list-style-type:none; margin:0 0 0 22px;} #content2 ul.projects li {padding:3px 0; line-height:1.6em; font-size:1.1em; } #content2 ul.projects li a {color:#183290;} #content3 .coli, #content4 .coli {float:left; width:200px; padding:0; margin:0;} #content3 .colii, #content4 .colii {float:left; width:270px; padding:15px; margin:0;} #content3 .coliii {float:left; width:215px; padding:15px 0 0 10px; margin:0;} #content4 .coliii {float:left; width:215px; padding:15px 0 15px 10px; margin:0;} #content3 p, #content4 p, {color:#7F7762;} #content3 p.highlight, #content4 p.highlight {background-color:#163587; font-size:1.6em; color:#fff; font-weight:bold; line-height:1.4em; padding:15px 15px 30px 15px; margin:0;} #content4 ul.clients {list-style-type:none; margin-bottom:10px;} #content4 ul.clients li {padding:3px 0; color:#777566; font-weight:bold; font-size:1.1em;} .contentwdth {margin:0 150px 0 25px;} .contentwdth2 {margin:0 50px 0 220px;} .contentwdth3 {margin:0 150px 0 25px;} .contentwdth3 p { margin: 0; padding: 0; } .contentwdth3 h3 { margin: 0; padding: 0; margin-top: 12px; } #content5 ul li {font-size:1.1em; margin:0 0 5px 0;} /* 5 - Footer */ #footer {background-color:#18328F; height:72px; margin:15px 0 0 0; padding:0; text-align:left; width:725px;} #footer ul {padding:10px 0 0 15px;} #footer ul li {display:inline;} #footer ul li a {color:#fff; font-size:0.9em; text-decoration:none; padding:0 10px 0 0;} /* 6 - Contact Styles */ form {font-size:1.1em;} form .row {display:block; width:370px; margin:0 0 10px 0;} label {float:left; width:120px; display:block; margin-right:10px; font-family:Arial, Helvetica, sans-serif; font-size:1em;} input {width:160px; background-color:#DEDBD9; border: 1px solid #8A8A8B;} textarea {width:160px; background-color:#DEDBD9; border: 1px solid #8A8A8B;} select {width:160px; background-color:#DEDBD9; border: 1px solid #8A8A8B;} input.inputsmall {width:13px; height:13px; margin:0 0 0 5px; background-color:#fff; border:none;} input.btn {width:160px; border: 1px solid #8A8A8B; margin:0 0 0 130px;}