@charset "utf-8";
/* Ogilvy.ie - - - CSS Document */

/* @group Global Reset */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, /*sub,*/ sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}
/* @end */

/* ----------------------------------------------- GENERAL STUFF ------------------------*/
body {
	font: 75% Arial, Verdana, Helvetica, sans-serif;
	background: #fff url(../i/page-bg.gif) top left repeat-x; 	
	color:#3f3f3f;
	}	

/* General Links
------------------------------------------------------------------*/
a {color: #5c5c5c;/*font-weight:bold;*/text-decoration:underline;background-color: transparent;}
a:link {color: #5c5c5c;text-decoration:underline;background-color: transparent;} 
a:visited {color: #5c5c5c;text-decoration: underline;background-color: transparent;} 
a:hover	{color: #ea0d0d;text-decoration:none;background-color: ;} 
a:active {color: #5c5c5c;text-decoration:none;background-color: ;}	

/* HEADER 
-----------------------------------------------------------------------*/
#header {clear:both;width:188px;margin:55px auto 55px auto;}
#header h1.logo {text-indent:-9999px;display: block;}
#header h1.logo a {background: url(../i/ogilvy-logo.gif) no-repeat;float:left;width: 188px;height: 155px;}
#header h1.logo a:hover {background: url(../i/ogilvy-logo.gif) 0 -0px no-repeat;}

/* BANNER-STRAP
-----------------------------------------------------------------------*/
#banner-strap {clear:both;width:100%;height:160px;background:#000;}
#banner-strap .center {width:865px; margin:0 auto; height:160px;}
/* container for slides */
.images {
	background:#000;
	position:relative;	
	height:160px;
	width:865px;
	float:left;	
	margin:0px auto;
	cursor:pointer;
}
/* single slide */
.images div {display:none;position:absolute;top:0;left:0;margin:0px;height:160px;}
/* tabs (those little circles below slides) */
.tabs {display:none;clear:both;}
/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {visibility:hidden !important;}

/* MAIN-NAV
-----------------------------------------------------------------------*/
div#menu {clear:both; width:865px;height:17px; margin: 95px auto 0 auto; background:url(../i/main-nav.gif);}
div#menu ul#main-nav {list-style: none;	text-indent: -9999px;	position: absolute;}
div#menu ul#main-nav li {list-style: none;padding:0px;position: absolute;}
ul#main-nav li, ul#main-nav a {height: 38px;padding:0px;display: block;}
div#menu ul#main-nav li a {text-decoration: none;}
div#menu ul#main-nav li {text-decoration: none;}

#o-group {left: 0px;width: 123px;}
#o-mather	{left: 172px;width: 152px;}
#o-one {left: 374px;width: 95px;}
#whpr {left: 520px;width: 52px;}
#neo {left: 623px;width: 109px;}
#blogilvy {left: 781px;width: 83px;}

#o-group a:hover	{background:url(../i/main-nav.gif)  0px -17px no-repeat;}
#o-mather a:hover {background:url(../i/main-nav.gif)  -172px -17px no-repeat;}
#o-one  a:hover {background:url(../i/main-nav.gif)  -374px -17px no-repeat;}
#whpr a:hover {background:url(../i/main-nav.gif)  -520px -17px no-repeat;}
#neo a:hover	{background:url(../i/main-nav.gif)  -623px -17px no-repeat;}
#blogilvy a:hover	{background:url(../i/main-nav.gif)  -781px -17px no-repeat;}
	

/* ---------------------------------------------------------------------------- EXTRAS and HACKS 
--------------------------------------------------------------------------------------*/	
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}