/* @override http://www.davisdesign.ca/styles/screen.css */ html, body, p, ul, ol, dl, dt, dd, h1,h2,h3,h4,h5,h6, form, li { margin: 0; padding: 0;} html, body { font-family: tahoma, sans-serif; background: #fff; text-align: center; } html { font-size: 0.84em; } a img{border:none;} #ackeys{position:absolute; top:-666em;} #container{width:923px; margin:0 auto; text-align:left; background-image:url('/images/header-bcg.gif'); background-position:top-right; background-repeat:repeat-x;} /*================================================================================*/ /* HEADER */ /*================================================================================*/ #header{background:url('/images/header-bcg.gif') topleft repeat-x;} #header h1{width:418px; float:left;} #header h1 a{width:418px; height:59px; background:url('/images/logo.gif') top left no-repeat; display: block; overflow:hidden; text-indent:-666em;} #header p#logoContainer{width:418px; float:left;} #header p#logoContainer a{width:418px; height:59px; background:url('/images/logo.gif') top left no-repeat; display: block; overflow:hidden; text-indent:-666em;} /* end header */ /*================================================================================*/ /*================================================================================*/ /*horizontal menu with dropdowns*/ /*================================================================================*/ #mainMenu li.last a{background:none;} #mainMenu{list-style: none; margin: 0; padding:25px 20px 0 0; float:right; text-transform:uppercase; font-size:0.74em; list-style:none;} #mainMenu li{float: left; margin-right: 1px; position: relative; z-index:4; margin-left:-2px;} #mainMenu li a{display: block; padding:3px 6px 3px 6px; color:#9f9f9f; text-decoration: none; background:url('/images/dotted-brd.gif') center right no-repeat;} #mainMenu li a:hover{background:#aaa; color:#fff; position:relative;} #mainMenu li#special1 a:hover{background:#88ae5a;} #mainMenu li#special2 a:hover{background:#7a8ab9;} #mainMenu li#special3 a:hover{background:#e2af51;} #mainMenu li#special4 a:hover{background:#999999;} #mainMenu li#special5 a:hover{background:#999999;} #mainMenu li div{position: absolute; left: -999em; width:166px;} #mainMenu li div ul{padding:3px 0; list-style:none; width:166px; border-top:1px solid #fff;} #mainMenu li#special1 ul{background:url('/images/special1-bcg.png');} #mainMenu li#special2 ul{background:url('/images/special2-bcg.png');} #mainMenu li#special3 ul{background:url('/images/special3-bcg.png');} #mainMenu li#special4 ul{background:url('/images/special4-bcg.png');} #mainMenu li#special5 ul{background:url('/images/special4-bcg.png');} #mainMenu li#special1:hover a{color:#fff; background:#88ae5a;} #mainMenu li#special1.sfHover a{color:#fff; background:#88ae5a;} #mainMenu li#special2:hover a{color:#fff; background:#7a8ab9;} #mainMenu li#special2.sfHover a{color:#fff; background:#7a8ab9;} #mainMenu li#special3:hover a{color:#fff; background:#e2af51;} #mainMenu li#special3.sfHover a{color:#fff; background:#e2af51;} #mainMenu li#special4:hover a{color:#fff; background:#999999;} #mainMenu li#special4.sfHover a{color:#fff; background:#999999;} #mainMenu li#special5:hover a{color:#fff; background:#999999;} #mainMenu li#special5.sfHover a{color:#fff; background:#999999;} #header #mainMenu li:hover li a{color:#fff; background:none;} #header #mainMenu li.sfHover li a{color:#fff; background:none;} #header #mainMenu li.sfHover li a:hover{color:#fff; background:none;} #mainMenu li#special1 ul li{border-bottom:1px solid #88ae5a;} #mainMenu li#special2 ul li{border-bottom:1px solid #9ba8ce;} #mainMenu li#special3 ul li{border-bottom:1px solid #e3b560;} #mainMenu li#special4 ul li{border-bottom:1px solid #cccccc;} #mainMenu li#special5 ul li{border-bottom:1px solid #cccccc;} #header #mainMenu li.last{border:none;} #mainMenu li ul li{height: auto; padding: 0; margin: 0 15px; float:none;} #mainMenu li ul li a{background:none; display: block; text-align: left; padding:3px 1px; margin:0; text-transform: none; font-size:1.1em; min-height:10px;} #mainMenu li.sfHover ul{clear:both;} #mainMenu li ul li a:hover{font-weight:bold; background-color:transparent;} #mainMenu li:hover div, #mainMenu li.sfHover div { left: 0; z-index:5;} #mainMenu li#special5.last:hover div, #mainMenu li#special5.sfHover div {left:-105px; z-index:5;} /*end horizontal menu with dropdowns*/ /*================================================================================*/ #content{min-height:1px;} /*================================================================================*/ /* SIDE BACKGROUND COLOUR ***********************************/ /*================================================================================*/ /* here You can change side background color */ #content{background:url('/images/fauxcols3.gif') top left repeat-y;} .sideHome #content{background:url('/images/boxes.gif') top left no-repeat;} .sideAbout #content{background:url('/images/fauxcols.gif') top left repeat-y;} .sidePortfolio #content{background:url('/images/fauxcols1.gif') top left repeat-y;} .sideCapabilities #content{background:url('/images/fauxcols2.gif') top left repeat-y;} /* SIDE BACKGROUND COLOUR ***********************************/ /*================================================================================*/ /*================================================================================*/ /*home page menu*/ /*================================================================================*/ #homeMenu{width:167px; float:left; list-style:none; font-size:0.84em; position:relative; z-index:50;} #homeMenu li div{position: absolute; left: -999em; width:167px;} #homeMenu li div ul{padding:3px 0; list-style:none; width:167px; border-top:1px solid #fff;} #homeMenu li div ul li{margin: 0 15px; min-height:2px;} #homeMenu li:hover div, #homeMenu li.sfHover2 div{left:0;} #homeMenu li:hover a, #homeMenu li.sfHover2 a{width:167px;} #hItem1{position:absolute; top:84px; left:0; z-index:5;} #hItem1 a{display: block; background:url('../images/portfolio-med.gif') top left no-repeat; width:83px; height:83px; text-indent:-666em; overflow:hidden;} #hItem1 ul{background:url('../images/special1-bcg.png'); min-height:245px;} #hItem1 li{border-bottom:1px solid #88ae5a;} #homeMenu #hItem1 li a{color:#fff; text-decoration:none; background:none; display:block; padding:3px 0; width:auto; height:auto; text-indent:0; overflow:visible;} #hItem1 li a:hover{font-weight:bold;} #hItem2{position:absolute; top:168px; left:84px; z-index:4} #hItem2 a{display: block; background:url('../images/capabilities-med.gif') top left no-repeat; width:83px; height:83px; text-indent:-666em; overflow:hidden;} #hItem2 ul{background:url('../images/special2-bcg.png'); min-height:161px;} #hItem2 li{border-bottom:1px solid #9ba8ce;} #homeMenu #hItem2 li a{color:#fff; text-decoration:none; background:none; display:block; padding:3px 0; width:auto; height:auto; text-indent:0; overflow:visible;} #hItem2 li a:hover{font-weight:bold;} #hItem3{position:absolute; top:336px; left:0; z-index:4} #hItem3 a{display: block; background:url('../images/about-med.gif') top left no-repeat; width:83px; height:83px; text-indent:-666em; overflow:hidden;} #hItem3 ul{background:url('../images/special3-bcg.png'); min-height:77px;} #hItem3 li{border-bottom:1px solid #e3b560;} #homeMenu #hItem3 li a{color:#fff; text-decoration:none; background:none; display:block; padding:3px 0; width:auto; height:auto; text-indent:0; overflow:visible;} #hItem3 li a:hover{font-weight:bold;} #homeMenu li li.last{border:none;} /*end home page menu*/ /*================================================================================*/ /*================================================================================*/ /* side menu section */ /*================================================================================*/ #sideMenu{width:167px; float:left; list-style:none; font-size:0.84em;} #sideMenu ul{list-style:none;} #sideMenu .current li li li{padding-left:10px;} /**********************/ /*about side menu*/ #sideSpecialPortfolio{width:83px; height:83px; float:left; border-right:1px solid #fff;} #sideSpecialPortfolio-type1{width:83px; height:83px; float:right; border:none;} #sideSpecialPortfolio a{width:83px; height:83px; display: block; background:url('../images/portfolio.gif') top left no-repeat; overflow:hidden; text-indent:-666em;} #sideSpecialPortfolio-type1 a{width:83px; height:83px; display: block; background:url('../images/portfolio.gif') top left no-repeat; overflow:hidden; text-indent:-666em;} #sideSpecialCapabilities{width:83px; height:83px; float:left; border-right:1px solid #fff;} #sideSpecialCapabilities-type1{width:83px; height:83px; float:right; border:none;} #sideSpecialCapabilities a{width:83px; height:83px; display: block; background:url('../images/capabilities.gif') top left no-repeat; overflow:hidden; text-indent:-666em;} #sideSpecialCapabilities-type1 a{width:83px; height:83px; display: block; background:url('../images/capabilities.gif') top left no-repeat; overflow:hidden; text-indent:-666em;} #sideSpecialAbout{width:83px; height:83px; float:left; border-right:1px solid #fff;} #sideSpecialAbout-type1{width:83px; height:83px; float:right; border:none;} #sideSpecialAbout a{width:83px; height:83px; display: block; background:url('../images/about.gif') top left no-repeat; overflow:hidden; text-indent:-666em;} #sideSpecialAbout-type1 a{width:83px; height:83px; display: block; background:url('../images/about.gif') top left no-repeat; overflow:hidden; text-indent:-666em;} /* end about side menu*/ /**********************/ /***************/ /*about side menu*/ #sideSpecialAbout.current{clear:both; float:none; width:167px; height:auto;} #sideSpecialAbout.current a{display:inline; background:none; width:auto; height:auto; text-indent:0;} #sideSpecialAbout.current a#first-item{width:167px; height:167px; border-top:1px solid #fff; border-bottom:1px solid #fff; display: block; background:url('../images/about-big.gif') top left no-repeat; overflow:hidden; text-indent:-666em;} #sideSpecialAbout.current li a{color:#fff; text-decoration:none; display:block; padding:3px 0;} #sideSpecialAbout.current li a:hover{text-decoration:underline;} #sideSpecialAbout.current li a.current{font-weight:bold;} #sideSpecialAbout.current li li a{color:#e9d7b9; text-decoration:none; padding:2px 9px;} #sideSpecialAbout.current li li a:hover, #sideSpecialAbout.current li li a.current{color:#fff; background:url('../images/arrow-bullet.gif') center left no-repeat; font-weight:normal; text-decoration:none;} #sideSpecialAbout.current ul{padding:15px 0;} #sideSpecialAbout.current ul ul{padding:0;} #sideSpecialAbout.current li{margin:0 14px 0 14px; border-bottom:1px solid #e2af51;} #sideSpecialAbout.current li li{margin:0; border:none;} /*end about side menu*/ /**********************/ /**********************/ /*capabilities side menu*/ #sideSpecialCapabilities.current{clear:both; float:none; width:167px; height:auto;} #sideSpecialCapabilities.current a{display:inline; background:none; width:auto; height:auto; text-indent:0;} #sideSpecialCapabilities.current a#first-item{width:167px; height:167px; border-top:1px solid #fff; border-bottom:1px solid #fff; display: block; background:url('../images/capabilities-big.gif') top left no-repeat; overflow:hidden; text-indent:-666em;} #sideSpecialCapabilities.current li a{color:#fff; text-decoration:none; display:block; padding:3px 0;} #sideSpecialCapabilities.current li a:hover{text-decoration:underline;} #sideSpecialCapabilities.current li a.current{font-weight:bold;} #sideSpecialCapabilities.current li li a{color:#d1d7e9; text-decoration:none; padding:2px 9px;} #sideSpecialCapabilities.current li li a:hover, #sideSpecialCapabilities.current li li a.current{color:#fff; background:url('../images/arrow-bullet.gif') center left no-repeat; font-weight:normal; text-decoration:none;} #sideSpecialCapabilities.current ul{padding:15px 0;} #sideSpecialCapabilities.current ul ul{padding:0;} #sideSpecialCapabilities.current li{margin:0 14px 0 14px; border-bottom:1px solid #7a8ab9;} #sideSpecialCapabilities.current li li{margin:0; border:none;} /*end capabilities side menu*/ /**************************/ /********************/ /*portfolio side menu*/ #sideSpecialPortfolio.current{clear:both; float:none; width:167px; height:auto;} #sideSpecialPortfolio.current a{display:inline; background:none; width:auto; height:auto; text-indent:0;} #sideSpecialPortfolio.current a#first-item{width:167px; height:167px; border-top:1px solid #fff; border-bottom:1px solid #fff; display: block; background:url('../images/portfolio-big.gif') top left no-repeat; overflow:hidden; text-indent:-666em;} #sideSpecialPortfolio.current li a{color:#fff; text-decoration:none; display:block; padding:3px 0;} #sideSpecialPortfolio.current li a:hover{text-decoration:underline;} #sideSpecialPortfolio.current li a.current{font-weight:bold;} #sideSpecialPortfolio.current li li a{color:#c8ddaf; text-decoration:none; padding:2px 9px;} #sideSpecialPortfolio.current li li a:hover, #sideSpecialPortfolio.current li li a.current{color:#fff; background:url('../images/arrow-bullet.gif') center left no-repeat; font-weight:normal; text-decoration:none;} #sideSpecialPortfolio.current ul{padding:15px 0;} #sideSpecialPortfolio.current ul ul{padding:0;} #sideSpecialPortfolio.current li{margin:0 14px 0 14px; border-bottom:1px solid #88ae5a;} #sideSpecialPortfolio.current li li{margin:0; border:none;} /*end portfolio side menu*/ /***********************/ /* end side menu section */ /*================================================================================*/ /*////////////////////////////////////////////////////////////////////////////////*/ /*////////////////////////////////////////////////////////////////////////////////*/ /*////////////////////////////////////////////////////////////////////////////////*/ /*main content section*/ /*////////////////////////////////////////////////////////////////////////////////*/ /*////////////////////////////////////////////////////////////////////////////////*/ /*////////////////////////////////////////////////////////////////////////////////*/ #mainContent{width:755px; height:587px; float:right; position:relative;} /*#mainContent h1 {display:none;}*/ /*================================================================================*/ /* CHANGE THE BACKGROUND IMAGE OF THE PAGE */ /*================================================================================*/ /*here You can change main background, You can also make it dynamically (in php for ex.) and add dynamic stylesheet like bcgs.php*/ .type0 #mainContent{height:503px; background:none;} .type1 #mainContent{background:none;} .type2 #mainContent{background:none;} .type3 #mainContent{background:none;} .type4 #mainContent{background:none;} .type5 #mainContent{background:none;} /*================================================================================*/ /*end main content section*/ /*================================================================================*/ /*text and expandable synopsis section*/ #textMain{width:600px; height:330px; margin:80px auto 0 auto; position:relative;} #textHeader{ } #textHeader.people h1#textLogo{width:1px; height:150px; float:left; text-indent:-666em;} #textHeader.synopsis h1#textLogo{width:1px; height:150px; float:left; text-indent:-666em;} p#textLogo{width:1px; height:150px; margin:28px 0 50px 33px; text-indent:-666em;} p#textLogo1{width:98px; height:97px; margin:28px 0 50px 33px; background:url('../images/design.gif') top left no-repeat; border:1px solid #fff; border-right:none; text-indent:-666em; display:none;} #innerTHeader{overflow:auto;} #textHeader p{padding:18px 16px 3px 16px; color:#666666; font-size:1.34em; line-height:1.74em;} #textHeader p.trigger{padding:3px 16px 5px 10px; text-align:right; font-size:0.74em;} #textHeader p.trigger a{color:#5b6998; padding-right:18px; text-decoration:none; } #textHeader p.trigger a.type1{} #textHeader p.trigger a:hover{color:#5b6998; } #textHeader p.trigger a.type1:hover{color:#5b6998; } #textSynopsis{display:none; color:#666666; height:140px; overflow:auto; font-size:1.04em; padding:0px 20px 10px 18px; line-height:140%; position:relative; z-index:2; } #textSynopsis h4{font-size:1em;} #textSynopsis p{padding:6px 0;} #textSynopsis ul{padding:10px 0 0 25px;} #textSynopsis ul.asFirstLine{padding:0 0 0 25px;} #textSynopsis p a{color:#d5b045;} #textSynopsis p a:hover{text-decoration:none;} #textSynopsis p.imgContainer{border:1px solid #333; float:left; padding:0; margin:8px 10px 10px 0;} #textSynopsis p.imgContainer img{display: block; padding:1px;} /*added by chris */ #textSynopsis ol { padding:10px 0 0 25px; } #textSynopsis li { margin-left:40px; } /*end text and expandable synopsis section*/ #pfolioPresentation{display:none;height:278px; width:685px; border:1px solid #fff; border-top:none; position:absolute; top:99px;} #pfolioInfo{width:685px; position:absolute; bottom:0;} #pfolioInfo div{background:url('../images/text-bar.png');} #pfolioInfo h1{font-size:1.2em; color:#393939; padding:10px 0 0 15px;} #pfolioInfo h2{font-size:0.84em; color:#393939; padding:3px 0 0 15px; text-transform:uppercase; font-weight:normal;} #pfolioInfo p.link{text-align:right; padding:0 15px 5px 15px; margin-top:-10px;} #pfolioInfo p.link a{color:#7b7b71; font-size:0.74em; text-decoration:none; background:url('../images/link-bullet.gif') center right no-repeat; padding-right:15px;} #pfolioInfo p.link a:hover{color:#000; background:url('../images/link-bullet1.gif') center right no-repeat;} #peopleList{margin:12px auto 0 auto; height:138px; overflow:auto; width:685px;} #peopleList ul{list-style:none; padding:10px 10px; font-size:0.84em; min-height:1px;} #peopleList ul li{width:215px; float:left; border-bottom:1px solid #383838; padding-bottom:5px; margin-bottom:5px;} #peopleList a{display:block; color:#fff; text-decoration:none; width:200px; min-height:55px;} #peopleList span{margin-left:60px; display:block;} #peopleList span.imgContainer{width:55px; height:55px; float:left; margin:0;} #peopleList span strong{display: block; padding-top:10px;} #peopleList span em{display: block; text-transform:uppercase; color:#b8b8b8; font-size:0.9em; font-style:normal;} #pfolioList{margin:0px 34px 0 34px; border-right:none; min-height:1px;} #pfolioList ul{list-style:none;} #pfolioList ul li{float:left; width:228px; border-left:1px solid #dddcdc; position:relative; z-index:5;} #pfolioList ul li.first{width:227px;border-left:1px solid #FFF;} #pfolioList img{display: block;} #pfolioList div{border-top:1px solid #fff;} #pfolioList div h2{color:#000; font-size:1em; padding:5px 8px 1px 8px;} #pfolioList div h3{color:#b9b9b9; font-size:0.74em; text-transform:uppercase; padding:1px 8px 5px 8px; font-weight:normal;} #pfolioList div.clearme{border:none;} #pfolioList p.link{text-align:right; position:absolute; bottom:5px; right:8px; z-index:60;} #pfolioList p.link a{color:#b9b9b9; font-size:0.74em; text-decoration:none; background:url('../images/link-bullet.gif') center right no-repeat; padding-right:15px;} #pfolioList p.link a:hover{color:#b9b9b9; background:url('../images/link-bullet.gif') center right no-repeat;} #capabilitiesList{margin:12px 34px 0 34px; border-right:none; min-height:1px;} #capabilitiesList ul{list-style:none;} #capabilitiesList ul li{float:left; width:228px; border-left:1px solid #d6d6d6; position:relative; z-index:5;} #capabilitiesList ul li.first{width:227px;border-left:1px solid #FFF;} #capabilitiesList h2{color:#000; font-size:1em; padding:5px 8px 1px 8px;} #capabilitiesList h3{color:#b9b9b9; font-size:0.74em; text-transform:uppercase; padding:1px 30px 5px 8px; font-weight:normal; position:relative;} #capabilitiesList h3 em{font-style:normal; text-transform:none; position:absolute; right:8px;} #capabilitiesList h3 em a{color:#b9b9b9; text-decoration:none; font-size:0.9em; background:url('../images/read-more.gif') center right no-repeat; padding-right:15px;} #capabilitiesList h3 em a:hover{color:#000; background:url('../images/trigger-bullet.gif') center right no-repeat;} #capabilitiesList ul li p{color:#000000; font-size:0.84em; padding:8px; line-height:140%;} #detailsContainer{position:relative; top:0px; width:410px; padding:25px 25px 10px 25px; margin-left:33px; font-size:0.84em; color:#393939;} #detailsContainer h1{font-size:1.3em;} #detailsContainer h2{text-transform:uppercase; color:#b8b8b8; font-weight:normal; font-size:1em;} #detailsContainer p{padding:15px 0;} #detailsContainer p.backBtn{text-align:right; font-size:0.9em; padding:0; margin-top:-16px;} #detailsContainer p.backBtn a{color:#c89339; background:url('../images/back-btn2.gif') center right no-repeat; padding-right:15px; text-decoration:none;} #detailsContainer p.backBtn a:hover{color:#000; background:url('../images/back-btn1.gif') center right no-repeat;} #detailsContainer #info{list-style:none; padding-bottom:5px; border-bottom:1px solid #b8b8b8;} #detailsContainer #info li{padding-left:15px; line-height:150%;} #detailsContainer #info .langInfo{background:url('../images/dialog-icon.gif') center left no-repeat;} #detailsContainer #info .articleInfo{background:url('../images/article-icon.gif') center left no-repeat;} #detailsContainer #info a{color:#d5b045;} #detailsContainer #info a:hover{text-decoration:none;} #detailsContainer #info1{list-style:none; padding-top:5px; font-size:0.9em;} #detailsContainer #info1 li{float:left; padding-right:10px;} #detailsContainer #info1 li.last{float:right; padding:0;} #detailsContainer #info1 li.last a{color:#c89339; background:url('../images/mail-icon2.gif') center right no-repeat; text-decoration:none; padding-right:16px;} #detailsContainer #info1 li.last a:hover{color:#000; background:url('../images/mail-icon1.gif') center right no-repeat;} #detailsContainer #info1 li strong{font-weight:normal; color:#939393;} #formContainer{width:410px; display:none; padding:10px 25px 12px 25px; margin:1px 0 0 33px; font-size:0.84em; color:#393939; position:relative; top:0px;} #formContainer ul{list-style:none;} #formContainer li{padding-top:8px; clear:left;} #formContainer .first span, #formContainer label{width:60px; padding-right:10px; text-align:right; display: block; float:left; vertical-align:middle;} #formContainer ul textarea, #formContainer ul input{width:280px; vertical-align:middle; border:1px solid #929292; background:#f4f4f4; font-size:0.84em;} #formContainer p input{position:absolute; right:23px; bottom:10px;} #capabilitiesDesc{width:410px; position:absolute; bottom:20px; left:34px; padding:15px 25px 15px 25px; background:#fff; font-size:0.84em; color:#393939;} #capabilitiesDesc h1{font-size:1.3em;} #capabilitiesDesc h2{text-transform:uppercase; color:#b8b8b8; font-weight:normal; font-size:1em; position:relative;} #capabilitiesDesc h2 em{font-style:normal; text-transform:none; position:absolute; right:0; bottom:3px;} #capabilitiesDesc h2 em a{color:#000; text-decoration:none; font-size:0.9em; background:url('../images/plus2.gif') center right no-repeat; padding-right:15px;} #capabilitiesDesc h2 em a.minus{color:#000; background:url('../images/minus2.gif') center right no-repeat;} #capabilitiesDesc h2 em a:hover{color:#000; background:url('../images/plus2.gif') center right no-repeat;} #capabilitiesDesc h2 em a.minus:hover{color:#000; background:url('../images/minus2.gif') center right no-repeat;} #capabilitiesDesc div#expandable{color:#333; margin-top:6px; height:247px; overflow:auto;} #capabilitiesDesc div#expandable p{padding:6px 0; line-height:150%;} #capabilitiesDesc div#expandable h3{font-size:1em; padding-top:6px} #capabilitiesDesc div#expandable ul, #capabilitiesDesc div#expandable ol{display:block; margin-bottom:4px; margin-top:4px;} #capabilitiesDesc div#expandable ul li {margin-left:30px; list-style-type:square; padding:auto;} #capabilitiesDesc div#expandable ol li {margin-left:30px; padding:auto;} #projectTagLike{list-style:none; padding-top:2px;} #projectTagLike li{display:inline;} #projectTagLike li a{text-decoration:none;} #projectTagLike li span{color:#7a8ab9;} #projectTagLike li span.style1{font-size:1.0em;} #projectTagLike li span.style2{font-weight:bold;} #projectTagLike li span.style3{font-size:1.1em; font-weight:bold;} /*tabs section - p-folio details*/ #tabsSection{width:455px; position:absolute; left:34px; bottom:20px;} #tabsSection #tabs{list-style:none; position:relative; font-size:0.84em;} #tabsSection #tabs li{float:left; margin-right:1px;} #tabsSection #tabs li.last{margin:0;} /*#tabsSection #tabs li div{position:absolute; left:-666em; height:185px; z-index:100; background:#cccdcd url('../images/tabs-hover-bcg.jpg') top left no-repeat;}*/ /*#tabsSection #tabs li div{position:absolute; left:0px; bottom:2000px; height:185px; z-index:100; background:none;}*/ #tabsSection #tabs li div{position:absolute; display:none; left:0; bottom:0; height:185px; z-index:100; background-color:white; border:2px solid #5c903f; /*background:none;*/ } /*#tabsSection #tabs li:hover div{position:absolute; left:0; bottom:0; height:185px;}*/ #tabsSection #tabs li.sfHover1 div{position:absolute; left:0; bottom:24px; height:185px;} #tabsSection #tabs li div p{text-align:center; width:455px; padding-top:12px;} #tabsSection #tabs li div a{display:inline; background:none; padding:0; color:#888;} #tabsSection #tabs li div a:hover{text-decoration:underline;} #tabsSection #tabs li div a img{display: block; margin:0 auto;} #tabsSection #tabs a{width:113px; margin-top:1px; display:block; text-align:center; background:#686868; padding:5px 0; color:#fff; text-decoration:none;} #tabsSection #tabs a:hover, #tabsSection #tabs li:hover a, #tabsSection #tabs li.sfHover1 a, #tabsSection #tabs a.current {background:#fff; color:#686868;} #tabsSection #tabs li:hover div a, #tabsSection #tabs li.sfHover1 div a, #tabsSection #tabs li.sfHover1 div a:hover {background:none;} /*#tabsSection .opacityCnt{background:url('../images/tabsopacity1.png'); padding:15px 20px;}*/ /*#tabsSection .opacityCnt{background:url('../images/tabsopacity2.png'); padding:15px 20px;}*/ #tabsSection .opacityCnt{background:none; padding:15px 20px;} #tabsSection .ex .opacityCnt{background:url('../images/tabsopacity2.png'); padding:15px 20px;} #tabsSection .opacityCnt h1{font-size:1.2em; color:#393939; padding:0;} #tabsSection .opacityCnt h2{font-size:0.84em; color:#393939; padding:3px 0 0 0; text-transform:uppercase; font-weight:normal; position:relative;} #tabsSection .opacityCnt h2 em{font-style:normal; text-transform:none; position:absolute; right:0;} #tabsSection .opacityCnt h2 em a{color:#000; text-decoration:none; font-size:0.9em; background:url('../images/plus2.gif') center right no-repeat; padding-right:15px;} #tabsSection .opacityCnt h2 em a.minus{color:#000;background:url('../images/minus2.gif') center right no-repeat;} #tabsSection .opacityCnt h2 em a:hover{text-decoration:none; color:#6e8f47; background:url('../images/plus.gif') center right no-repeat;} #tabsSection .opacityCnt h2 em a.minus:hover{text-decoration:none; color:#6e8f47; background:url('../images/minus.gif') center right no-repeat;} #tabsSection .opacityCnt dl{font-size:0.84em; padding-top:10px;} #tabsSection .opacityCnt dt{color:#393939; width:30px; padding-right:8px; float:left;} #tabsSection .opacityCnt dd ul li{display:inline;} #tabsSection .opacityCnt dd ul li a{color:#6e8f47; text-decoration:none;} #tabsSection .opacityCnt dd ul li a:hover{text-decoration:underline;} #expText{display:none; font-size:0.84em; padding:0 0 10px 0; margin-top:10px; line-height:140%; height:60px; overflow:auto;} /*end tabs section - p-folio details*/ /*image box section*/ .imageBox{position:absolute; top:0; left:0; z-index:2;} #innerImageBox{background:url('../images/image-box-bcg.png'); height:587px; width:755px;} #imgBoxLinks{list-style:none;} #imgBoxLinks a{color:#b8b8b8; font-size:0.84em; text-decoration:none; padding-right:15px;} #imgBoxLinks a:hover{color:#fff; text-decoration:none;} #imgBoxLinks #bItem1 a{background:url('../images/close1.gif') center right no-repeat; text-decoration:none;} #imgBoxLinks #bItem1 a:hover{background:url('../images/close.gif') center right no-repeat; text-decoration:none;} #imgBoxLinks #bItem2 a{background:url('../images/prev1.gif') center left no-repeat; padding:0 0 0 15px; text-decoration:none;} #imgBoxLinks #bItem2 a:hover{background:url('../images/prev.gif') center left no-repeat; text-decoration:none;} #imgBoxLinks #bItem3 a{background:url('../images/next1.gif') center right no-repeat; text-decoration:none;} #imgBoxLinks #bItem3 a:hover{background:url('../images/next.gif') center right no-repeat; text-decoration:none;} #bItem1{position:absolute; top:33px; right:33px;} #bItem2{position:absolute; top:50%; left:33px;} #bItem3{position:absolute; top:50%; right:33px;} #imgBoxLinks a:hover{text-decoration:underline;} .boxImgContainer{margin:0 86px; padding:33px 0; text-align:center;} .boxImgContainer h3{color:#fff; padding:20px 0 10px 0; font-size:1.1em;} .boxImgContainer p{color:#fff; font-size:0.84em;} /*end image box section*/ /*home footer*/ #homeFooter{background:#9b9b9b url('../images/-bcg.gif') top left repeat-x; font-size:0.74em; padding:10px 15px; color:#fff; border-top:1px solid #fff;} #homeFooter li{width:222px; min-height:115px; float:left; list-style:none; margin-right:1px; position:relative; height:129px; overflow:hidden;} #homeFooter li:hover, #homeFooter li.sfHover3{background:#787878 url('../images/homeboxes-bcg2.gif') top left repeat-x;} #homeFooter li.last{background:#656565 url('../images/homeboxes-bcg1.gif') top left repeat-x; margin:0;} #homeFooter li.first{border:none;} #homeFooter li div{position:absolute; top:-666em;} #homeFooter li:hover div, #homeFooter li.sfHover3 div{top:-120px;} #homeFooter li h3{font-size:1.1em; padding:10px;} #homeFooter li p{padding:0px 10px 10px 10px;} #homeFooter li ul{padding:10px;} #homeFooter li ul ul{padding:0;} #homeFooter li li{width:auto; height:auto; min-height:1px; float:none; background:none; border:none;} #homeFooter li li:hover, #homeFooter li li.sfHover3{background:none;} #homeFooter li li.locality, #homeFooter li li.country-name{display:inline;} #homeFooter li li.adr{padding-top:10px;} #homeFooter li li.fn{position:absolute; top:-666em;} #homeBoxes{border:1px solid #fff; background:url('../images/homeboxes-bcg-fcols.gif') top left repeat-y;} /*end home footer*/ /*footer*/ #footer{background:#838383 url('../images/footerbcg.gif') top left repeat-x; font-size:0.84em; padding:12px 0; border-top:1px solid #fff; clear:both;} #footer ul#bCrumbs{float:left;width:50%; list-style:none;} #footer ul#bCrumbs li{float:left; padding-left:10px; font-weight:bold; color:#fff;} #footer ul#bCrumbs li a{color:#fff; text-decoration:none; background:url('../images/bcrumbs-bullet.gif') center right no-repeat; padding-right:10px; font-weight:normal;} #footer ul#bCrumbs li a:hover{text-decoration:underline;} #footer ul#helpMenu{float:right; list-style:none;} #footer ul#helpMenu li{float:left; padding:0 3px 0 5px; background:url('../images/helpmenu-bullet.gif') center right no-repeat; font-weight:bold; color:#fff;} #footer ul#helpMenu li.last{background:none;} #footer ul#helpMenu li a{color:#fff; text-decoration:none; padding:3px 6px 3px 6px; font-weight:normal; font-size:0.9em; text-transform:uppercase;} #footer ul#helpMenu li a:hover{background:#9a9a9a;} /*end footer*/ /*whitepages*/ #side1{width:167px; float:left; padding-top:85px;} #side1 p a{display: block; background:url('/images/gateway-big-black.gif') top left no-repeat; width:167px; height:167px; text-indent:-666em; overflow:hidden;} #side1 ul{list-style:none; padding-top:10px;} #side1 ul li ul{list-style:none; padding-top:0px;} #side1 ul li{border-bottom:1px solid #c1c1c1; margin:0 15px;} #side1 ul li.last, #side1 ul li ul li {border:none;} #side1 ul li a{display: block; padding:3px 0; font-size:0.84em; color:#000; text-decoration:none;} #side1 ul li a.current, #side1 ul li a:hover{font-weight:bold;} /*common links*/ #brandBox li a, #opprotunitiesList a, #contactBox p a, #archivesBox a{background:url('../images/d-arrow-bullet.gif') center left no-repeat; color:#d5b045; padding-left:15px; text-decoration:none;} #brandBox li a:hover, #opprotunitiesList a:hover, #contactBox p a:hover, #archivesBox a:hover{color:#000; background:url('../images/d-arrow-bullet1.gif') center left no-repeat;} /*end common links*/ #mainCol, div.whitepage2, .sidePortfolio div.whitepage2 {width:715px; float:right; margin-top:85px; font-size:0.84em; line-height:140%; color:#333; background:url('../images/sub-faux-cols.gif') top right repeat-y;} .subCol{width:446px; float:left; min-height:1px;} div.whitepage2 .subCol {margin-left:40px; padding-bottom:50px;} .subCol ul {margin-top:10px; margin-bottom:10px;} .subCol ul li {margin-left:30px;} .subCol ol {margin-top:10px; margin-bottom:10px;} .subCol ol li {margin-left:30px;} .subSide{width:255px; float:right; min-height:1px;} #mainCol h1, div.whitepage2 h1{font-size:1.3em; padding-bottom:6px;} #mainCol h2, div.whitepage2 h2{font-size:1.2em; padding-bottom:6px;} #mainCol h1 a, div.whitepage2 h1 a{font-size:0.74em; color:#d5b045; text-decoration:underline;} #mainCol h1 a:hover, div.whitepage2 a:hover{text-decoration:none;} #mainCol div.text p, div.whitepage2 div.text p {padding:6px 10px 6px 0;} #mainCol div.text p.imgContainerLeft, div.whitepage2 div.text p.imgContainerLeft{float:left; padding:10px 15px 6px 0;} #mainCol div.text p.imgContainerLeft img, div.whitepage2 div.text p.imgContainerLeft{display: block; padding:1px; border:1px solid #000;} #mainCol div.text p a, #mainCol div.text a, div.whitepage2 div.text p a, div.whitepage2 div.text a{color:#d5b045; text-decoration:underline;} #mainCol div.text p a:hover, #mainCol div.text a:hover, div.whitepage2 div.text p a:hover, div.whitepage2 div.text a:hover{text-decoration:none;} #mainCol div.text h3, div.whitepage2 div.text h3{font-size:1em; margin-bottom:-6px; padding-top:6px;} #mainCol div.section, .whitepage2 div.section {clear:both; padding-bottom:50px;} .subSide h4{font-size:0.84em; padding-bottom:4px;} /*Digital Brand Centre section*/ #mainCol ul.simpleList, div.whitepage2 ul.simpleList{padding:6px 0; list-style:none;} #mainCol ul.simpleList li, div.whitepage2 ul.simplelist li{padding:6px 0;} div.text ul li ul{margin-bottom: 20px;} div.text ul li ul li ul {margin-bottom:0px;} div.text ul li{margin-left: 20px;} #brandBox ul{padding:6px 0; list-style:none;} #brandBox li{padding:2px 0;} /*end Digital Brand Centre section*/ /*downloads section*/ #downloads{list-style:none; padding:6px 15px 6px 0;} #downloads li{border-bottom:1px solid #e3e3e3; padding:15px 0; position:relative; background:url('../images/dwnload-bcg.gif') top right repeat-y; min-height:1px;} #downloads li.even{background:none;} #downloads h2{font-size:1.1em;} #downloads h3{font-size:1em; text-transform:uppercase; font-weight:normal; color:#b8b8b8;} #downloads p{padding:6px 0;} #downloads div{width:330px;} #downloads p.imgContainer{position:absolute; top:30px; right:12px;} #downloads ul.details{list-style:none; font-size:0.9em; border-top:1px dashed #b8b8b8; padding-top:6px;} #downloads ul.details li{border:none; float:left; padding:0 30px 0 0; background:none;} #downloads ul.details li.last{border:none; float:right; padding:0;} #downloads ul.details li em{font-style:normal; color:#b8b8b8;} ul.pagination{list-style:none; position:relative; margin-right:5px;} ul.pagination .prev{width:50px; position:absolute; left:0; top:0;} ul.pagination .prev a{color:#b8b8b8; background:url('../images/back-btn.gif') center left no-repeat; padding-left:15px; text-decoration:none; text-transform:uppercase;} ul.pagination .prev a:hover{color:#000; background:url('../images/back-btn1.gif') center left no-repeat; text-transform:uppercase;} ul.pagination .currentInfo{padding:0 55px; text-align:center;} ul.pagination .next{width:50px; position:absolute; right:0; top:0;} ul.pagination .next a{color:#b8b8b8; background:url('../images/next1.gif') center right no-repeat; padding-right:15px; text-decoration:none; text-transform:uppercase;} ul.pagination .next a:hover{color:#000; background:url('../images/next2.gif') center right no-repeat;} /*end downloads section*/ /*Employment Opportunities section*/ .text em.type1{color:#888; font-style:normal;} #opprotunitiesList{list-style:none; padding-right:10px; padding-top:10px;} #opprotunitiesList li{padding-bottom:4px;} #opprotunitiesList li.last{padding-top:20px; font-weight:bold;} #opprotunitiesList ul{padding:6px 0 6px 25px; margin-top:6px; border-top:1px dashed #d5b045; border-bottom:1px dashed #d5b045;} #opprotunitiesList ul li{list-style:disc; padding:2px 0;} #otherPosBox ul{list-style:none; padding-top:6px;} #contactBox{padding-top:30px;} #contactBox ul{list-style:none;} #contactBox strong{color:#717171; font-weight:normal;} #contactBox li.locality, #contactBox li.country-name{display:inline;} #contactBox li.adr{padding-top:10px;} #contactBox li.fn{position:absolute; top:-666em;} #contactBox p{padding-top:15px;} /*end Employment Opportunities section*/ /*Article Headline section*/ h2.date{font-size:1em; text-transform:uppercase; font-weight:normal; color:#b8b8b8; margin-top:-6px;} #archivesBox ul{list-style:none; padding-top:10px;} #archivesBox ul li{padding-bottom:10px;} #archivesBox ul a em{font-size:0.9em; display:block; font-style:normal; color:#333;} #archivesBox ul a {display: block; background-position:0 3px;} #archivesBox ul a:hover{background-position:0 3px;} /*end Article Headline section*/ /*companies section*/ #companiesList{list-style:none; padding:10px 10px 0 0;} #companiesList li{list-style:none; min-height:60px; border-bottom:1px solid #e3e3e3; padding:10px 0; background:url('../images/dwnload-bcg.gif') top right repeat-y;} #companiesList li.even{background:none;} #companiesList p.imgContainer{width:55px; float:left;} #companiesList div{margin-left:60px;} #companiesList div h4{padding-top:0; padding-bottom:4px; line-height:100%; font-size:1em;} #companiesList p a{color:#d5b045; text-decoration:underline;} #companiesList p a:hover{text-decoration:none;} /*companies section*/ /*search/filter section*/ #searchForm, #filterForm {padding-top:12px;} #searchForm ul, #filterForm ul {list-style:none;} #searchForm td, #filterForm td{width:110px;border-right:15px solid white;border-bottom:5px solid white;} #searchForm td input, #searchForm td select{font-size:0.84em; vertical-align:middle;} #searchForm td label{font-size:0.84em; vertical-align:middle; padding:4px; width:120px;} #searchForm td label.hidden{position:absolute; top:-666em;} #searchForm #words{margin-bottom:6px; display:block; width:130px; border:1px solid #929292; background:#f4f4f4; padding:1px 2px;} #searchForm td.last, #filterForm td.last {padding:0 0 0 10px;} p.tip{font-size:0.9em; width:200px;} /* #filterForm {padding:2px; width:116px; margin-bottom:6px;}*/ #searchForm td input{vertical-align:middle;} #searchForm td label span{vertical-align:middle;} #filterForm td label{padding:2px; display: block; width:116px; margin-bottom:6px;} #searchForm td.cType1{background:#e5e5e5;} #searchForm td.cType2{background:#dbe7cd;} #searchForm td.cType3{background:#dee1eb;} #searchForm td.cType4{background:#f6e7ca;} /*end search/filter section*/ /*tag section*/ #tagCloud li {margin-left:0px;} #tagcloud ul {margin-top:0px;margin-bottom:0px} #tagCloud{padding-top:12px; list-style:none; padding-right:10px;} #tagCloud li{display:inline; padding-right:10px;} #tagCloud li a{color:#d5b045; text-decoration:none; line-height:170%;} #tagCloud li a:hover{text-decoration:underline;} #tagCloud li a span.type5{font-size:1.3em; font-weight:bold;} #tagCloud li a span.type4{font-size:1.2em; font-weight:bold;} #tagCloud li a span.type3{font-weight:bold;} #tagCloud li a span.type2{font-size:1.1em; font-weight:bold;} #tagCloud li a span.type1{color:#d5b045; text-decoration:none;} #tagCloud li a span.type0{font-size:0.9em; color:#d5b045; text-decoration:none;} /*end tag section*/ /*search results*/ #searchResults{padding:12px 10px 0 20px; color:#b8b8b8; font-size:1.2em; font-weight:bold;} #searchResults div.wrapper{color:#333; font-size:0.84em; padding:0 10px 10px 0; font-weight:normal; margin-left:-20px; border-bottom:1px solid #e3e3e3;} #searchResults div.wrapper div{margin-left:20px;} #searchResults div.wrapper div *{padding-left:10px;} #searchResults div h3{font-size:1.1em;} #searchResults div h4{font-size:0.9em; color:#b8b8b8; font-weight:normal; text-transform:uppercase;} #searchResults div p{padding:6px 0;} #searchResults div p.link{padding:0 0; text-align:right; font-size:0.9em; margin-top:-15px;} #searchResults div p.link a{color:#000; font-size:0.9em; text-decoration:none; background:url('../images/link-bullet1.gif') center right no-repeat; padding-right:15px;} #searchResults div p.link a:hover{color:#b8b8b8; background:url('../images/read-more.gif') center right no-repeat;} #searchResults li, #searchResults li.Portfolio{background:url('../images/sr1.gif') top right repeat-y; padding-top:10px;} #searchResults li.type1, #searchResults li.typecontents{background:url('../images/dwnload-bcg.gif') top right repeat-y;} #searchResults li.type2, #searchResults li.Capabilities{background:url('../images/sr2.gif') top right repeat-y;} #searchResults li.type3, #searchResults li.typepeople{background:url('../images/sr3.gif') top right repeat-y;} #resBreakdownBox{padding-top:6px; list-style:none; height:1px; position:relative;} #resBreakdownBox li, #resBreakdownBox li.typeportfolio{font-size:0.9em; position:relative; width:200px; float:left; background:url('../images/break-box2.gif') top left repeat-y; padding:3px 5px; margin-bottom:1px;} #resBreakdownBox li.type1, #resBreakdownBox li.typecontents{background:url('../images/break-box1.gif') top left repeat-y;} #resBreakdownBox li.type2, #resBreakdownBox li.typecapabilites{background:url('../images/break-box3.gif') top left repeat-y;} #resBreakdownBox li.type3, #resBreakdownBox li.typepeople{background:url('../images/break-box4.gif') top left repeat-y;} #resBreakdownBox p{width:100px;} #resBreakdownBox li span{position:absolute; top:2px; left:110px;} /*end search results*/ /*end whitepages*/ #forgotPassBox fieldset { border: 0; width:400px; margin-top:15px; } #forgotPassBox .submit input { margin-left: 6em; } #forgotPassBox p { margin-bottom:5px; clear:both;} #forgotPassBox label { width: 12em; float: left; text-align: right; margin-right: 0.5em; margin-top: 4px; display: block } #forgotPassBox .formstyle { width:180px; } .formerror { color:red; } .form_required { background:url('/images/required.gif') center right no-repeat; height:25px; width:4px; float:left; margin:1px 3px 0 0; } .form_notrequired { height:25px; width:4px; float:left; margin:1px 3px 0 0; } #container.sideCapabilities div#content.type1 div#mainContent div#textMain div#textHeader.synopsis div#innerTHeader p span.trigger a {color:#536a9e;text-decoration:none;font-size:0.74em;} #container.sideAbout div#content.type1 div#mainContent div#textMain div#textHeader.synopsis div#innerTHeader p span.trigger a {color:#c89339;text-decoration:none;font-size:0.74em;} #container.sideAbout div#content.type1 div#mainContent div#textMain div#textHeader.people div#innerTHeader p span.trigger a {color:#c89339;text-decoration:none;font-size:0.74em;} #container.sidePortfolio div#content.type1 div#mainContent div#textMain div#textHeader.synopsis div#innerTHeader p span.trigger a {color:#5c903f;text-decoration:none;font-size:0.74em;} #container.sideCapabilities div#content.type1 div#mainContent div#textMain div#textHeader.synopsis div#innerTHeader p em {color:#536a9e;font-style:normal; font-weight:bold;font-size:1.08em;} #container.sideAbout div#content.type1 div#mainContent div#textMain div#textHeader.synopsis div#innerTHeader p em {color:#c89339;font-style:normal; font-weight:bold;font-size:1.08em;} #container.sideAbout div#content.type1 div#mainContent div#textMain div#textHeader.people div#innerTHeader p em {color:#c89339;font-style:normal;font-weight:bold; font-size:1.08em;} #container.sidePortfolio div#content.type1 div#mainContent div#textMain div#textHeader.synopsis div#innerTHeader p em {color:#5c903f;font-style:normal;font-weight:bold; font-size:1.08em;} .clearme{clear:both;} #newsDesc{width:415px; position:absolute; bottom:20px; left:34px; padding:5px 15px 15px 15px; background:#fff url(/images/sr3.gif) repeat-y right; font-size:0.84em; color:#393939;} #newsDesc h1{font-size:1.3em; color:#c89339;} #newsDesc h1 em{ font-size:0.75em; text-transform:uppercase; color:#b8b8b8; font-weight:normal;font-style:normal; } #newsDesc h2{text-transform:uppercase; color:#b8b8b8; font-weight:normal; font-size:0.9em; position:relative;} #newsDesc h2 em{font-style:normal; text-transform:none; position:absolute; right:0; bottom:3px;} #newsDesc h2 em a{color:#000; text-decoration:none; font-size:0.9em; background:url('../images/plus2.gif') center right no-repeat; padding-right:15px;} #newsDesc h2 em a.minus{color:#000; background:url('../images/minus2.gif') center right no-repeat;} #newsDesc h2 em a:hover{color:#000; background:url('../images/plus2.gif') center right no-repeat;} #newsDesc h2 em a.minus:hover{color:#000; background:url('../images/minus2.gif') center right no-repeat;} #newsDesc div#expandable{color:#333; margin-top:6px; height:247px; overflow:auto;} #newsDesc div#expandable p{padding:6px 0; line-height:150%;} #newsDesc div#expandable h3{font-size:1em; padding-top:6px} #newsDesc div#expandable ul, #newsDesc div#expandable ol{display:block; margin-bottom:4px; margin-top:4px;} #newsDesc div#expandable ul li {margin-left:30px; list-style-type:square; padding:auto;} #newsDesc div#expandable ol li {margin-left:30px; padding:auto;} .subSide.news{width:230px; color:#a2a1a1; font-size:0.8em; height:565px; overflow:hidden; border-left:1px solid #d0d0d0; padding:10px 0 0 20px; background:#ffffff} .subSide.news ul{ list-style:none;} .subSide.news ul li{padding:10px 8px; margin:3px 0; background:url('/images/left-gray-fade.gif') repeat-y left;} .subSide.news ul li.current{ background:url('/images/left-orange-fade.gif') repeat-y left;} .subSide.news h3 a{color:#c89339; text-decoration:none; font-size:0.9em;} .subSide.news .date{font-size:0.8em; padding:0 0 5px; text-transform:uppercase; color:#a2a1a1; font-weight:normal;font-style:normal;} .subSide.news ul.pagination {float: right; clear: right; margin:5px 10px 0 0; padding: 0; width:auto;} .subSide.news ul.pagination li {float: left; list-style: none; margin:0; padding:0 4px; background:none; } .subSide.news ul.pagination li a, ul.pagination li a:visited {text-decoration:none; color:#c89339; padding:2px 4px; font-size:1.3em; display: block; float: left; text-align: center;} .subSide.news ul.pagination li a.current, ul.pagination li a.current:visited {background: #c89339; color: #ffffff;} #homeBoxes a{color:#faefdd;font-weight:bold; white-space:nowrap}