﻿/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.1
*/
body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
/* HTML5 tags */  
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}

/* New School Clearfix - http://perishablepress.com/press/2009/12/06/new-clearfix-hack/ *****************/


.clearfix:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}
 
.clearfix {
	display: inline-block;
}
 
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */



.clear { clear: both; line-height:0;height:0;width:0;overflow:hidden;}


/*********Begin Main Style***********/

body{
	margin: 0 auto;padding:0; width: 950px;
	background:#ffffff;
	font-family: "Lucida Sans","Lucida Grande", "MS Trebuchet", sans-serif;
	color:#959595;
	font-size:0.9em;
}

nav,footer{
	font-family:"News Gothic MT","Lucida Sans","Lucida Grande", "MS Trebuchet", sans-serif;
}

h1,h2,h3,h4{
	font-family: "Lucida Sans","Lucida Grande", "MS Trebuchet", sans-serif;
	font-weight:normal;
	font-size:1.95em;
	color:#001b39;
}

h1.maintitle,h2.maintitle,h3.maintitle{height:0;width:0;line-height:0;text-align:-999em;font-size:0;color:#FFF;overflow:hidden;}

a,a:visited{text-decoration:none;color:#959595;outline:none;}

a:hover{color:#00aeff;}

div#main-body{
	padding-left:70px;
	min-height:327px;
	height:auto !important;
	height:327px;
}

.floatleft{
	float:left;
}
.floatright{
	float:right;
}

ul.fullwidth{
	width:870px;
}

body .underlined{text-decoration:underline;}

header, .header{
	height:120px;
}

/**********Nav***********/

nav{
	color:#818386;
	text-transform: uppercase;
	font-size:0.82em;
	margin-left:500px;
	height:50px;
}
nav ul li{
	width:200px;
}
nav ul.active{
	background:url('../img/site-active.gif') no-repeat top left;
}
nav ul.info-links{
	width:150px;
}
nav ul.infoactive{
	background: url('../img/contact-active.gif') no-repeat 212px -20px;
}

nav ul.contactactive{
	background: url('../img/contact-active.gif') no-repeat 212px -7px;
}

nav ul{
	padding-top:50px;
	float:left;
	height:82px;
	width:420px;
}
nav ul li{
	margin:0 0 5px 10px;
}
nav ul li a{
	text-indent:-999em;
	display:block;
	height:11px;
	width:123px;
}

nav ul li.home a{background: url('../img/nav/home-sprite.gif') no-repeat 0px 0px;}
nav ul li.home a:hover{background: url('../img/nav/home-sprite.gif') no-repeat 0px -11px;}
nav ul li.home a.active{background: url('../img/nav/home-sprite.gif') no-repeat 0px -11px;}

nav ul li.plc a{background: url('../img/nav/plc-sprite.gif') no-repeat 0px 0px;}
nav ul li.plc a:hover{background: url('../img/nav/plc-sprite.gif') no-repeat 0px -11px;}
nav ul li.plc a.active{background: url('../img/nav/plc-sprite.gif') no-repeat 0px -11px;}

nav ul li.offer a{background: url('../img/nav/offer-sprite.gif') no-repeat 0px 0px;}
nav ul li.offer a:hover{background: url('../img/nav/offer-sprite.gif') no-repeat 0px -11px;}
nav ul li.offer a.active{background: url('../img/nav/offer-sprite.gif') no-repeat 0px -11px;}

nav ul li.contact a{background: url('../img/nav/contact-sprite.gif') no-repeat 0px 0px;}
nav ul li.contact a:hover{background: url('../img/nav/contact-sprite.gif') no-repeat 0px -11px;}
nav ul li.contact a.active{background: url('../img/nav/contact-sprite.gif') no-repeat 0px -11px;}

nav ul li.leader a{background: url('../img/nav/team-sprite.gif') no-repeat 0px 0px;}
nav ul li.leader a:hover{background: url('../img/nav/team-sprite.gif') no-repeat 0px -11px;}
nav ul li.leader a.active{background: url('../img/nav/team-sprite.gif') no-repeat 0px -11px;}

nav ul li.talent a{background: url('../img/nav/talent-sprite.gif') no-repeat 0px 0px;}
nav ul li.talent a:hover{background: url('../img/nav/talent-sprite.gif') no-repeat 0px -11px;}
nav ul li.talent a.active{background: url('../img/nav/talent-sprite.gif') no-repeat 0px -11px;}


/****************Page Template***************/
.one-col p.first{margin-top:5px;}
.one-col{width:425px;padding-top:30px;}
.one-col p{margin:20px 0;}
.one-col h2{font-size:1.4em;}
.one-col ul{margin-top:5px;}
.one-col ul li{margin-bottom:2px;}
.one-col.floatright ul{margin-right:20px;}

.two-col ul{display:block;padding:100px 0 0 10px;}
.two-col ul li{width:166px;float:left;}

/************Homepage************/

.two-col.home h1{padding-top:30px;}
.two-col.home p{padding-top:40px;}

/**********What We Offer**********/

.two-col.what .comp-info {width:130px;margin:14px 14px 5px 1px;border:1px solid #d5d5d4;padding:8px;position:relative;z-index:30;font-size:0.85em;line-height:1.1em;
	-moz-box-shadow:0px 0px 4px #d5d5d4;-webkit-box-shadow:0px 0px 4px #d5d5d4;-ktml-box-shadow:0px 0px 4px #d5d5d4;box-shadow:0px 0px 4px #d5d5d4;
	-moz-border-radius:4px;-webkit-border-radius:4px;-ktml-border-radius:4px;border-radius:4px;/*left:auto;top:auto;*/text-indent:0;height:274px;background-color:#ffffff;
	}
.two-col.what .comp-info p{margin-bottom:3px; font-size:0.95em;}
	
.two-col.what .comp-info span.arrow{position:absolute;bottom:-8px;left:65px;border-right:8px solid transparent;border-left:8px solid transparent; border-top:8px solid #d5d5d4;height:0;width:0;line-height:0;}
.two-col.what .comp-info span.innerarrow{position:absolute;bottom:1px;left:-7px;border-right:7px solid transparent;border-left:7px solid transparent; border-top:7px solid #fff;height:0;width:0;line-height:0;z-index:10;}

.two-col.what .comp-info.vizeum {margin-right:20px;}

body.js .what .comp-info{display:none;}

.two-col.what ul{display:block;bottom:0;padding:0;}
.two-col.what ul li.company{
	width:154px;
	margin-right:8px;
	height:300px;
	text-indent:-9999px;
	font-size:1em;
	float:left;
	padding-bottom:15px;
}


.two-col.what ul li.company.posterscope{background: url('../img/physicalpresence.png') no-repeat -2px bottom;}
.two-col.what ul li.company.carat{background: url('../img/lhs-full-media.png') no-repeat bottom left;padding-right:14px;margin-right:0;}
.two-col.what ul li.company.vizeum{background: url('../img/rhs-full-media.png') no-repeat bottom right;margin-right:10px;}
.two-col.what ul li.company.isobar{background: url('../img/comms-assets.png') no-repeat bottom center;margin-right:12px;}
.two-col.what ul li.company.iprospect{background: url('../img/proformance-marketing.png') no-repeat bottom left;}

.two-col.what ul li.company.carat.sml-fm{background: url('../img/sml-full-media.png') no-repeat bottom left;}
.two-col.what ul li.company.vizeum.sml-fm{background: url('../img/sml-full-media.png') no-repeat bottom right;}

.two-col.what ul li.company.no-bg{background:none;}

.two-col.what ul li.company:hover{
	background:none;
}

.two-col.what ul li.company:hover div.comp-info{
	left:auto;
	top:auto;
	text-indent:0;
}

/*********Leadership********/
div#leader-body{
	padding:30px 0 0 0;
	min-height:447px;
	height:auto !important;
	height:447px;
}

.two-col.leaders{

}

.two-col.leaders ul{
padding:50px 0 0 5px;
margin:0;
height:339px;
background: url('../img/leadership-1.jpg') no-repeat bottom center;
}

.two-col.leaders ul li{width:65px; height:100%;text-indent:-999em;cursor:pointer;}


.two-col.leaders ul li.width75{width:75px;}
.two-col.leaders ul li.width100{width:100px;}
.two-col.leaders ul li.width70{width:70px;}

.two-col.leaders ul li .person-info span.arrow.left{left:30px;}
.two-col.leaders ul li .person-info span.arrow.center{left:45px;}
.two-col.leaders ul li .person-info span.arrow.right{left:80px;}

.two-col.leaders ul li .person-info span.arrow.left20{left:40px;}

.two-col.leaders ul li:hover .person-info{display:block; text-align:center;}

.two-col.leaders .person-info {background-color:#ffffff;display:none;width:200px;margin:100px 0px 0px 0px;border:1px solid #d5d5d4;padding:10px 10px 10px 10px;position:relative;z-index:40;font-size: 1em;text-indent:0;right:auto;
	-moz-box-shadow:0px 0px 4px #d5d5d4;-webkit-box-shadow:0px 0px 4px #d5d5d4;-ktml-box-shadow:0px 0px 4px #d5d5d4;box-shadow:0px 0px 4px #d5d5d4;
	-moz-border-radius:4px;-webkit-border-radius:4px;-ktml-border-radius:4px;border-radius:4px;cursor:pointer;
}

.two-col.leaders .person-info h2{font-family: "News Gothic MT","Lucida Sans","Lucida Grande", "MS Trebuchet", sans-serif;font-size: 0.9em; margin-bottom:5px;}
.two-col.leaders .person-info h3{font-family:Arial, Helvetica,"MS Trebuchet", sans-serif;color:#959595;font-size: 0.76em;margin-bottom:5px;}

.two-col.leaders .person-info p{width:200px;font-size:0.76em;}
	

.two-col.leaders .person-info span.arrow{position:absolute;top:-8px;left:65px;border-right:8px solid transparent;border-left:8px solid transparent; border-bottom:8px solid #d5d5d4;height:0;width:0;line-height:0;}
.two-col.leaders .person-info span.innerarrow{position:absolute;top:1px;left:-7px;border-right:7px solid transparent;border-left:7px solid transparent; border-bottom:7px solid #fff;height:0;width:0;line-height:0;z-index:10;}

body.js .leaders .person-info{
	width:120px;
	padding:10px 5px 5px;
}

body.js .leaders .person-info p{
	display:none;
}	

/**********jQ Overlay********/

.simple_overlay {display:none;z-index:10000;background-color:#FFF;padding:15px;	width:675px;	min-height:200px;border:1px solid #666;text-indent:0;
	-moz-box-shadow:0 0 60px 5px #3d3d3d;-webkit-box-shadow: 0 0 60px #3d3d3d;-khtml-box-shadow: 0 0 60px #3d3d3d;box-shadow: 0 0 60px #3d3d3d;
	-moz-border-radius:4px;-webkit-border-radius:4px;-ktml-border-radius:4px;border-radius:4px;
}

.simple_overlay h2{
	font-size:1.2em;
}

.simple_overlay h3{
	font-size:0.8em;

}
.simple_overlay p{
	font-size:0.8em;
}
.simple_overlay *{
	margin-bottom:10px;
}
.simple_overlay img{
	margin-bottom:0px;
}


.simple_overlay .close {
	background-image:url(../img/go-back.gif);
	position:absolute;
	right:10px;
	top:10px;
	cursor:pointer;
	height:14px;
	width:52px;
}


/*********Footer***********/
footer{ background:#fff url('../img/footer-shadow.png') no-repeat 0px 57px;}

footer ul{padding-left:60px;margin-bottom:37px;}

footer ul#divison ul{

}

footer ul#divison li:hover ul{

}

footer ul#divison ul li:hover div{

}

footer ul li{
	width:166px;
	height:113px;
	text-indent:-9999px;
	line-height:113px;
	font-size:1em;
	float:left;
}

footer ul li.posterscope{
	background: url('../img/footer-posterscope.png') no-repeat top center;
	
}
footer ul li.carat{
	background: url('../img/footer-carat.png') no-repeat top center;
}
footer ul li.vizeum{
	background: url('../img/footer-vizeum.png') no-repeat top center;
}

footer ul li.isobar{
	background: url('../img/footer-isobar.png') no-repeat top center;
}
footer ul li.iprospect{
	background: url('../img/footer-iprospect.png') no-repeat top center;
}

footer ul li a{height:100%;width:100%;display:block;}

footer div.footer-text{
	padding:33px 0px 33px 40px;
	background:#001b39;
}

footer span.copyright{
	font-size:0.5em;
	margin-right:200px;
}