html, body { color:#fff; font-family: Geneva, "MS Sans Serif", sans-serif; font-size:14px; margin:0; padding:0; line-height: 16px; }
html { background: #fff; }
body { background: #000 url("../images/bg/main-lrg.gif") repeat-x bottom left; }
/* reset default browser styles */
h1, h2, h3, ul, ol, dl, li, form, input, fieldset, table { margin:0; padding:0; }
ul { list-style:none outside none; }
a img, fieldset { border:medium none; }
/* overide & reset styles */
a.no-border img,
a:hover.no-border img { border: none; }
/* tools */
.hidden { border:none !important; display:block !important; font-size:0 !important; height:0 !important; line-height:0 !important; margin:0 !important; overflow:hidden !important; padding:0 !important; width:0 !important; }
.left { float:left !important; }
.right { float:right !important; }
.text-right { text-align:right !important; }
.no-display { display:none; }
.no-bg { background:none !important; }
.clr { clear:both; display:block; height:0; line-height:0; overflow:hidden; width:0; }
.hidden-text { overflow:hidden; text-indent:-9999px; }
.margin-top { margin-top:10px; }
.margin-top-small { margin-top:5px; }
.margin-top-extra { margin-top:25px; }
.margin-btm-small { margin-bottom:5px; }
.margin-btm { margin-bottom:10px; }
.margin-btm-extra { margin-bottom:20px; }
.margin-left-small { margin-left:5px; }
.margin-right-small { margin-right:5px; }
.margin-right { margin-right:10px; }
.no-margin { margin:0 !important; }
.no-margin-btm { margin-bottom:0; }
.padding-top { padding-top:10px; }
.padding-top-more { padding-top:20px; }
.padding-btm { padding-bottom:10px; }
.padding-right { padding-right:10px; }
.no-padding { padding:0 !important; }
.uppercase { text-transform: uppercase; }
.block { display: block; }
/* headings */
h1, h2, h3 { text-transform: uppercase; }
h1 { font-size:28px; margin-bottom: 50px; }
h1.minimal-btm { margin-bottom: 16px; }
h2 { font-size:26px; margin-bottom:20px; color: #c1c1c1; }
h2.strong { color: #fff; }
.no-margin-btm h2 { margin-bottom:0; }
h3 { font-size:18px; color:#cecece; margin: 27px 0 0 0; }
h3.sub { margin: 3px 0 14px 0; }
h3.sub.minimal-margin-bottom { margin-bottom: 10px; }
h3.sub.post-scroll { margin: 15px 0; }
h3.sub.margin-bottom { margin-bottom: 30px; }
h3.small-sub { margin: 0 0 40px 0; font-size: 16px; margin-top: -2px; }
h3.yellow { margin: 0 0 16px 0; }
#footer h3 { color:#838383; margin:13px 0 15px; }
h4 { font-size:1em; margin:0; font-weight: normal; color: #fff; }
/* general */
.border { border: 1px solid #4d3e0c; }
.divider { display: block; width: 100%; height: 1px; overflow: hidden; background: #343434; margin: 25px 0; }
.divider-strong { display: block; width: 100%; height: 1px; overflow: hidden; background: #fece29; margin: 25px 0; }
.message { padding: 8px; background: #332908; display: block; }
/* text */
p { margin: 10px 0; }
p.extra-margin{ margin: 15px 0; }
.source { color: #838383; font-size:12px; }
.nav-replace { text-transform:uppercase; }
.grey { color: #767676; }
.light-grey { color: #c1c1c1; }
.yellow { color: #fece29; }
/* arrows */
img.arrow { margin-left: 5px; margin-bottom: 1px; }
.arrow-link,
.right-arrow li { font-size: 13px; text-transform: uppercase; }
/* links */
a { color:#e6b301; text-decoration:none; }
a:hover { color:#fff; cursor: pointer; }
a img { border: 1px solid #4d3e0c; }
a:hover img { border: 1px solid #fece29; }
/* lists */
.horizontal li { display:inline; }
.content-list ul,
.replace ul { margin-top:8px; }
.content-list li,
.replace li { margin-bottom:4px; padding-left:18px; background:url("../images/main/square-bullet.gif") no-repeat 0 5px; }
.spacious-lists li { margin-bottom: 12px; }
.image-links li { width: 144px; height: 144px; margin: 0 24px 24px 0; overflow: hidden; display: block; background: none; padding: 0; float: left; }
.clients .image-links li { margin: 0 19px 19px 0; }
.image-links li.last,
.clients .image-links li.last { margin-right: 0; }
.image-links a img { border: none; }
.right-arrow li { padding: 0; background: none; margin-bottom: 2px; }
ul.news li { padding-left: 29px; margin-bottom: 8px; padding-top: 8px; border-top:1px solid #343434; font-size: 12px; line-height: 14px; }
ul.news li.first { border: none; }
ul.news li.cms { background:url("../images/icons/news.gif") no-repeat 0 9px; }
ul.news li.cms.active { background: #45380b url("../images/icons/news.gif") no-repeat 4px 9px; padding-left: 33px; border: none; }
ul.news li.twitter { background:url("../images/icons/twitter.gif") no-repeat 1px 9px; }
ul.news li.rss { background:url("../images/icons/rss.gif") no-repeat 1px 9px; }
ul.news li.youtube { background:url("../images/icons/youtube.gif") no-repeat 0 9px; }
ul.news h4 { font-weight: normal; }
ul.news p { margin: 0; }
a.back-arrow { padding-left: 18px; background:url("../images/main/arrow-back.gif") no-repeat 0 3px; text-transform: uppercase; }
a.left-arrow,
.left-arrow li { padding-left: 18px; background:url("../images/main/arrow.gif") no-repeat 0 3px; text-transform: uppercase; }
.left-arrow li { margin-bottom: 7px; }
.left-arrow li.active { background-image:url("../images/main/arrow-down.gif"); }
a.rss { padding-right: 18px; background:url("../images/icons/rss-minimal.png") no-repeat center right; }
.content ul.rss { margin-top: 0; }
.rss li { padding-left: 29px; background:url("../images/icons/rss-white.png") no-repeat 0 1px; text-transform: uppercase; margin-bottom: 11px; }
/* main layout elements */
#container { width:960px; margin:0 auto; overflow:hidden; background: #000; }
#top-nav { padding:2px 12px 3px; background: #fece29; }
#header { width:960px; height:157px; border-bottom:1px solid #fece29; overflow: hidden; }
#footer { width:960px; height:255px; font-size:12px; margin:0 auto; overflow:hidden; position: relative; }
#footer { height:320px; } /* Added hight necessary for new elvis toronto footer */
.content { padding:28px 0; background: #000; position: relative;}
.content-padding-btm { height: 62px; clear: both; }
.home .content { padding: 0; margin: 28px 0; }
/* top nav */
#top-nav { font-size:12px; color:#7f6714; text-align:right; }
#top-nav li { padding: 0 10px; border-right: 1px solid #7f6714; }
#top-nav li.last { padding-right: 0; border: none; }
#top-nav a { text-transform:uppercase; color:#000; }
#top-nav a:hover,
#top-nav .active a { color:#fff; }
#top-nav a,
#subnav a { position: relative; top: -1px; }
/* header */
#header h1 { width:296px; height:121px; margin-top:20px; display:block; overflow:hidden; float:left; }
#main-nav { margin-top:122px; float:right; font-size:18px; color:#7F6715; }
#main-nav a { padding: 20px 12px 0 12px; border-bottom: 15px solid #000; zoom: 1; padding-bottom: 15px; }
#main-nav a:hover { color: #fff; }
#main-nav li.active a { background: #fece29 url('../images/bg/main-nav-btn.png') no-repeat top left; color:#fff; border-bottom: 15px solid #fece29; }
#main-nav li.border-left { border-left: 1px solid #fece29; }
#main-nav li ul { display: none; }
/* subnav */
#subnav { position: relative; font-size:12px; text-align:right; line-height: 12px; background: #332908; padding: 4px 12px 2px 12px; }
#subnav li { padding: 0 20px; border-right: 1px solid #888888; }
#subnav li.last { padding-right: 0; border: none; }
#subnav a { color: #fff; }
#subnav .active a,
#subnav a:hover { color: #fece29; }
/* layouts */
.home .three-columns { width:960px; background:url("../images/bg/3-columns.gif") repeat-y 318px 0; }
.home .three-columns .column-left { width:287px; float:left; overflow:hidden; margin: 0; }
.home .three-columns .column-middle { width:277px; float:left; margin:0 0 0 53px; overflow:hidden; }
.home .three-columns .column-right { width:302px; float:right; overflow:hidden; }
#player,
.promo-box-container { width:958px; height:448px; border-bottom:1px solid #fece29; border-left:1px solid #fece29; border-right:1px solid #fece29; }
.join-us #player { border: 1px solid #4d3e0c; margin-top: 27px; }
.three-columns .column-left { width: 300px; float: left; margin-right: 40px; }
.three-columns .column-middle { width: 318px; float: left; }
.three-columns .column-right { width: 261px; float: right; }
.three-columns .column-joint-middle-right { width: 620px; float: right; }
.two-columns-even.bg { width: 960px;}
.two-columns-even-btm.bg { width: 960px;}
.two-columns-even .column { width: 450px; }
.two-columns-even h3 { margin: 0 0 17px 0; }
.two-columns-right-wider .column-left { width: 405px; float: left; }
.two-columns-right-wider .column-right { width: 482px; float: right; }
.two-columns-left-wider .column-left { width: 620px; float: left; }
.two-columns-left-wider .column-left.with-border { padding-right: 20px; border-right: 1px solid #fece29; }
.two-columns-left-wider .column-right { width: 300px; float: right; }
.two-columns-right-widest.bg { width: 960px; background:url("../images/bg/2-columns.gif") repeat-y 318px 0; }
.two-columns-right-widest .column-left { width: 283px; float: left; }
.two-columns-right-widest .column-right { width: 641px; float: right; }
.two-columns-right-widest .column-right .inner { width: 596px; float: right; }
/* footer */
#footer .top { width: 960px; height: 160px; background-color:#3a3a3a; overflow: hidden; }
#footer .column-left { width:290px; height:160px; padding-right:27px; float:left; overflow:hidden; border-right:1px solid #000; position: realtive; }
#footer .column-middle { width:278px; height:160px; padding-right:18px; margin: 0 0 0 21px; border-right:1px solid #000; float:left; overflow:hidden; }
#footer .column-right { width:302px; height:160px; float:right; overflow:hidden; }
#footer ul { width:131px; display:block; overflow:hidden; }
#footer ul a { color:#fff; }
#footer ul a:hover { color:#e6b301; }
#footer li { height:20px; margin-bottom:3px; padding-left:22px; }
#footer li.twitter { background:url("../images/icons/li/twitter.png") no-repeat 2px 1px; padding-left:28px; }
#footer li.facebook { background:url("../images/icons/li/facebook.png") no-repeat 4px 0; padding-left:28px; }
#footer li.youtube { background:url("../images/icons/li/youtube.png") no-repeat 2px 0; padding-left:28px; }
#footer li.elvis { background:url("../images/icons/li/elvis.png") no-repeat 2px 0; padding-left:28px; }
#footer li.rss { background:url("../images/icons/li/rss.png") no-repeat 0 1px; }
#footer .column-middle a { display:block; float:left; overflow:hidden; }
.mcca { width:75px height:17px; margin:5px 0 0 18px; }
.dare { width:71px; height:28px; margin:0 0 0 79px; }
.miles { width:67px; height:42px; margin:16px 0 0 35px; }
.cossette { width:122px; height:29px; margin:25px 0 0 47px; }
#footer .bottom { font-size:11px; padding:14px 0; color:#5e666d; text-transform:uppercase; }
#footer .bottom img { float:left; margin-right:25px; }
/* #footer .bottom .text { width: 870px; float: right; line-height: 13px; } Old footer */
#footer .bottom .text { width: 250px; float: left; line-height: 13px;}
#footer .bottom a:hover { color: #000; }
#footer .talk-to-us{ width: 150px; float:left;}
/* email subscribe */
#email-subscribe { padding-top: 16px; display: none; width: 300px; }
#email-subscribe .cms_textfield { width: 282px; margin-bottom: 5px; }
/* homepage */
.home ul.news li.first { padding-top: 0; background-position: 0 0; }
.more-links { padding:25px 0 10px 0; }
/* news & views */
.article-summary .icon { width: 40px; height: 40px; padding-right: 8px; margin-right: 8px; border-right:1px solid #fece29; float:left; overflow:hidden; }
.article-summary .heading { width: 563px; float: right; margin-bottom: 18px; }
.article-summary .heading h2 { margin-bottom: 0; }
.article-summary .text { width: 570px; float:right; overflow:hidden; }
.article-summary a.img,
.article-summary img.border { display: block; margin-bottom: 18px; }
.paging { width: 570px; float: right; }
/* case studies */
.case-studies .vertical-divider { width: 1px; height: 382px; overflow: hidden; float: left; background: #fece29; margin-left: 20px; }
.sub-col-layout-wider-left .sub-col-left { width: 290px; float: left; }
.sub-col-layout-wider-left .sub-col-right { width: 280px; float: right; }
.sub-col-right .img-with-txt a.image { width: 103px; float: left; display: block; margin-right: 11px; }
.sub-col-right .img-with-txt .txt { width: 166px; float: right; overflow: hidden; color: #767676; font-size: 12px; line-height: 14px; }
.sub-col-right .img-with-txt .txt a.arrow-link { font-size: 12px; line-height: 14px; }
.sub-col-right .img-with-txt .txt h4 { color: #fff; }
.case-studies .column-right ul.left-arrow { display: block; margin-top: 8px; }
.case-studies h1 { margin-bottom: 30px; }
.case-studies .column-left h2 { font-size: 22px; margin: 27px 0 8px 0; }
.case-studies .column-right h2 { margin-bottom: 30px; }
/* testimonials */
.testimonials .scrollbar { height: 500px; }
.testimonials .scrollbar p { margin: 3px 0; }
.testimonials .small-sub { margin-bottom: 35px; }
.testimonials .scrollbar li a { text-transform: uppercase; }
.testimonial { display: block; font-size: 24px; color: #fece29; margin-bottom: 28px; }
/* clients */
.clients .top { margin-top: 30px; }
/* our-people */
.our-people .scrollbar h4 { text-transform: uppercase; }
.our-people .scrollbar .txt p { margin: 3px 0 16px 0; }
.our-people .right-arrow { margin-top: 40px; }
.our-people .scrollbar li { font-size: 14px; line-height: 16px; }
.our-people .scrollbar .arrow-link { font-size: 14px; line-height: 16px; }
/* awards */
.awards .column.right img { margin-bottom: 34px; }
.awards .column.right img.last { margin-bottom: 0; }
.awards h2 { margin-top: 50px; }
/* contact us */
.contact-us h1 { margin-bottom: 30px; }
.contact-us-toronto{ border-top: 1px solid #FECE29;}
/* scrollbar */
.scrollbar { height: 555px; overflow: auto; }
.mini .scrollbar { height: 400px; }
.scrollbar-container { padding: 5px 0; border-top: 1px solid #fece29; border-bottom: 1px solid #fece29; }
.scrollbar ul { margin: 0; }
.scrollbar li { display: block; margin-bottom: 8px; padding-top: 8px; border-top:1px solid #1a1a1a; background: none; font-size: 12px; line-height: 14px; }
.scrollbar li.first { border: none; }
.scrollbar li.active { border-top: none; background: #45380b; padding: 8px; margin-bottom: 0; }
.scrollbar li a.img { display: block; width: 100px; margin-right: 10px; float: left; zoom:1; }
.scrollbar li .txt { width: 152px; float: left; color: #767676; }
.scrollbar .txt p { margin: 0; }
.scrollbar .arrow-link { font-size: 12px; line-height: 14px; }
.scrollbar img.arrow { margin-left: 3px; margin-bottom: 0; }
/* overlay */
.overlay { display:none; position: relative; z-index:10000; background:#000; width:649px; padding: 32px; min-height:200px; border:1px solid #fece29; -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; }
.overlay .close { width:31px; height:23px; display: block; zoom: 1; position:absolute; right:0; top:0; background:url('../images/main/close.gif') no-repeat 0 0; cursor:pointer; }
.overlay .close:hover { background-position: -31px 0; }
.overlay .col-left { width: 313px; float: left; overflow: hidden; }
.overlay .col-right { width: 261px; float: right; overflow: hidden; text-align: center;}
.content .image-links .overlay ul { margin-top: 50px; }
.content .image-links .overlay li { width: auto; height: auto; float: none; display: list-item; margin: 0 0 2px 0; }
.overlay .logo { margin-bottom: 46px; }
/* form inputs */
.text-input,
.cms_textfield { display: block; background: #000; color: #fff; font-size: 12px; border: 1px solid #fece29; padding: 4px 8px; }
.focusField{ background: #332908; }
.idleField{ }
/* form buttons */
button.button::-moz-focus-inner { border:0 none; padding:0; }
button.button { background:none repeat scroll 0 0 transparent; border:0 none; cursor:pointer; margin:0; overflow:visible; padding:0; width:auto; float: right; margin-top: 7px; }
button.button span { padding-right: 11px; background:url("../images/main/arrow.gif") no-repeat 100% 40%; color:#fece29; display:block; height:19px; text-align:center; white-space:nowrap; }
button.button span span { border:0 none; padding:0; background: none; }
/* 08/04/2011 homepage amends */
.shopper {
border:none;
padding: 20px 0 20px 0;
}
a:hover .shopper {
border:none;
}
/* Whate We Believe */
.liveTop {
height:90px;
background:url(http://www.elviscommunications.com/images/feature/meaning-live.png) no-repeat;
position:relative;
top:20px;
left:129px;
width:519px;
text-indent:-9999px;
}
.complicated {
background:url(http://www.elviscommunications.com/images/feature/complicated.png) no-repeat;
height: 75px;
position:relative;
left:130px;
top:15px;
width:485px;
text-indent:-9999px;
}
.arrowOne {
overflow: hidden;
position:relative;
left:128px;
top:10px;
}
.arrowTwo {
overflow: hidden;
position:relative;
left:725px;
top:-120px;
}
.liveMid {
background:url(http://www.elviscommunications.com/images/feature/big-live.png) no-repeat;
height: 151px;
position:relative;
left:240px;
top:-50px;
width:482px;
text-indent:-9999px;
}
.static {
background:url(http://www.elviscommunications.com/images/feature/people-markets.png) no-repeat;
height: 108px;
position:relative;
left:355px;
top:-120px;;
width:487px;
text-indent:-9999px;
}
.change {
background:url(http://www.elviscommunications.com/images/feature/whats-live.png) no-repeat;
height: 79px;
position:relative;
left:355px;
top:-128px;
width:487px;
text-indent:-9999px;
}
.insightful {
background:url(http://www.elviscommunications.com/images/feature/inspired-work.png) no-repeat;
height: 76px;
position:relative;
left:355px;
top:-144px;
width:487px;
text-indent:-9999px;
}
.liveBtm {
background:url(http://www.elviscommunications.com/images/feature/live-intelligence-btm.png) no-repeat;
height: 175px;
position:relative;
left:355px;
top:-150px;
width:487px;
text-indent:-9999px;
}
.liveButton {
overflow: hidden;
background:url(http://www.elviscommunications.com/images/feature/link-button.png) no-repeat;
height: 43px;
text-indent:-9999px;
position:relative;
left:355px;
top:-152px;
width:487px;
border:none;
}
a:hover .liveButton {
border:none;
}
.liveContent {
height:1000px;
width: 906px;
}
/* Step Carousel */
.stepcarousel {
height: 685px; /*Height should enough to fit largest content's height*/
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
padding-bottom: 30px;
width: 906px; /*Width of Carousel Viewer itself*/
}
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 886px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height: 665px;
}
.stepcarousel .panel p {
text-indent: -9999px;
}
.content {
/*padding-top: 0;*/
}
#mygallery-paginate {
padding-bottom: 40px;
width: 906px;
}
#mygallery-paginate img {
padding-left: 8px;
}
#slide-1 {
background: url(../images/interfaces/step-carousel/slides/slide-1.gif) no-repeat top left;
}
#slide-2 {
background: url(http://www.elviscommunications.com/images/interfaces/step-carousel/slides/slide-2.gif) no-repeat top left;
}
#slide-3 {
background: url(../images/interfaces/step-carousel/slides/slide-3.gif) no-repeat top left;
position: relative;
}
#slide-3 a {
left: 472px;
position: absolute;
top: 430px;
}
#slide-3 img {
border: none;
text-decoration: none;
}