/* balance foods stylesheet */
html, body, ul, ol, li, p, h1 , h2, h3, h4, h5, h6, form, fieldset, a, div, img, blockquote {
margin: 0; padding: 0; border: 0; }
/* global styles */
body {
font-family: arial, Helvetica, sans-serif;
font-size: 77%; /* initially set to percentage so that ems work without producing miniscule text in IE */
line-height: 1.4em;
text-align: left;
color: #242424;
background: #414769 url(../images/bg.jpg) 0 -65px repeat-x;
margin: 0; padding: 0; }
hr { }
h1,h2,h3,h4,h5 { font-size: 1.2em; }
p { padding: 0 0 15px 0; margin: 0; }
a { color: #000; text-decoration: underline; }
a:hover { text-decoration: underline; }
img { border: none; }
.clear { clear: both; }
form,
fieldset { margin: 0; padding: 0; border: none; }
table { border-collapse:collapse; }
.clickable { cursor: pointer; }
/* main content wrapper */
#wrapper {
position: relative; width: 1000px; margin: 0 auto 0 auto; padding-top: 10px; }
/* header container */
#header {
position: relative; width: 1000px; height: 240px;
background: transparent url(../images/small-man.jpg) 68px 100% no-repeat;
}
#header h1 {
position: absolute; top:3px; left: 32px; width: 268px; height: 66px; text-indent: -9999px;
background: transparent url(../images/kdm-logo.png) 0 0 no-repeat; }
#header h1 a { position: relative; display: block; width: 268px; height: 66px; }
#header #skip {display: none; }
#header .image {
display: block;
}
#header p {
position: absolute; display: block; width: 550px; padding: 0; margin: 0; line-height: 1.25em;
left: 313px; top: 20px; font-size: 1.4em; z-index: 10; font-weight: bold; color: #2a3e5f; }
#header p a { text-decoration: none; }
#header p a:hover { text-decoration: underline; }
/* main menu */
#mainMenu {
position: absolute; top: 134px; left: 32px; height: 106px; width: 747px; overflow: hidden;
padding-top: 10px; z-index: 1000;
}
/*
* home page; leaning main
*/
#home #mainMenu { background: transparent url(../images/home-man.gif) 100% 0 no-repeat; }
#mainMenu ul,
#mainMenu ul li { padding: 0; margin: 0; }
#mainMenu ul { list-style: none; display: block; }
#mainMenu ul li { display: block; float: left; }
#mainMenu ul li a {
display: block; float: left;
height: 49px; text-indent: -9999px;
background: transparent url(../images/main-menu.jpg) 0 0 no-repeat; margin-right: 11px; }
#mainMenu ul li a.home { width: 108px; background-position: 0 0; }
#mainMenu ul li.active a.home,
#mainMenu ul li.active a.home:hover,
#mainMenu ul li a.home:hover { background-position: 0 -49px; }
#mainMenu ul li a.aboutUs { width: 108px; background-position: -119px 0; }
#mainMenu ul li.active a.aboutUs,
#mainMenu ul li.active a.aboutUs:hover,
#mainMenu ul li a.aboutUs:hover { background-position: -119px -49px; }
#mainMenu ul li a.globalPartners { width: 108px; background-position: -236px 0; }
#mainMenu ul li.active a.globalPartners,
#mainMenu ul li.active a.globalPartners:hover,
#mainMenu ul li a.globalPartners:hover { background-position: -236px -49px; }
#mainMenu ul li a.news { width: 108px; background-position: -354px 0; }
#mainMenu ul li.active a.news,
#mainMenu ul li.active a.news:hover,
#mainMenu ul li a.news:hover { background-position: -354px -49px; }
#mainMenu ul li a.links { width: 108px; background-position: -472px 0; }
#mainMenu ul li.active a.links,
#mainMenu ul li.active a.links:hover,
#mainMenu ul li a.links:hover { background-position: -472px -49px; }
#mainMenu ul li a.contactUs { width: 108px; background-position: -592px 0; }
#mainMenu ul li.active a.contactUs,
#mainMenu ul li.active a.contactUs:hover,
#mainMenu ul li a.contactUs:hover { background-position: -592px -49px; }
/* content container */
#content { position: relative; width: 968px; overflow: hidden; padding: 0 0 0 32px; }
/*
* content - female avatar
*/
#content #female-icon {
position: absolute; z-index: 1000; top: 185px; left: 888px; width: 75px; height: 200px;
background: transparent url(../images/home-woman.jpg) 0 0 no-repeat; }
/*
* home panels horz. accordion
*/
#home-panels { list-style:none; width:856px; display:block; overflow:hidden; margin: 0; padding: 0; }
#home-panels li {float:left; display:block; overflow:hidden; }
#home-panels li {
color: #fff; cursor: pointer; margin:0; padding: 0; }
#home-panels li div.caseStudies,
#home-panels li div.scientific,
#home-panels li div.technical,
#home-panels li div.medical { position: relative; width: 570px; height:261px; padding: 10px 30px 10px 230px; }
#home-panels .caseStudies { background: #d6e903 url(../images/PROJECTS.png) 0 0 no-repeat; }
#home-panels .scientific { background: #d12ed7 url(../images/SCIENTIFIC.png) 0 0 no-repeat; }
#home-panels .technical { background: #5ea1e8 url(../images/TECHNICAL.png) 0 0 no-repeat; }
#home-panels .medical { background: #0a8800 url(../images/MEDICAL.png) 0 0 no-repeat; }
#home-panels .caseStudies { color: #444; }
#home-panels li div.caseStudies h2,
#home-panels li div.scientific h2,
#home-panels li div.technical h2,
#home-panels li div.medical h2 {
position: absolute; top: 140px; left: 20px; width: 190px;
}
#home-panels div.buttons { position: relative; width: 100%; overflow: hidden; }
#home-panels div.buttons a {
display: block; float: right; text-indent: -9999px;
background: #0a8800 url(../images/home-panel-buttons.gif) 0 0 no-repeat; height: 24px; margin-right: 4px;
}
#home-panels div.buttons a.viewCaseStudies { width: 132px; }
#home-panels div.buttons a.requestCallback { width: 133px; }
#home-panels .caseStudies div.buttons a.viewCaseStudies { background-position: 0 -24px; }
#home-panels .caseStudies div.buttons a.requestCallback { background-position: -132px -24px; }
#home-panels .scientific div.buttons a.viewCaseStudies { background-position: 0 0; }
#home-panels .scientific div.buttons a.requestCallback { background-position: -132px 0; }
#home-panels .technical div.buttons a.viewCaseStudies { background-position: 0 -48px; }
#home-panels .technical div.buttons a.requestCallback { background-position: -132px -48px; }
#home-panels .medical div.buttons a.viewCaseStudies { background-position: 0 -72px; }
#home-panels .medical div.buttons a.requestCallback { background-position: -132px -72px; }
#home-panels dl dt,
#home-panels dl dd,
#home-panels dl { padding: 0; margin: 0; overflow: hidden; display: block; }
#home-panels dl { width: 565px; position: relative; border-bottom: 1px solid #afc002; margin-bottom: 10px; font-size: 0.9em; }
#home-panels dl.last { border: 0; }
#home-panels dl dt,
#home-panels dl dd { float: left; }
#home-panels dl dt { width: 130px; margin-right: 25px; }
#home-panels dl dd.project { width: 340px; }
#home-panels dl dd.project h4 { position: relative; height: 20px; }
#home-panels dl dd.project h4 em { position: absolute; top: 0; left: 0; font-style: normal; }
#home-panels dl dd.project h4 span { position: absolute; top: 0; right: 0; }
#home-panels dl dd.more { width: 50px; }
#home-panels dl dd.more a {
position: absolute; bottom: 10px; right: 0; display: block; text-indent: -9999px;
width: 50px; height: 24px; background: transparent url(../images/home-panel-more.jpg) 0 0 no-repeat;
}
#bottom {
position: relative; width: 825px; overflow: hidden; padding: 0 0 20px 32px;
background: transparent url(../images/key-line.gif) 0 0 repeat-x; height: 183px; }
#bottom #categories {
position: absolute; left: 0; top: 0;
}
#bottom #tabs {
position: absolute; right: 0; top: 0;
}
#bottom #categories ul,
#bottom #categories ul li {
margin: 0; padding: 0;
}
#bottom #categories ul { list-style: none; display: block; margin: 0; padding: 0; }
#bottom #categories ul li { display: block; float: left; }
#bottom #categories ul li a {
display: block; float: left;
height: 183px; text-indent: -9999px;
background: transparent url(../images/footer-menu.jpg) 0 0 no-repeat; margin-right: 2px; }
#bottom #categories ul li a.publicRelations { background-position: 0 0; width: 34px; }
#bottom #categories ul li.active a.publicRelations,
#bottom #categories ul li.active a.publicRelations:hover,
#bottom #categories ul li a.publicRelations:hover { background-position: 0 -183px; }
#bottom #categories ul li a.design { background-position: -36px 0; width: 33px; }
#bottom #categories ul li.active a.design,
#bottom #categories ul li.active a.design:hover,
#bottom #categories ul li a.design:hover { background-position: -36px -183px; }
#bottom #categories ul li a.exhibitions { background-position: -71px 0; width: 31px; }
#bottom #categories ul li.active a.exhibitions,
#bottom #categories ul li.active a.exhibitions:hover,
#bottom #categories ul li a.exhibitions:hover { background-position: -71px -183px; }
#bottom #categories ul li a.marketResearch { background-position: -104px 0; width: 33px; }
#bottom #categories ul li.active a.marketResearch,
#bottom #categories ul li.active a.marketResearch:hover,
#bottom #categories ul li a.marketResearch:hover { background-position: -104px -183px; }
#bottom #categories ul li a.webDesign { background-position: -139px 0; width: 32px; }
#bottom #categories ul li.active a.webDesign,
#bottom #categories ul li.active a.webDesign:hover,
#bottom #categories ul li a.webDesign:hover { background-position: -139px -183px; }
#bottom #categories ul li a.directMarketing { background-position: -173px 0; width: 32px; }
#bottom #categories ul li.active a.directMarketing,
#bottom #categories ul li.active a.directMarketing:hover,
#bottom #categories ul li a.directMarketing:hover { background-position: -173px -183px; }
#bottom #categories ul li a.strategicDesign { background-position: -207px 0; width: 34px; }
#bottom #categories ul li.active a.strategicDesign,
#bottom #categories ul li.active a.strategicDesign:hover,
#bottom #categories ul li a.strategicDesign:hover { background-position: -207px -183px; }
#bottom #categories ul li a.mediaPlanning { background-position: -243px 0; width: 31px; }
#bottom #categories ul li.active a.mediaPlanning,
#bottom #categories ul li.active a.mediaPlanning:hover,
#bottom #categories ul li a.mediaPlanning:hover { background-position: -243px -183px; }
#bottom #categories ul li a.copywriting { background-position: -276px 0; width: 33px; }
#bottom #categories ul li.active a.copywriting,
#bottom #categories ul li.active a.copywriting:hover,
#bottom #categories ul li a.copywriting:hover { background-position: -276px -183px; }
#bottom #categories ul li a.viralMarketing { background-position: -311px 0; width: 32px; }
#bottom #categories ul li.active a.viralMarketing,
#bottom #categories ul li.active a.viralMarketing:hover,
#bottom #categories ul li a.viralMarketing:hover { background-position: -311px -183px; }
#bottom #categories ul li a.videoProduction { background-position: -345px 0; width: 34px; }
#bottom #categories ul li.active a.videoProduction,
#bottom #categories ul li.active a.videoProduction:hover,
#bottom #categories ul li a.videoProduction:hover { background-position: -345px -183px; }
#bottom #categories ul li a.branding { background-position: -381px 0; width: 34px; }
#bottom #categories ul li.active a.branding,
#bottom #categories ul li.active a.branding:hover,
#bottom #categories ul li a.branding:hover { background-position: -381px -183px; }
#bottom #categories ul li a.socialMedia { background-position: -417px 0; width: 33px; }
#bottom #categories ul li.active a.socialMedia,
#bottom #categories ul li.active a.socialMedia:hover,
#bottom #categories ul li a.socialMedia:hover { background-position: -417px -183px; }
#bottom #categories ul li a.events { background-position: -452px 0; width: 36px; }
#bottom #categories ul li.active a.events,
#bottom #categories ul li.active a.events:hover,
#bottom #categories ul li a.events:hover { background-position: -452px -183px; }
#bottom #tabs ul,
#bottom #tabs ul li {
margin: 0; padding: 0;
}
#bottom #tabs ul { list-style: none; display: block; margin: 0; padding: 0; }
#bottom #tabs ul li { display: block; float: left; }
#bottom #tabs ul li a {
display: block; float: left;
height: 36px; text-indent: -9999px;
background: transparent url(../images/misc-tabs.jpg) 0 0 no-repeat; margin-right: 6px; }
#bottom #tabs ul li a.blog { background-position: 0 0; width: 74px; }
#bottom #tabs ul li a.blog:hover { background-position: 0 -36px; }
#bottom #tabs ul li.active a.blog,
#bottom #tabs ul li.active a.blog:hover { background-position: 0 -72px; }
#bottom #tabs ul li a.clients { background-position: -80px 0; width: 74px; }
#bottom #tabs ul li a.clients:hover { background-position: -80px -36px; }
#bottom #tabs ul li.active a.clients,
#bottom #tabs ul li.active a.clients:hover { background-position: -80px -72px; }
#bottom #tabs ul li a.team { background-position: -160px 0; width: 90px; }
#bottom #tabs ul li a.team:hover { background-position: -160px -36px; }
#bottom #tabs ul li.active a.team,
#bottom #tabs ul li.active a.team:hover { background-position: -160px -72px; }
#bottom #tabs ul li a.clientLogin { background-position: -255px 0; width: 90px; }
#bottom #tabs ul li a.clientLogin:hover { background-position: -255px -36px; }
#bottom #tabs ul li.active a.clientLogin,
#bottom #tabs ul li.active a.clientLogin:hover { background-position: -255px -72px; }
/*
* social networks
*/
#bottom #socialNetworks {
/* position: absolute; right: 0; top: 80px; */
position: absolute; right: 0; top: 45px; padding-top: 65px;
background: transparent url(../images/finalist.gif) 0 0 no-repeat;
}
#bottom #socialNetworks ul,
#bottom #socialNetworks ul li {
margin: 0; padding: 0;
}
#bottom #socialNetworks ul { list-style: none; display: block; margin: 0; padding: 0; }
#bottom #socialNetworks ul li { display: block; float: left; }
#bottom #socialNetworks ul li a {
display: block; float: left;
height: 39px; text-indent: -9999px;
background: transparent url(../images/social-networks.gif) 0 0 no-repeat; margin-right: 9px; }
#bottom #socialNetworks ul li a.linkedin { background-position: 0 -39px; width: 67px; }
#bottom #socialNetworks ul li a.linkedin:hover { background-position: 0 0; }
#bottom #socialNetworks ul li a.youtube { background-position: -76px -39px; width: 43px; }
#bottom #socialNetworks ul li a.youtube:hover { background-position: -76px 0; }
#bottom #socialNetworks ul li a.facebook { background-position: -128px -39px; width: 41px; }
#bottom #socialNetworks ul li a.facebook:hover { background-position: -128px 0; }
#bottom #socialNetworks ul li a.twitter { background-position: -175px -39px; width: 51px; margin-right: 0; }
#bottom #socialNetworks ul li a.twitter:hover { background-position: -175px 0; }
/*
* body container
*/
#content .body {
width:600px; display:block; overflow:hidden; position: relative;
margin: 0; padding: 20px 236px 10px 20px; min-height: 282px;
color: #fff; }
#content .no-padding { padding-right: 30px; width: 806px; }
#content .body h2 { margin: 0 0 35px 0; padding: 0; height: 52px; overflow: hidden; font-size: 1.5em; line-height: 1.3em; }
#content .body h2 span { display: block; height: 51px; float: left; margin-right: 20px; text-indent: -9999px; }
#content .body .left { width: 195px; float: left; }
#content .body .right { float: right; width: 580px; }
#content blockquote,
#content blockquote p { margin: 0; padding: 0; }
#content blockquote { position: absolute; top: 120px; right: 10px; width: 180px; font-size: 1.2em; }
#content blockquote em { font-weight: normal; font-size: 0.8em; display: block; }
#content blockquote p { padding-bottom: 10px; }
#content .body .left blockquote { position: relative; top: 10px; right: -10px; font-weight: bold; font-size: 1.1em; text-align: right; }
#hero { z-index: 90; position: absolute; }
#content .body h3 { padding: 0; font-weight: bold; font-size: 1.5em; margin: 0 0 30px 0; font-weight: normal; line-height: 1.3em; }
#content .body h3 span { color: #fff; font-weight: bold; }
#content div.panel-buttons { position: relative; width: 100%; overflow: hidden; }
#content div.panel-buttons a {
display: block; float: right; text-indent: -9999px;
background: transparent url(../images/panel-buttons.gif) 0 0 no-repeat; height: 24px; margin-right: 4px;
}
#content div.panel-buttons a.viewCaseStudies { width: 132px; }
#content div.panel-buttons a.requestCallback { width: 133px; }
#content div.panel-buttons a.contactUs {
background: transparent url(../images/button-contact-us.gif) 0 0 no-repeat; height: 23px;
width: 95px; float: left !important; }
/*
footer container and styles
*/
#footer {
position: absolute; bottom: 10px; right: 110px; height: 40px; /* margin-top: 10px; */
width: auto; overflow: hidden; padding: 0 0 0 32px;
background: transparent url(../images/kdm-leaf.jpg) 100% 0 no-repeat;
}
#footer p {
color: #fff; text-align: right; padding: 8px 38px 0 0; font-size: 0.9em; line-height: 30px;
}
#content form { position: relative; overflow: hidden; width: 375px; }
#content form label { display: block; clear: left; float: left; width: 90px; padding: 3px 10px 2px 0; text-align: right; }
#content form fieldset legend { font-size: 1.5em; letter-spacing: -1px; padding: 5px; margin-bottom: 5px; }
#content form fieldset { margin: 5px 0 5px 0; border-top: 4px solid #7478A8; padding: 5px 10px 5px 10px; }
#content form fieldset p,
#content form fieldset label { color: #fff; }
#content form select,
#content form textarea,
#content form input { margin: 3px 0 2px 0; width: 250px; padding: 2px; }
#content form select { width: 315px; }
#content form strong,
#content form label span { color: #888; font-weight: bold; }
#content form .radio { width: auto; margin-right: 5px; }
#content form .indent { padding-left: 180px; }
#content form .checkbox { width: 4%; float: left; margin: 0 5px 0 0; }
#content form em { font-style: normal; width: 310px; padding: 3px 0 3px 0; display: block; overflow: hidden; color: #444; }
#content form em.no-margin { padding-top: 0; width: auto; }
#content form br { clear: both; }
#content form p { padding-bottom: 5px; }
#content form input.input,
#content form input.submit,
#content form input.reset,
#content form input.cancel,
#content form input.close { width: auto; padding: 3px; font-size: 1.45em; color: #000; }
#content form #spambot { display: none; }
/*
* pagination styles
*/
#content ul.pagination { float: right; }
#content ul.pagination,
#content ul.pagination li { margin: 0; padding: 0 0 0 5px; }
#content ul.pagination { list-style: none; display: block; margin: 0; padding: 0; }
#content ul.pagination li { display: inline; }
#content ul.pagination li a { text-decoration: none; color: #444; font-weight: bold; line-height: 3em; }
#content ul.pagination li a:hover { text-decoration: underline; color: #000; }
#content ul.pagination li big { color: #000; }
/*
* specific page styles
*/
/*
* default page
*/
#default #mainMenu { }
#default #content blockquote { color: #0553a5; }
#default #content .body h2 span { }
#default #content .body { background-color: #5ea1e8; }
#default #hero { }
#default #content .body h2 { margin: 0 0 0 0; padding: 0; height: auto; overflow: visible; }
#default #content .body h2 span { display: inline; height: auto; float: none; margin-right: 0; text-indent: inherit; }
#default #content .body a { color: #fff; }
#default #content .body a:hover { text-decoration: none; }
/*
* about us
*/
#aboutUs #mainMenu { background: transparent url(../images/pointer-about-us.gif) 118px 59px no-repeat; }
#aboutUs #content blockquote { color: #0553a5; }
#aboutUs #content .body h2 span { background: transparent url(../images/header-about-us.gif) 0 0 no-repeat; width: 220px; }
#aboutUs #content .body { background-color: #5ea1e8; }
#aboutUs #hero { top: 114px; right: 0; width: 289px; height: 436px; background: transparent url(../images/hero-about-us.png) 0 0 no-repeat; }
/*
* global partners
*/
#globalPartners #mainMenu { background: transparent url(../images/pointer-global-partners.gif) 238px 59px no-repeat; }
#globalPartners #content .body h2 span { background: transparent url(../images/header-global-partners.gif) 0 0 no-repeat; width: 394px; }
#globalPartners #content .body { background: #85cd01 url(../images/bg-global-partners.gif) 100% 100% no-repeat; }
#globalPartners #hero { top: 154px; right: 116px; width: 195px; height: 246px; background: transparent url(../images/hero-global-partners.png) 0 0 no-repeat; }
#globalPartners #content .body a { color: #fff; font-style: normal; font-weight: bold; font-size: 1.2em; }
#globalPartners #content .body a:hover { text-decoration: none; }
/*
* news
*/
#news #mainMenu { background: transparent url(../images/pointer-news.gif) 358px 59px no-repeat; }
#news #content .body h2 span { background: transparent url(../images/header-news.gif) 0 0 no-repeat; width: 134px; }
#news #content .body { background-color: #9c258d; }
#news #hero { top: 135px; right: 140px; width: 97px; height: 319px; background: transparent url(../images/hero-news.png) 0 0 no-repeat; }
#news #content .body a { color: #fff; font-style: normal; }
#news #content .body a:hover { text-decoration: none; }
/*
* links
*/
#links #mainMenu { background: transparent url(../images/pointer-links.gif) 478px 59px no-repeat; }
#links #content .body h2 { height: 58px; }
#links #content .body h2 span { height: 58px; background: transparent url(../images/header-whatourclientssay.gif) 0 0 no-repeat; width: 520px; }
#links #content .body { background-color: #fe0000; }
#links #hero { top: 200px; right: 130px; width: 173px; height: 314px; background: transparent url(../images/hero-links.png) 0 0 no-repeat; }
#links #content .body a { color: #fff; font-style: normal; font-weight: bold; font-size: 0.9em; }
#links #content .body a:hover { text-decoration: none; }
/*
* contact us
*/
#contactUs #mainMenu { background: transparent url(../images/pointer-contact-us.gif) 598px 59px no-repeat; }
#contactUs #content .body h2 span { background: transparent url(../images/header-contact-us.gif) 0 0 no-repeat; width: 269px; }
#contactUs #content .body { background-color: #7501ea; padding-right: 20px !important; width: 816px; }
#contactUs #hero { }
#contactUs address,
#contactUs #map,
#contactUs form { float: left; }
#contactUs form textarea,
#contactUs form input { border: 0; padding: 5px 0 5px 0; }
#contactUs form input.submit { padding: 0; }
#contactUs address {
position: relative; display: block; width: 180px; font-style: normal; min-height: 261px;
background: transparent url(../images/hero-contact-us.gif) 100% 100% no-repeat;
}
#contactUs #map { width: 261px; }
#contactUs #map img { display: block; }
#contactUs #map a.pdf {
color: #fff; text-decoration: none; display: block; padding: 0 30px 0 0; line-height: 40px;
background: transparent url(../images/contact-pdf.gif) 100% 50% no-repeat; text-align: right;
}
#contactUs #map a:hover.pdf { text-decoration: underline; }
/*
* clients
*/
#clients #mainMenu { }
#clients #content .body h2 span { background: transparent url(../images/header-clients.gif) 0 0 no-repeat; width: 179px; }
#clients #content .body { background-color: #617d0c; padding-right: 20px !important; width: 816px; }
#clients #hero { }
#clients a.clients {display:block; width: 816px; height: 281px; text-indent: -9999px;
background: transparent url(../images/clients.jpg) 0 0 no-repeat; margin-bottom: 10px;
}
#clients a:hover.clients {display:block; width: 816px; height: 281px; text-indent: -9999px;
background: transparent url(../images/clients_over.jpg) 0 0 no-repeat; margin-bottom: 10px;
}
/*
* client login
*/
#clientLogin #mainMenu { }
#clientLogin #content .body h2 { height: 57px; }
#clientLogin #content .body h2 span { height: 57px; background: transparent url(../images/header-client-login.gif) 0 0 no-repeat; width: 290px; }
#clientLogin #content .body { background-color: #00ccff; padding-right: 20px !important; width: 816px; }
#clientLogin #hero { }
#clientLogin #content .body a { color: #fff; font-style: normal; font-weight: bold; font-size: 0.9em; }
#clientLogin #content .body a:hover { text-decoration: none; }
/*
* blog
*/
#blog #content form { width: auto; }
#blog #mainMenu { }
#blog #content .body h2 { height: 57px; }
#blog #content .body h2 span { height: 57px; background: transparent url(../images/header-blog.gif) 0 0 no-repeat; width: 111px; }
#blog #content .body { background-color: #000b5d; padding-right: 20px !important; width: 816px; overflow: hidden; }
#blog #hero { }
#blog h2 a:hover { text-decoration: none !important; }
#blog #content .body h3 { padding: 0 0 10px 0; margin: 0; }
#blog #content .body h4 { padding: 0 0 10px 0; }
#blog #content .body a { color: #fff; font-style: normal; text-decoration: none; }
#blog #content .body a:hover { text-decoration: underline; }
#blog #content .body .left { float: left; width: 580px; }
#blog #content .body .right { float: right; width: 180px; padding: 10px; background: #7279A7; }
#blog #content .body .left img {
float: left; padding: 0 15px 15px 0;
}
#blog #content .body .right ul,
#blog #content .body .right ul li { list-style: none; margin: 0; padding: 0; }
#blog #content .info { color: #ccc !important; font-size: 0.85em; }
#blog #content .total-comments { color: #ccc; }
#blog #content ol.comments { margin: 0 0 0 20px; padding: 0; font-size: 0.9em;}
#blog #content ol.comments li { border-top: 1px solid #7478A8; padding: 10px 0 0 0; margin: 10px 0 0 0; }
#blog #content .comment-who { color: #ccc !important; }
#blog #content .captcha { padding: 10px 0 0 100px; line-height: 50px; font-size: 3em;}
#blog #content .captcha p { font-size: 0.35em; line-height: 1.3em; }
#blog #content .captcha img { padding: 0; }
#blog #content .captcha input { width: 100px; border: 0; font-size: 0.5m; padding: 10px; }
#blog form textarea,
#blog form input { width: 400px; }
/*
* public relations
*/
#publicRelations #content .body { background-color: #773f6e; }
#publicRelations #content .body h3 { color: #d4afce; }
#publicRelations div.panel-buttons a.viewCaseStudies { background-position: 0 0; }
#publicRelations div.panel-buttons a.requestCallback { background-position: -132px 0; }
/*
* design
*/
#design #content .body { background-color: #37604e; }
#design #content .body h3 { color: #7baf99; }
#design div.panel-buttons a.viewCaseStudies { background-position: 0 -24px; }
#design div.panel-buttons a.requestCallback { background-position: -132px -24px; }
/*
* exhibitions
*/
#exhibitions #content .body { background-color: #643434; }
#exhibitions #content .body h3 { color: #a67c7d; }
#exhibitions div.panel-buttons a.viewCaseStudies { background-position: 0 -48px; }
#exhibitions div.panel-buttons a.requestCallback { background-position: -132px -48px; }
/*
* market research
*/
#marketResearch #content .body { background-color: #58356b; }
#marketResearch #content .body h3 { color: #baa5c6; }
#marketResearch div.panel-buttons a.viewCaseStudies { background-position: 0 -72px; }
#marketResearch div.panel-buttons a.requestCallback { background-position: -132px -72px; }
/*
* web design
*/
#webDesign #content .body { background-color: #353f63; }
#webDesign #content .body h3 { color: #99a3be; }
#webDesign div.panel-buttons a.viewCaseStudies { background-position: 0 -96px; }
#webDesign div.panel-buttons a.requestCallback { background-position: -132px -96px; }
/*
* direct marketing
*/
#directMarketing #content .body { background-color: #305b30; }
#directMarketing #content .body h3 { color: #7cac7c; }
#directMarketing div.panel-buttons a.viewCaseStudies { background-position: 0 -120px; }
#directMarketing div.panel-buttons a.requestCallback { background-position: -132px -120px; }
/*
* strategic design
*/
#strategicDesign #content .body { background-color: #66673b; }
#strategicDesign #content .body h3 { color: #abac80; }
#strategicDesign div.panel-buttons a.viewCaseStudies { background-position: 0 -144px; }
#strategicDesign div.panel-buttons a.requestCallback { background-position: -132px -144px; }
/*
* media planning
*/
#mediaPlanning #content .body { background-color: #346760; }
#mediaPlanning #content .body h3 { color: #7baea7; }
#mediaPlanning div.panel-buttons a.viewCaseStudies { background-position: 0 -168px; }
#mediaPlanning div.panel-buttons a.requestCallback { background-position: -132px -168px; }
/*
* copy writing
*/
#copywriting #content .body { background-color: #633c3d; }
#copywriting #content .body h3 { color: #947070; }
#copywriting div.panel-buttons a.viewCaseStudies { background-position: 0 -192px; }
#copywriting div.panel-buttons a.requestCallback { background-position: -132px -192px; }
/*
* viral marketing
*/
#viralMarketing #content .body { background-color: #4a704b; }
#viralMarketing #content .body h3 { color: #8cb28d; }
#viralMarketing div.panel-buttons a.viewCaseStudies { background-position: 0 -216px; }
#viralMarketing div.panel-buttons a.requestCallback { background-position: -132px -216px; }
/*
* video production
*/
#videoProduction #content .body { background-color: #66524b; }
#videoProduction #content .body h3 { color: #ac9891; }
#videoProduction div.panel-buttons a.viewCaseStudies { background-position: 0 -240px; }
#videoProduction div.panel-buttons a.requestCallback { background-position: -132px -240px; }
/*
* branding
*/
#branding #content .body { background-color: #a04528; }
#branding #content .body h3 { color: #c4a094; }
#branding div.panel-buttons a.viewCaseStudies { background-position: 0 -264px; }
#branding div.panel-buttons a.requestCallback { background-position: -132px -264px; }
/*
* social media
*/
#socialMedia #content .body { background-color: #97983a; }
#socialMedia #content .body h3 { color: #b6b78f; }
#socialMedia div.panel-buttons a.viewCaseStudies { background-position: 0 -288px; }
#socialMedia div.panel-buttons a.requestCallback { background-position: -132px -288px; }
/*
* Events
*/
#events #content .body { background-color: #8e1392; }
#events #content .body h3 { color: #b688b7; }
#events div.panel-buttons a.viewCaseStudies { background-position: 0 -312px; }
#events div.panel-buttons a.requestCallback { background-position: -132px -312px; }
/*
* case studies
*/
#caseStudies #content .body h2 span { background: transparent url(../images/header-case-studies.gif) 0 0 no-repeat; width: 291px; }
#caseStudies #content .body { background-color: #d6e903; color: #444; }
/*
* case studies menu container
*/
#caseStudies #case-menu { position: relative; width: 150px; float: left; }
#caseStudies #case-menu ul,
#caseStudies #case-menu ul li {
margin: 0; padding: 0;
}
#caseStudies #case-menu ul { list-style: none; display: block; margin: 0; padding: 0; }
#caseStudies #case-menu ul li { display: block; float: left; }
#caseStudies #case-menu ul li a {
/* updated styles */
text-decoration: none; font-weight: bold;
color: #797979; font-size: 1em; line-height: 1.1em;
display: block; float: left;
text-transform: uppercase;
height: auto !important;
/* text-indent: -9999px; */ width: 150px;
/* background: transparent url(../images/case-studies-menu.jpg) 0 0 no-repeat; */ margin-right: 2px; }
#caseStudies #case-menu ul li.active a,
#caseStudies #case-menu ul li.active a:hover,
#caseStudies #case-menu ul li a:hover { color: #000; text-decoration: none; }
#caseStudies #case-menu ul li a.publicRelations { background-position: 0 0; height: 20px; }
#caseStudies #case-menu ul li.active a.publicRelations,
#caseStudies #case-menu ul li.active a.publicRelations:hover,
#caseStudies #case-menu ul li a.publicRelations:hover { background-position: -150px 0; }
#caseStudies #case-menu ul li a.design { background-position: 0 -20px; height: 20px; }
#caseStudies #case-menu ul li.active a.design,
#caseStudies #case-menu ul li.active a.design:hover,
#caseStudies #case-menu ul li a.design:hover { background-position: -150px -20px; }
#caseStudies #case-menu ul li a.exhibitions { background-position: 0 -40px; height: 19px; }
#caseStudies #case-menu ul li.active a.exhibitions,
#caseStudies #case-menu ul li.active a.exhibitions:hover,
#caseStudies #case-menu ul li a.exhibitions:hover { background-position: -150px -40px; }
#caseStudies #case-menu ul li a.marketResearch { background-position: 0 -59px; height: 20px; }
#caseStudies #case-menu ul li.active a.marketResearch,
#caseStudies #case-menu ul li.active a.marketResearch:hover,
#caseStudies #case-menu ul li a.marketResearch:hover { background-position: -150px -59px; }
#caseStudies #case-menu ul li a.webDesign { background-position: 0 -79px; height: 20px; }
#caseStudies #case-menu ul li.active a.webDesign,
#caseStudies #case-menu ul li.active a.webDesign:hover,
#caseStudies #case-menu ul li a.webDesign:hover { background-position: -150px -79px; }
#caseStudies #case-menu ul li a.directMarketing { background-position: 0 -99px; height: 20px; }
#caseStudies #case-menu ul li.active a.directMarketing,
#caseStudies #case-menu ul li.active a.directMarketing:hover,
#caseStudies #case-menu ul li a.directMarketing:hover { background-position: -150px -99px; }
#caseStudies #case-menu ul li a.strategicDesign { background-position: 0 -119px; height: 20px; }
#caseStudies #case-menu ul li.active a.strategicDesign,
#caseStudies #case-menu ul li.active a.strategicDesign:hover,
#caseStudies #case-menu ul li a.strategicDesign:hover { background-position: -150px -119px; }
#caseStudies #case-menu ul li a.mediaPlanning { background-position: 0 -139px; height: 20px; }
#caseStudies #case-menu ul li.active a.mediaPlanning,
#caseStudies #case-menu ul li.active a.mediaPlanning:hover,
#caseStudies #case-menu ul li a.mediaPlanning:hover { background-position: -150px -139px; }
#caseStudies #case-menu ul li a.copywriting { background-position: 0 -159px; height: 19px; }
#caseStudies #case-menu ul li.active a.copywriting,
#caseStudies #case-menu ul li.active a.copywriting:hover,
#caseStudies #case-menu ul li a.copywriting:hover { background-position: -150px -159px; }
#caseStudies #case-menu ul li a.viralMarketing { background-position: 0 -178px; height: 20px; }
#caseStudies #case-menu ul li.active a.viralMarketing,
#caseStudies #case-menu ul li.active a.viralMarketing:hover,
#caseStudies #case-menu ul li a.viralMarketing:hover { background-position: -150px -178px; }
#caseStudies #case-menu ul li a.videoProduction { background-position: 0 -198px; height: 20px; }
#caseStudies #case-menu ul li.active a.videoProduction,
#caseStudies #case-menu ul li.active a.videoProduction:hover,
#caseStudies #case-menu ul li a.videoProduction:hover { background-position: -150px -198px; }
#caseStudies #case-menu ul li a.branding { background-position: 0 -218px; height: 20px; }
#caseStudies #case-menu ul li.active a.branding,
#caseStudies #case-menu ul li.active a.branding:hover,
#caseStudies #case-menu ul li a.branding:hover { background-position: -150px -218px; }
#caseStudies #case-menu ul li a.socialMedia { background-position: 0 -238px; height: 19px; }
#caseStudies #case-menu ul li.active a.socialMedia,
#caseStudies #case-menu ul li.active a.socialMedia:hover,
#caseStudies #case-menu ul li a.socialMedia:hover { background-position: -150px -238px; }
#caseStudies #case-menu ul li a.technical { background-position: 0 -257px; height: 20px; }
#caseStudies #case-menu ul li.active a.technical,
#caseStudies #case-menu ul li.active a.technical:hover,
#caseStudies #case-menu ul li a.technical:hover { background-position: -150px -257px; }
#caseStudies #case-menu ul li a.medical { background-position: 0 -277px; height: 20px; }
#caseStudies #case-menu ul li.active a.medical,
#caseStudies #case-menu ul li.active a.medical:hover,
#caseStudies #case-menu ul li a.medical:hover { background-position: -150px -277px; }
#caseStudies #case-menu ul li a.scientific { background-position: 0 -297px; height: 20px; }
#caseStudies #case-menu ul li.active a.scientific,
#caseStudies #case-menu ul li.active a.scientific:hover,
#caseStudies #case-menu ul li a.scientific:hover { background-position: -150px -297px; }
#caseStudies #case-menu ul li a.events { background-position: 0 -317px; height: 20px; }
#caseStudies #case-menu ul li.active a.events,
#caseStudies #case-menu ul li.active a.events:hover,
#caseStudies #case-menu ul li a.events:hover { background-position: -150px -317px; }
#caseStudies .body { padding-right: 20px !important; width: 816px; }
#caseStudies .left {}
#caseStudies #gallery { overflow: hidden; width: 130px !important; }
#caseStudies #gallery a { display: block; margin: 0 0 10px 0; float: right; }
#caseStudies blockquote { clear: both; display: none; }
#caseStudies .right { /* width: 455px !important; */ width: 655px !important; }
/*
* meet the team
*/
#team #mainMenu { }
#team #content .body h2 span { background: transparent url(../images/header-team.gif) 0 0 no-repeat; width: 358px; }
#team #content .body { background-color: #256b9c; padding-right: 20px !important; width: 816px; }
#team #hero { }
#content .boxgrid {
position: relative; width: 114px; height: 111px;
float:left; overflow: hidden; font-size: 11px;
margin:0 20px 20px 0; background:#369dc8;
cursor: pointer; }
#content .boxgrid img { position: absolute; top: 0; left: 0; border: 10px solid #256b9c; }
#content .boxgrid p { padding: 5px 5px 4px 5px; color:#fff; }
#content .boxgrid p strong { padding-right: 2px; }
/*
* feedback containers & styles
*/
div.error,
div.info {
border-bottom: 4px solid #fff;
font-weight: normal; line-height: 20px;
margin: 5px 10px 5px 0; padding: 10px 6px 10px 35px !important; }
div.info a,
div.error a { text-decoration: underline; }
div.info a:hover,
div.error a:hover { text-decoration: none; }
div.info {
border-color: #cce;
background: #eef url(../images/info.gif) 10px 10px no-repeat; color: #247 !important; }
div.info h5,
div.info p,
div.info a { color: #247 !important; }
div.error {
border-color: #FFF468;
background: #FFFac0 url(../images/error.gif) 10px 10px no-repeat; color: #422E00 !important; }
div.error h5,
div.error p,
div.error a { color: #422E00 !important; }
input.error { color: #922 !important; font-weight: bold; }
div.info h5,
div.error h5 { font-size: 1.1em; font-weight: bold; }
div.info ul,
div.error ul { padding-left: 0 !important; }
div.info ul li,
div.error ul li { background-image: none !important; padding-left: 0 !important; }