/*
* colors Reference
*
* light green : color:#D7E1E6
*
*/
/* Global */
* { padding: 0; margin: 0;}
li { list-style:none;}
a, a:link, a:hover, a:visited, a:active { text-decoration:none; color:#fff; }
a, a img {border:none; outline:none; }
table { border-collapse: collapse; }
/* img { display:block;} */
html, body, #wallpaper, #wallpaper table, #wallpaper td, #content { height:100%; width:100%; overflow:hidden;}
body {
font-family: Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
font-weight:normal;
}
/* layouts */
#wallpaper div { width:200%; height:200%; top:-50%; left:-50%; position:absolute; }
#wallpaper td{ vertical-align:middle; text-align:center;}
#wallpaper img { min-height:50%; min-width:50%; margin:0 auto; }
.wrap {width:984px; margin:0 auto;}
/* logo */
#logo { position:absolute; top :25px; right:20px; width:212px; height:40px; z-index:13; display:block;}
#logo a{/* display:block; height:40px; width:212px; text-indent:-9999px; background:transparent url(../images/likemind-logo.png) no-repeat scroll top left; */ }
/* top - navigation */
#nav { position:absolute; top:36px; height:33px; width:100%; z-index:12; background:transparent; }
#nav a{ display:block; padding:6px 20px; vertical-align:middle; color:#fff; font-size:17px;
background: transparent url(../images/bg/70p-black-2x10.png) repeat scroll top left;
}
#nav a.current { background-image: url(../images/bg/70p-white-2x10.png); color:#262626; }
#nav ul { list-style:none;}
#nav li { float:left; position:relative;
margin-left:2px;
background:transparent;
min-height:1px; /* IE7 - corrects the menu hiding on hover out */
vertical-align:bottom; /* IE7 - corrects the wide gap under the menu and also menu disappearance on hover out*/
}
#nav li.first { margin-left:0px;}
/* sub nav */
#nav ul ul { width:220px; position:absolute; left:0; top:33px; display:none; z-index:13;}
#nav ul ul a{ font-size:15px; padding:3px 20px; display:block; }
#nav ul ul a:hover{ color:#90A25D; }
#nav ul ul li { float:none; margin:0px 0 0 0;
border-top:1px solid transparent; /* for giving the gaps under the list */
}
/* fixing subnav width */
#nav-about-us ul li { width:224px; }
#nav-what-we-do ul li { width:226px;}
#nav-our-work ul li { width:181px;}
#nav-news ul li { width:157px;}
#nav-views ul li { width:167px;}
#nav-join-us ul li {width:211px;}
#nav-get-in-touch ul li {width:123px;}
/* nested sub nav */
#nav ul ul ul {
top:-1px; /* to adjust 1 pixel gap on top */
left:100%; /* pushes it to extreme right */
width:100%; /* 100% of the parent */
border-left: 1px solid transparent; /* 1px gap on left side */
}
/* hover states */
div#nav ul li:hover ul,
div#nav ul ul li:hover ul,
div#nav ul ul ul li:hover ul { display:block;}
#nav ul li:hover ul ul,
#nav ul ul li:hover ul ul { display:none}
#nav a.selected { background: #ccc none }
/* next-previous buttons */
/*
* todo: under this mode, the links are not getting activated in IE6. Find why and correct
*
*/
.previous-page,.next-page { width:24px; height:33px; display:block; position:absolute; top:40%; }
.previous-page { left:10px; }
.next-page { right:10px;}
.next-page a, .previous-page a{ display:block; text-indent:-9999px; width:100%; height:100%; z-index:8000;}
.previous-page a {background: transparent url("../images/prev-small.png") no-repeat scroll 50% 50%;}
.next-page a { background: transparent url("../images/next-small.png") no-repeat scroll 50% 50%;}
.next, .prev{ width:24px; height:33px; display:block; position:absolute; top:47%; }
.next{ right:22px; }
.prev { left:12px; }
.next a, .prev a { display:block;}
/*
* layout elements
*
*/
/* vertically centered content */
#content { position:absolute; top:0; left:0; z-index:10; color: #fff; width:100%;height:100%; overflow:hidden}
#h-centre { width:905px; height:100%; min-height:100%; position:relative; margin:0 auto; } /* horizontally centers the content box */
#v-centre { position:absolute; top:39%; margin:-190px auto;} /* vertically centeres the content box */
#content-frame{ width:875px; height:350px; margin:45px auto 0; padding:10px; display:block; background: transparent url(../images/bg/20p-white-2x10.png) repeat scroll top left; }
#content-frame { /* position:absolute; top:39%; margin:-175px auto; -- with this hyperlinks within the box dont work in IE6 */ }
.content-box { display:block; width:100%; height:100%; position:static; }
.content-box{background: transparent url(../images/bg/75p-black-2x10.png) repeat scroll top left; }
#content-frame a, .content-box a { position:relative; z-index:100}
#messages-box { width:875px; height:350px; margin:0 auto; padding:15px; display:block;}
.close { position:absolute; top:/* -19px 82px */ 26px; right:10px; width:50px; height:20px; display:block; z-index:21; }
#content-frame .close a { padding:1px 4px 2px 13px; color:#fff; background:transparent url(../images/bg/arrows-on-black-85trans.png) no-repeat scroll -297px -77px ; font-size:0.8em; display:block; font-weight:bold }
#content-frame .close a:hover { font-weight:bold; /* background:transparent url(../images/bg/arrows-on-black-85trans.png) no-repeat scroll -297px -45px ; */}
#content-frame a { color:#fff;}
#content-frame a:hover {color:#90A25D;}
.show-detail-link { }
.show-detail-link a { padding:0px 10px 2px 5px; background:transparent url(../images/bg/arrows-on-black.jpg) no-repeat scroll -208px -109px ; font-size:0.8em; display:block; width:90px}
#messages-box .show-detail-link a:hover {color:#FFCC33}
.text-messages-box { /*position:relative;*/ }
.text-messages-box p { margin: 5px 0 /* 10px 0 */; font-size: 18px /*17px */ ; font-weight:normal; color:#eee;}
#content .text-messages-box li { font-size:1.1em; color:#eee;}
.breadcrumb { color:#66615C; text-transform:uppercase; font-size:12px; font-weight:bold; }
.num-nav { position:absolute; bottom:0; left:10px; width:400px; height:20px; display:block; z-index:21; }
/* content */
/* .message h2 { font-family: "Century", "Times new roman", Times, serif; font-size:40px; color:#fff;} */
/* .message h2 { font-family: "Geneva", "Times New Roman","Century Gothic",Times, serif; font-size:40px; color:#fff;} */
.message h1,
#content-frame h2,
#utility-notice h1
{ font-family: "Georgia","Times New Roman", Times, serif; font-size:40px; color:#fff; font-weight:normal; /*width:600px; - use
instead */}
.message h1 { margin-bottom:10px ; padding-top:5px; /* text-shadow: #6374AB 3px 3px 3px; */}
.closer { /*letter-spacing:1px word-spacing:-2px; */ letter-spacing: -3px}
.intro { line-height:140%; font-family: arial, sans-serif; font-size:16px; /*width:600px; - use
instead */}
#details-text{ margin-left:210px; display:block;}
#details-text p { margin-bottom:20px;}
/* blurbs */
#blurbs-band { position: absolute; bottom:20px; min-height:100px; /*height:100px*/; border:1px solid #666; border-width:1px 0; z-index:11; width:100%; color:#fff;
background: transparent url(../images/bg/30p-black-2x10.png) repeat scroll top left;
}
.blurbs { padding: 10px 0; font-size:12px; float:left}
.blurbs li{ width:300px; float:left; display:block; }
.blurbs li div { padding-right:10px}
.blurbs li.wide-blurb { width:384px; }
.feature-story-blurb .thumbnail{ float:left; padding-top:7px;}
.feature-story-blurb h3, .feature-story-blurb p { margin-left: 135px}
.blurbs p { font-size:12px;}
.blurbs h3{ font-size:14px; font-weight:normal; color:#54B0C9;}
.blurbs li a,.blurbs li a:link, .blurbs li a:visited {color:#f00;}
.blurbs li a:hover {color:#ffcc33; }
.blurbs li a:active { color:#f00; }
.blurbs .date { font-weight:bold; }
/* footer */
#footer { position: absolute; bottom:0px; height:11px; border:1px solid #333; border-width:0px 0; z-index:11; width:100%; color:#fff; font-size:11px;
background: transparent url(../images/bg/50p-black-2x10.png) repeat scroll top left; padding:5px 0;
}
#footer .wrap { position:relative;}
#footer ul { list-style:none; position:absolute; right:0; }
#footer li { float:left;}
#footer a { border-left:1px solid #fff; padding:0px 5px}
#footer a, #footer a:link, #footer a:visited { font-size:11px; color:#fff;}
#footer a:hover { color:#fc3;}
#footer a:active { color:#fff;}
#footer li.first a{ border:none; }
/* utility */
.text-left { text-align:left;}
.text-right { text-align:right;}
.m-bottom-10 { margin-bottom:10px;}
.m-bottom-20 { margin-bottom:20px;}
.m-bottom-30 { margin-bottom:30px;}
.m-bottom-50 { margin-bottom:50px;}
.m-bottom-100 { margin-bottom:100px;}
.m-top-10 { margin-top:10px;}
.m-top-20 { margin-top:20px;}
.m-top-30 { margin-top:30px;}
.m-top-40 { margin-top:40px;}
.m-top-50 { margin-top:50px;}
.m-top-65 { margin-top:65px;}
.m-top-70 { margin-top:70px;}
.m-top-85 { margin-top:85px; }
.m-top-100 { margin-top:100px;}
.m-top-150 { margin-top:150px;}
.m-top-200 { margin-top:200px;}
.w-500 { width:500px; }
.w-600 { width:600px; }
.w-700 { width:700px; }
.w-750 { width:750px; }
.m-r-200 { margin-right:200px}
.m-r-300 { margin-right:300px}
.m-l-15 { margin-left:15px; }
.m-l-300 { margin-left:300px; }
.hidden { display:none;}
.visible { display:block;}
.fr { float:right;}
.fl { float:left;}
.clear { clear:both;}
.cr { clear:right;}
.cl { clear:left;}
.ta-right{ text-align:right;}
.p-lr-20 { padding:0 20px;}
.p-lr-40 { padding:0 40px;}
.p-lr-70 { padding:0 70px;}
.p-lr-90 { padding:0 90px;}
#content .nbm { margin-bottom:0; }
ul[class~="w-arrow"] li { background:transparent url(../images/bg/arrows-on-trans.png) no-repeat scroll -293px -106px; padding-left:25px}
/* .w-arrow li { background:transparent url(../images/bg/arrows-on-trans.png) no-repeat scroll -293px -106px; padding-left:25px } */
#content .link-to-more { background:transparent url(../images/bg/arrows-on-black-85trans.png) no-repeat scroll -130px -107px ; padding-top: 0; padding-left:5px !important; padding-right: 5px !important; padding-bottom: 3px !important; display:block; }
.nnext-prev a { background: transparent url(../images/bg/arrows-on-black-85trans.png) no-repeat scroll -245px -110px;
padding:1px 4px 2px 13px; color:#ddd; font-size:0.625em; display:block; font-weight:normal; zoom:100%;
}
.text-messages-box p.nxt { width:66px; float:right; margin-left:0; }
.prv { width:100px}
.prv a{ background-position:-297px -78px}
.nxt a{ margin-top:-20px; padding-left:5px;}
.nnext-prev a.nt { margin-top:0; }
.link-to-more a { font-size:0.8em; }
.go-bar { float:left; border:0px solid #fff ; width:875px; font-size:12px;}
.go-next, .go-last { background:#262626 url("../images/bg/arrows-on-black.jpg") no-repeat scroll 0 0; }
.go-bar .go-next { background-position:-268px -108px; float:right; padding:2px 15px 4px 5px; }
.go-bar .go-last { background-position:-297px -77px; float:left;padding:2px 5px 4px 15px; }
.go-bar div[class="go-next"] {background-image: url("../images/bg/arrows-on-black-85trans.png")}
.go-bar div[class="go-last"] {background-image: url("../images/bg/arrows-on-black-85trans.png")}
/* who_we_are */
.advise { margin-left:-15px /*315px;*/ ; width:800px; float:left; }
.advise h2{ margin:10px 15px; font-size:17px; font-weight:normal; width:300px}
.advise ul { background: none /*transparent url(../images/bg/30p-black-2x10.png) repeat scroll top left*/; width:350px; padding:0 15px; float:left; }
.advise ul li { font-size:17px; }
/* our_clients */
.clients-list { float:left; width:875px; }
.clients-list li { width:200px; height:95px; margin-right:15px; margin-bottom:15px; display:block; float:left;
background: transparent url(../images/bg/50p-black-2x10.png) repeat scroll top left;
}
.clients-list li span { /* margin:10px; border: 1px solid #8FBE2E; display:block; */ margin:0px 0 0 1px; }
/* our people */
.c-lightblue { color:#5390CE;}
/* our_awards */
.awards { width:600px}
.awards .breadcrumb { margin-left:15px; }
.awards h1 { padding:0 15px; margin-bottom:15px; }
.awards h2 { font-weight:normal; font-size:20px; background: transparent url(../images/bg/50p-black-2x10.png) repeat scroll top left; padding:1px 15px; display:block; zoom:100%}
.awards ul { margin-bottom:20px; position:relative; }
.awards li, .trans li { display:block; background: transparent url(../images/bg/30p-black-2x10.png) repeat scroll top left; margin:1px 0; padding:0 15px; zoom:100%; font-weight:normal; font-size:inherit}
.awards li { padding: 2px 15px; font-size:16px; }
.awards li span { width:280px; display:inline-block; }
.awards li .wMax { width:530px }
.awards li .wMin { width:250px }
.awards .xtop { float:left;}
/* responsibility */
.l-m-10 li {margin:5px 0; font-size:1.2em;}
.num li{ background: transparent url(../images/bg/1-5.png) no-repeat scroll 0 0 ; padding:10px 0 5px 30px; }
.num li.num-1 { background-position:0px 5px; }
.num li.num-2 { background-position:0px -125px; }
.num li.num-3 { background-position:0px -258px; }
.num li.num-4 { background-position:0px -390px; }
.num li.num-5 { background-position:0px -500px; }
/* corporate-reporting */
#corporate-reporting .breadcrumb { color:#7D8387;}
/* corporate-responsibility */
#corporate-responsibility .breadcrumb { color:#7787B2}
/* case-study */
.case-study-header { width:290px; float:left; margin:10px 10px 10px 30px; }
.case-study-company-logo { height:70px; }
.case-study-image{margin:10px 0; }
.view-work { display:block; margin-left:200px;}
.view-work a { display:block; width:56px; background-color:#7C6E56; font-size:12px; padding:3px 5px; }
.case-study-body { float:left; width:520px; }
.case-study-text { height:240px; overflow: scroll; overflow-x:hidden; overflow-y:auto;}
.company-name { margin-top:40px; margin-bottom:10px }
.case-study-text h3{ margin-top:20px; display:block; font-weight:bold; }
/* hide it */
#case-studies #view-controller { display:none; }
/* panel */
#panel-with-header { position:relative; }
.panel{ width:905px; height:350px; margin: 0; padding:0; display:block;
background: transparent url(../images/bg/20p-white-2x10.png) repeat scroll top left;
/* position:relative; */
float:left;
}
.show-area{ display:block; width:885px; height:240px; background-color:transparent; display:block ; /* position:relative; */}
.has-stripped-list { height:265px; }
.has-stripped-list .show-area { margin:10px 10px 0; height:235px; overflow:hidden }
.stripped-list { height:1000px; width:885px; }
.stripped-list li { width:885px; height:60px; margin-bottom:10px; display:block;
/* background: transparent url(../images/bg/75p-black-2x10.png) repeat scroll top left; */
padding:5px 0;
}
.stripped-list li a:hover { color:#90A25D}
.stripped-list li h2,
.stripped-list li p { padding:0 30px; font-weight:normal; font-size:0.85em; }
.stripped-list li h2 { font-size:1em; font-weight:bold; display:block;
/* background:transparent url(../images/bg/arrows-on-trans.png) no-repeat scroll -285px -108px; */
}
#content .with-highlights{
/* background: transparent url(../images/bg/20p-white-600x900.png) no-repeat scroll 140px 0; */
height:305px;
}
#content .with-highlights .show-area { height: 270px;}
.with-highlights .stripped-list li { height:70px; padding:5px;}
.with-highlights .highlight-image{ float:left; }
.with-highlights .stripped-list li h2,
.with-highlights .stripped-list li p { margin-left:120px}
.test{ display:block; width:400px; height:100px; border:1px solid #fff;}
.test .ae {display:block; width:60px; height:20px; position:relative;}
#content a:hover { color:#90A25D; }
.content-view-area { width:905px; height:200px; display:block; /*border:1px solid #fff;*/
background: transparent url(../images/bg/20p-white-2x10.png) repeat scroll top left;
/* position:static; - does not make any difference for iE6 */
}
.content-view-area a { position:relative;}
.content-view-area li { width:500px; height:100px; background: transparent url(../images/bg/30p-black-2x10.png) repeat scroll top left; border:1px solid #ff0; }
.view-panel { width:880px; height:240px; display:block; border:1px solid #fff; overflow:hidden; }
.data-belt { width:800px; height:800px; background:#ff0; }
/* content-view and related styles */
#content-view { width: 905px; /* same as h-center */}
#content-header h1 /*,#content-body h2 */
{ font-family: "Georgia","Times New Roman", Times, serif; font-size:40px; color:#fff; font-weight:normal; margin-bottom:5px; /*width:600px; - use
instead */}
#content-body {}
#content-body p{ font-size:/* 1em */ inherit; }
#view-controller { display:block; clear:both; font-size:0.8em; margin-top:1px}
#prevnext {padding:0 10px; /* position:relative; zoom:100%; */}
#view-page {margin-left:10px}
#view-page ul {visibility:hidden}
#view-page li { display:inline }
#view-controller #prevnext { float:right; margin:-15px 0 0; }
#prevnext a:hover {color:#90A25D;}
#prevnext a.inactive {color:#333; cursor:default;}
#content #prevnext a.inactive:hover { color:#333; }
#next-view, #prev-view { width:130px; height:20px; /* zoom:100%; */}
a[id=next-view],a[id=prev-view] { background:transparent url(../images/bg/arrows-on-trans.png) no-repeat scroll; }
/* #next-view, #prev-view { width:130px; height:20px;background:transparent url(../images/bg/arrows-on-grey1.jpg) no-repeat scroll } */
#next-view { padding:0 20px 2px 5px; background-position:-262px -109px ; }
#prev-view { padding:0 5px 2px 15px; background-position:-297px -78px }
#clients-list-page #prevnext { padding-right:0 }
.rectangle { width:905px; height:350px; display:block; }
.trans-rectangle { width:905px; height:350px; display:block;
background: transparent url(../images/bg/30p-black-2x10.png) repeat scroll top left;
}
.trans-rectangle a,
.rectangle a { position:relative;}
/* without this, links will not work on
* transparent backgrounds in IE6
*/
.inner-trans-rectangle { margin:10px 10px 0; /* height:300px; */
background: transparent url(../images/bg/30p-black-2x10.png) repeat scroll top left;
}
.trans-list li { width:100%; height:80px; margin:0 0 10px;
background: #262626;
}
ul[class~="trans-list"] li { background: transparent url(../images/bg/50p-black-2x10.png) repeat scroll top left; }
.paged-view { height:100px; overflow:hidden; margin:0 10px; display:block;
position:relative; /* without this the anchors showup in IE6 even when in overflows area */
}
.quarter-rect { display:block; width:765px; height:300px; position:absolute; z-index:-1; right:0;
background: transparent url(../images/bg/30p-black-2x10.png) repeat scroll top left;
}
.half-rect { display:block; width:655px; height:315px; position:absolute; z-index:-1; right:0;
background: transparent url(../images/bg/30p-black-2x10.png) repeat scroll top left;
}
.left-rect { display:block; width:280px; height:330px; position:absolute; z-index:-1; left:0;
background: transparent url(../images/bg/30p-black-2x10.png) repeat scroll top left;
}
.single-view { height:275px; padding:1px 0 0; margin:0; }
.single-view .feature-image{ float:left; margin:10px; display:inline;}
.single-view .story-area{ margin:0 0 0 250px; padding:10px 0;background:#333; }
.single-view .story-summary { width:222px; height:246px; float:left; margin:10px; position:absolute; left:10px; z-index:14}
.story-summary p strong { display:block; color:#fff; font-weight:normal}
#content-body .story-summary p { color:#aaa; margin-bottom:10px; /* font-size:0.9em; */}
/* content-view ends */
/* newsroom */
#newsroom h1,
#newsroom #view-page
{ margin-left:160px; }
#newsroom .rectangle{ height:300px; width:880px; position:relative; }
#newsroom .paged-view { padding-top:10px; height: 265px;}
#newsroom .trans-list li { padding:5px; height:70px; }
#newsroom .trans-list li .h-img { float:left; }
#newsroom .trans-list li h2,
#newsroom .trans-list li p { margin-left:130px; padding-left:15px; padding-right:30px}
#newsroom .quarter-rect { width:738px; }
#newsroom .trans-list li h2 { font-size:1em; font-weight:bold; display:block;
background:transparent url(../images/bg/arrows-on-black.jpg) no-repeat scroll -298px -108px; zoom:100%;
}
#newsroom #content ul[class~="trans-list"] li h2 { background:transparent url(../images/bg/arrows-on-trans.png) no-repeat scroll -298px -108px; zoom:100%; }
/* #newsroom .news-detail h1 { margin-left:15px; } */
/* #newsroom .single-view h1 { margin-left:15px;} */
/* #newsroom .news-detail #view-page { margin-left: 255px;} */
.details-page #content h1 { margin-left:15px; }
.details-page #content #view-page{ margin-left: 260px;}
#view-page .back {padding-left:20px; background:transparent url(../images/bg/arrows-on-trans.png) no-repeat scroll -293px -78px }
#newsroom .story-text { width:600px}
.story-area .story-text {
width:625px;
height:245px;
margin:0px;
overflow:hidden;
overflow-y:auto;
scrollbar-base-color: #666;
scrollbar-track-color: #333;
background:#333;
position:relative;
}
#newsroom .news-detail .half-rect { width:630px; }
#newsroom .news-detail #view-controller { margin-top:15px}
#content .story-text p { line-height:1.25em; font-size:14px; margin: 0 10px 10px; }
#content .story-text h2 { font-size:1em; margin:0 10px 5px; }
#content .story-text ul {margin:10px; }
#content .story-text ul li { list-style:disc ; list-style-position:outside; margin:0 20px 10px; }
#content .story-text a { color:#54B0C9;}
#content .story-text a:hover { color:#90A25D;}
.details-page #content .tui h1 { font-size:35px;}
/* opportunities */
#opportunities .trans-rectangle { height:250px}
#opportunities .paged-view { height:205px;padding:10px 0;}
#opportunities .trans-list li { height:65px; margin-bottom:8px; padding-top:5px}
#opportunities .detail .half-rect { height:300px; }
#opportunities #content-body h2 { font-size:1em;
background:transparent url(../images/bg/arrows-on-trans.png) no-repeat scroll -293px -108px;
padding-left:20px;
padding-right:20px;
}
#opportunities #content-body p {
padding-left:20px;
padding-right:20px;
}
#opportunities #content-body .paged-view p{
font-size:0.9em;
}
#opportunities #content-header h1 { font-size:35px; margin-left:20px;}
#opportunities .detail #content-header h1 { margin-left:40px; font-size:40px; }
#opportunities #content-body .story-summary p,
#opportunities #content-body .story-text p{ padding:0; }
#opportunities #content-body .story-text h2 { background:none; padding:0; }
#opportunities #content-body .story-text ul li { font-size:14px; }
#opportunities #content-body h2 { font-size:1em;
padding-left:20px;
padding-right:20px;
}
#opportunities #content-body li h2 { background:transparent url(../images/bg/arrows-on-trans.png) no-repeat scroll -293px -108px; }
#opportunities .breadcrumb { margin-left:20px; }
.jobs-summary { padding-left:20px; padding-right:20px; }
#opportunities #view-controller{ margin-top:4px}
/* case-studies */
#case-studies #h-centre,
#case-studies #content-view,
#case-studies #content-body,
#case-studies .rectangle{ width:984px; }
#case-studies .rectangle { height:330px; }
#case-studies .half-rect { width:685px; height:330px }
#case-studies .paged-view { width:260px; padding:0; background:none; height:305px; }
.cases-list li { margin-bottom:1px; height:18px;}
.cases-list li a {
font-size:0.8em;
background:transparent url(../images/bg/b-n-w-arrows-50ptrans.png) no-repeat scroll right -15px ; display:block;
padding: 3px 5px 1px 15px;
padding: 0 5px 0 15px;
line-height:18px; vertical-align:middle;
height:18px;
}
#content .cases-list li a:hover,
#content .cases-list li a.on
{
color:#000;
background-position:right -65px ;
}
#case-studies #view-controller { width:280px; }
#case-studies #view-page { margin-left:0; }
#case-studies h1 {font-family: "Georgia","Times New Roman", Times, serif; font-size:24px; color:#fff; font-weight:normal; margin-top:15px; padding-left:15px;}
#case-studies #view-controller #prevnext {margin:0px; float:none; }
#case-studies #prev-view { background-position:-300px -77px; padding-left:15px; margin-right:165px;}
#case-studies .cs-list { width:280px; float:left; }
#case-studies .cs-details { float:right; width:685px; height:330px; font-size:0.8em; }
.cs-details .inner-trans-rectangle { padding:0 10px 10px ; display:block ;
height:300px; /* without this transparency disappears in IE6 */
}
.cs-details .cs-header { height:80px; position:relative; margin-bottom:10px; }
.cs-title {float:left; width:320px; height:60px;}
.cs-title h2{ width:320px; font-size:1em; position:absolute; bottom:0; font-weight:normal;}
.client-logo { float:left; position:absolute; left:335px; bottom:5px; }
.cs-image { float:left; }
.view-gallery {float:left; width:62px; height:20px; display:block;margin-left:13px; margin-top:10px; }
.view-gallery a { display:block; width:62px;font-size:0.9em; background:#444; padding:2px 2px 2px 5px}
.cs-brief {float:left; margin-left:13px; width:305px; height:170px;
overflow:hidden; overflow-y:auto; padding:0px; position:relative; scrollbar-base-color: #666; scrollbar-track-color: #333;
}
.cs-brief h3 { margin-top:15px; font-size:1em;}
.cs-brief h3.first { margin-top:0;}
.cs-brief p { margin-bottom:15px; padding-right:5px;}
#cs-band {
width:100%;
background: transparent url(../images/bg/30p-black-2x10.png) repeat scroll left top;
height:340px;
position:absolute;
top:30%;
z-index:9;
}
/* for case-studies as home page */
.home-cs { padding:20px;}
.home-cs .cs-details { width:100%}
#content-frame .cs-title h2{ font-size:1em; }
.home-cs .cs-brief { width:495px; height:200px;}
.home-cs .view-gallery a { margin-left:240px }
/* clients-list-page */
#clients-list-page #view-page ul{ visibility:visible }
#clients-list-page #view-page { margin-left:0; }
#clients-list-page #view-controller { padding-right:25px; }
/* contact page */
#contact .text-messages-box p{ margin:1px 0; }
#contact address { font-style:normal; font-size:20px; margin:20px 0; }
#contact .contacts { margin:10px 0; }
#contact .contacts p { margin:-1px 0; }
#contact .message a { color:#54B0C9; }
/* thinkpiece */
#thinkpiece .trans li { padding: 4px 15px 6px; }
#thinkpiece .trans li a { color:#54B0C9 }
#thinkpiece .trans li a:hover { color:#90A25D;}
/* blog */
#blog .text-messages-box p a { color: #54B0C9;}
#blog .text-messages-box p a:hover { color:#90A25D; }
/* utility - legal, accessibility */
#utility-notice #content-frame { display:block; margin-top:50px}
#utility-notice #content-frame .cs-brief { width: 830px; float:none; height:240px }
#utility-notice #content-frame .cs-header { height:60px; margin:0; }
#utility-notice #content-frame .cs-brief { margin-left:0; }
#utility-notice #content-frame h2 { font-size:20px; font-weight:normal; font-family: Calibri,"Gill Sans","Gill Sans MT","Myriad Pro",Myriad,Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans serif; }
#utility-notice .close { top:32px; }
.text-messages-box .small { font-size:12px; }
/* links */
.links-list { margin-top:20px }
.links-list li { width: 350px; font-size:18px; color:#ccc; display: block; float:left; margin-bottom:15px; color:#222;}
.links-list li a{ display:block; color:#54B0C9; }
#content .links-list li a:hover { display:block; color:#90A25D; }
/* colors */
.c-lightblue { color:#5390CE;}
.c-lightgrey { color:#999; }
.c-lightgreen{ color:#94a24d; }
.c-grey { color:#ddd; }
/*
* NOTES
----------------------------
Colors:
Blurb heading | blue | h3: ##54B0C9
Blurb link | red | a: #f00;
Blurb link:hover | yellow | a:hover : #ffcc33;
*/