/**
 * Header
 **/
body#clients #menu-clients a {
	color: #ff9000;
}
#header .top, #menu-reel a {
	background: #ff9000;
}

#clients_container {
    margin:0 auto;
    width:1012px;
}

.client_section {
    float:left;
    position:relative;
    width: 1012px;
	margin: auto;
	padding: 8px;
	margin-top:20px;
}

.client_section li {
    list-style-type:none;
    list-style:none;
}

.client_section h3 {
    float:left;
    position:relative;
    *position:absolute;
    height:18px;
    margin:10px 0 0px 0;
    padding:0;
    *padding:10px 0 10px 0;
    font-size:15px;
    width:600px;
    text-transform:uppercase;
    font-weight:normal;
    color: #000;
    _line-height:0;
}

#header-action-sports, #header-consumer-brands, #header-lifestyle---fashion, 
#header-food---beverage, #header-retail, #header-non-profit,
#header-professional-services,  #header-real-estate, #header-technology,
#header-media {
    background:url('../../images/common/titles_sprite.gif') no-repeat 0 -210px;
    height:14px;
    margin:0;
    padding:0;
}

#header-consumer-brands { background-position: 0 -231px;}
#header-lifestyle---fashion { background-position: 0 -252px;}
#header-food---beverage { background-position: 0 -273px;}
#header-retail { background-position: 0 -294px;}
#header-non-profit { background-position: 0 -483px; }
#header-professional-services { background-position: 0 -504px; }
#header-real-estate { background-position: 0 -525px; }
#header-technology { background-position: 0 -378px; }
#header-media { background-position: 0 -630px; }


.clients-list {
    float:left;
    position:relative;
    border:none;
    border-top:1px solid #c0c0c0;
    width:999px;
    margin:5px 0 0 0;
    padding:10px 0 0 0;
    width:999px;
    *width:1001px;
}

.clients-list li {
    float:left;
    position:relative;
    padding:0;
    margin:0 -1px -1px 0;
    z-index:0;
    border:none;
    list-style:none;
}

.clientbox {
    margin:0;
    padding:0;
    width:142px;
    height:92px;
}

.clientbox a, .clientbox a:link, .clientbox a:visited {
    float:left;
    position:relative;
    padding:0;
    border:none;
}

.border_fade {
    float:left;
    position:absolute;
    width:142px;
    height:92px;
    border:1px solid #d7d7d7;
    margin:0;
    padding:0;
}

.view_related a {
    float:right;
    position:relative;
    font-size:11px;
    margin:0;
    color: #ff9000;
    *position:absolute;
    *margin:-2px 0 0 880px;
}

.arrow {
	background: url('../img/clients_arrow.gif') no-repeat center right;
	padding: 0 12px 0 0;
}

/* agency */
#agency_subnav {
	width:100%;
	float:left;
	position:absolute;
	margin-top:100px;
	z-index:0;
}

.center_container {
	margin:0 auto;
	width: 1012px;
}

#agency_subnav .center_container ul { list-style:none; float:right; position:relative; margin:0 11px 0 0; padding:5px 0; _margin:0 5px 0 0;}
#agency_subnav .center_container ul li { float:left; position:relative; padding:0; text-transform:uppercase; }
#agency_subnav .center_container ul li a, 
#agency_subnav .center_container ul li a:link, 
#agency_subnav .center_container ul li a:visited {
	float:left; position:relative;
	background:url('../img/agency_subnav.gif') no-repeat 0 0;
	color:#000;
	display:block;
	height:18px;
	padding:0;
}
#agency_subnav .center_container ul li a span { float:left; position:relative; overflow:hidden; height:0; }

#agency_subnav #sub-expertise a, #agency_subnav #sub-expertise a:link, 
#agency_subnav #sub-expertise a:visited {
	width:70px;
	background-position:0 0;
}
#agency_subnav #sub-expertise a:hover, #agency_subnav #sub-expertise.active a { background-position:0 -22px; }

#agency_subnav #sub-about a, #agency_subnav #sub-about a:link, 
#agency_subnav #sub-about a:visited {
	width:50px;
	background-position:-80px 0;
}
#agency_subnav #sub-about a:hover, #agency_subnav #sub-about.active a { background-position:-80px -22px; }

#agency_subnav #sub-clients a, #agency_subnav #sub-clients a:link, 
#agency_subnav #sub-clients a:visited {
	width:57px;
	background-position:-141px 0;
}
#agency_subnav #sub-clients a:hover, #agency_subnav #sub-clients.active a { background-position:-141px -22px; }


/* expertise */
#expertise_container { 
	margin:0 auto; 
	margin-top:40px; 
/*	background:#f0f0f0;*/
	width:783px; 
	height:420px;
}

#expertise_container #cyan, #expertise_container #magenta {
	float:left;
	position:absolute;
	visibility:hidden;
/*
	width:400px;
	height:400px;
	border-radius:200px;
	-webkit-border-radius:200px;
	-moz-border-radius:200px;
	border:1px dashed #c0c0c0;
	opacity:.8;
*/
}

#expertise_container #cyan {
	width:413px; 
	height:420px; 
	background:url('../img/02_circle_cyan.png') no-repeat -2px 0;
	background:url('../img/02_circle_cyan.gif') no-repeat -2px 0\9;
/*	background:#00aeff;*/
	margin:0 0 0 372px;
}
#expertise_container #magenta {
	width:410px; 
	height:420px;
	background:url('../img/01_circle_magenta.png') no-repeat -4px 0px;
	background:url('../img/01_circle_magenta.gif') no-repeat -4px 0px\9;
/*	background:#ec008c;*/
	margin:0 0 0 4px;
}

#expertise_container #multiply {
	float:left;
	position:absolute;
	width:30px;
	height:420px;
	margin:0 0 0 377px;
	background:url('../img/03_circles.jpg') no-repeat -377px 0px;
	z-index:3;
	visibility:hidden;
}

#magenta #platform h2, #cyan #services h2 {
	font-family: proxima-nova-1, proxima-nova-2, sans-serif;
	font-size: 21px;
	font-weight: 300;
	margin-bottom: 10px;
	text-transform: uppercase;
	display:none;
}

#magenta #platform, #cyan #services { width:300px; margin:130px 0 0 65px; color:#FFF; }
#cyan #services { margin-left: 70px;}

#magenta #platform p, #cyan #services p { font-size:14px; width:280px; margin-bottom:10px; display:none;}

#magenta #platform .view, #cyan #services .view { 
	float:left; 
	position:relative; 
	margin:0;
	display:none;
}

#magenta #platform .view a, #magenta #platform .view a:link, #magenta #platform .view a:visited { 
	float:left;
	position:relative;	
	color:#FFF; 
	padding:3px 20px 3px 5px;
	background:#d60480 url('../img/expertise_arrow.png') no-repeat 105px 7px;
	*padding-top:2px;
	*background-position:108px 6px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	
}

#cyan #services .view a, #cyan #services .view a:link, #cyan #services .view a:visited { 
	float:left;
	position:relative;
	color:#FFF; 
	padding:3px 20px 3px 5px;
	background:#05a6e1 url('../img/expertise_arrow.png') no-repeat 107px 7px;
	*padding-top:2px;
	*background-position:110px 6px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

#magenta #platform .view a:active { margin-top:1px; }
#cyan #services .view a:active { margin-top:1px; }