@import url( reset.css );

/** needed for swffit IE9 **/
object{
	position: absolute;
	outline: none;
}


.pngfix { *behavior: url( /Assets/css/iepngfix.htc ); }
 
body { font-family: Arial; width: 100%; }

object { outline: none; }

.pageContainer object { position: static !important; }

body {font-family: arial; color: #999999; padding-bottom: 65px; _padding-bottom: 0; }

.leaderProfileImg { background-repeat: no-repeat; background-position:  200px 100%; background-attachment: fixed}
.officeFlashContainer { top: -60px; margin-bottom: -60px; position: relative; }

a {color: #666666; text-decoration: none;}
a:hover {color: #cc0000;}

/* page structure */
	.pageContainer { padding: 0 0 0 30px; min-width: 800px; }
	.mainContent {display: block; float: left; padding-bottom: 60px; width: 780px; }

	.columnContainer { width: 950px; }
	.mainCloudContainer { width: auto; }
	.columnContainer .leftColumn { float: left; padding-bottom: 1px; }
	.columnContainer .rightColumn { float: left; padding-bottom: 1px; }

	.twoColumns .leftColumn {width: 360px; padding-right: 30px; }
	.twoColumns .rightColumn{width: 360px;}

	.largeColumn  { width: 550px; }

	.leaderProfile .titleWrap {width: 470px;}
/* end of page structure */

/* header */
	.headerContainer { height: 110px; width: 850px; }
	h1 {padding: 25px 0 0 0; float: left; width: 153px; }
	h1 a {display: block; height: 13px; float: left; width: 153px; background-image:url('../images/logo-ogilvy_and_mather-153x13.gif'); background-repeat: no-repeat; background-position: 0 0; overflow: hidden; text-indent: -9999px;}
/* end of header */

/*footer*/
	.footerContainer { height: 55px; position: fixed; bottom: 0; background-color: #fff; left: 0; width: 100%; }
	.footerContainer ul { padding-left: 60px; }
	.footerContainer ul li {float: left; padding: 22px 55px 0 0;}
	.footerContainer ul li a {display: block; height: 13px; overflow: hidden; background-repeat: no-repeat; background-position: 0 0; text-indent: -9999px;}
	.footerContainer ul li a:hover { background-position: 0 -17px;}
	.footerContainer ul li.contact a {width: 76px; background-image:url('../images/nav-contact-76x30.gif');}
	.footerContainer ul li.offices a {width: 69px; background-image:url('../images/nav-offices-69x30.gif');}
	.footerContainer ul li.careers a {width: 77px; background-image:url('../images/nav-careers-77x30.gif');}
	.footerContainer ul li.privacypolicy a {width: 132px; background-image:url('../images/nav-privacy_policy-132x30.gif');}
	.footerContainer ul li.pressreleases a {width: 144px; background-image:url('../images/nav-press_releases-144x30.gif');}
	.footerContainer ul li.noFlash a { text-indent: 0; height: 20px; width: 115px; }
	.footerContainer ul li.noFlash { float: right; padding: 17px 20px 17px 0; }
/* end of footer */

/*back Button*/
	.backBtnWrap {float: left; width: 152px; padding: 7px 15px 0 0;}
	a.backBtn  {display: block;  font-size: 14px; height: 16px; width: 152px; overflow: hidden;   background-color: #cc0000; color: #fff;  float: right;  padding: 14px 0 12px 0; text-transform:uppercase; }
	a.backBtn:hover {color: #666666; background-color: #ebebeb; }
	a.backBtn span {height: 14px; overflow: hidden; font-weight: bold; background-image:url('../images/icon-back_arrows-16x32.gif'); background-repeat: no-repeat; background-position:0 0; float: right; padding: 0 17px;}
	a.backBtn:hover span {background-position:0 -16px;  color: #cc0000;  }
/* end of back button */

/* filter nav */
	ul.filterNav  { float: left; font-family: Arial; font-size: 16px; text-transform: uppercase; padding: 21px 0 0 10px; }
	ul.filterNav li { float: left; padding-left: 50px; }
	ul.filterNav li a { font-weight: bold; }
	ul.filterNav li.active a { color: #cc0000; }
/* end of filter nav */

/* page parts */
	/*related links*/
	.mainContent li.relatedLink {padding: 5px 0 5px 0; font-size: 14px; line-height: 14px; font-weight: bold;}
	.mainContent li.relatedLink a { display: block; padding: 0 0 0 12px; background-image:url('../images/icon-related-9x24.gif'); background-repeat: no-repeat; background-position:0 0px;}
	.mainContent li.relatedLink a:hover {background-position:0 -12px;}

	/* title and subhead */
	.titleWrap { padding: 0 0 26px 0; width: 780px; }
	.mainContent .titleWrap h2 {font-size: 60px;  color: #666; margin: -10px 0 0 0;  }
	.mainContent .titleWrap h3 {font-size: 27px; line-height: 32px;  letter-spacing: 1px; color: #666; }	
	
	/* default styles */
	.mainContent td, .mainContent p {font-size: 14px; line-height: 24px; padding-bottom: 23px; }
	.mainContent p.quote {font-size: 40px; line-height: 46px; padding-bottom: 30px;}
	.mainContent p.linkWrap {padding-bottom: 30px;}

	.mainContent a {color: #cc0000;}
	.mainContent a:hover {color: #666;}

	.cmsContent ul, .cmsContent ol { padding-bottom: 23px; }
	.cmsContent td, .cmsContent ol li, .cmsContent ul li { font-size: 14px; line-height: 24px; }
	.cmsContent em { font-style: italic; }
	.cmsContent strong { font-weight: bold; }
	.cmsContent ul li { list-style: disc; font-size: 14px; line-height: 24px; margin-left: 15px; }
	.cmsContent ul ul li { margin-left: 30px; }
	.cmsContent ul ul ul li { margin-left: 45px; }
	.cmsContent ul ul ul ul li { margin-left: 50px; }
	.cmsContent ul ul ul ul ul li { margin-left: 65px; }
	
	.cmsContent ol li { list-style-type: decimal; font-size: 14px; line-height: 24px; margin-left: 20px; }
	.cmsContent ol ol li { margin-left: 40px; }
	.cmsContent ol ol ol li { margin-left: 60px; }
	.cmsContent ol ol ol ol li { margin-left: 80px; }
	.cmsContent ol ol ol ol ol li { margin-left: 100px; }
	
	.cmsContent img.left { float: left; padding: 0 12px 12px 0; }
	.cmsContent img.right { float: right; padding: 0 0 12px 12px; }
	
	.cmsContent .alignCenter { text-align: center; }
	.cmsContent .alignRight { text-align: right; }
	
	.caption p {border-top: 1px solid #cccccc; font-size: 12px; line-height: 15px; font-style: italic; padding: 10px 0 10px 0;}
	
	.networksPage .bodyImage { position: relative; margin-top: -26px; }
/* end of page parts */

/* press releases */
	ul.pressReleases li {display: block; padding: 15px 0 0 0; margin-left: -10px; }
	ul.pressReleases li a {display: block; position: relative; font-size: 14px; line-height: 24px;  padding: 0 0 0 15px;}
	ul.pressReleases li a:hover {background-color: #ebebeb;}
	ul.pressReleases li a span.date    {display: block; float:left; width: 154px; color: #666; }
	ul.pressReleases li a span.release {display: block; float:left; color: #cc0000; width: 620px; }
/* end of press releases */

/*contact form*/
	.mainContent .errorContainer { padding-bottom: 30px; }
	.mainContent .errorContainer li { color: #c00; padding-bottom: 3px; }
	
	.contactForm p, .contactForm li, .contactForm ul {font-size: 12px; line-height: 12px; padding: 0; color: #666;}
	.contactForm h4 {color: #333; font-size: 18px; padding-bottom: 10px;}

	.contactForm .topFormBox p {clear: both; padding-bottom: 5px;}
	.contactForm .topFormBox label {display: block; float: left; width: 140px; text-align: right; padding: 4px 4px 0 0;}
	.contactForm .topFormBox input {display: block; float: left; }
	# .contactForm .topFormBox label.lastname {width: 84px; }

	.contactForm .topFormBox .formFloatWrap {clear: both; padding-bottom: 5px;}
	.contactForm .topFormBox .formFloatWrap p {float: left;clear: none; padding: 0;}

	.contactForm input.medium {width: 118px; }
	.contactForm input.large {width: 330px; }
	.contactForm input.medlarge {width: 250px;}

	.contactForm .bottomFormBox {width: 330px; padding: 25px 0 0 140px; clear: both;}
	.contactForm .bottomFormBox .top {border-bottom: 1px solid #efefef; padding-top: 10px;}
	.contactForm .bottomFormBox .bottom {padding-top: 5px;padding-bottom: 20px;} 
	.contactForm .bottomFormBox ul {display: block; float: left; width: 165px; }
	.contactForm .bottomFormBox ul li {padding: 0 0 5px 0;}

	.contactForm .bottomFormBox textarea {width: 330px; height: 130px;}

	.contactForm .bottomFormBox h4.submit {clear: both; font-size: 30px; font-weight: normal; padding: 15px 0 10px 0;}
	.contactForm .bottomFormBox h4.submit  a {display: block;  height: 32px; overflow: hidden;  background-image:url('../images/icon-submit_arrows-25x64.gif'); background-repeat: no-repeat; background-position:0 0;  color: #cc0000;  padding: 0 0 0 30px;}
	.contactForm .bottomFormBox h4.submit  a:hover {color: #666666; background-position:0 -32px;}

	.contactForm .mandatory { padding: 10px 0 0 143px; }
	
	.contactForm .captchaBox { margin-top: 40px; }
	.contactForm .captchaBox p { padding-bottom: 5px; padding-top: 5px; }
	
	.contactForm .listRow li { clear: both; }
	.contactForm .listRow li input { float: left; }
	.contactForm .listRow li label { float: left; width: 130px;  line-height: 17px; }
	
	.contactForm .careersLink { padding-bottom: 20px; }
/* end of contact form */

/* cloud */

	.mainCloudContainer { }
	.mainCloudContainer { line-height: 32px; }  
	.mainCloudContainer span.dash { font-size: 32px; line-height: 32px; padding: 0 10px; }
	
	.mainCloudContainer a.textType { font-size: 32px; line-height: 50px; font-family: Arial; vertical-align: bottom; }
	.mainCloudContainer a.IsSection { color: #c00 !important; }
	.mainCloudContainer a.IsExternal { font-family: Georgia, Times New Roman; }

	.mainCloudContainer a.weight-10 { color: #666; }
	.mainCloudContainer a.weight-9 { color: #717171; }
	.mainCloudContainer a.weight-8 { color: #7d7d7d; }
	.mainCloudContainer a.weight-7 { color: #898989; }
	.mainCloudContainer a.weight-6 { color: #959595; }
	.mainCloudContainer a.weight-5 { color: #a1a1a1; }
	.mainCloudContainer a.weight-4 { color: #adadad; } 
	.mainCloudContainer a.weight-3 { color: #b9b9b9; }
	.mainCloudContainer a.weight-2 { color: #c5c5c5; }
	.mainCloudContainer a.weight-1 { color: #d1d1d1; }
	.mainCloudContainer a.weight-0 { color: #ddd; }
	
	.allBrowsers .mainCloudContainer li { line-height: 50px; font-size: 32px; display: inline; padding-left: 20px; margin-right: 10px; background: url( ../images/img-cloud_seperator.gif ) 0 17px no-repeat; }
	.allBrowsers .mainCloudContainer li.first { padding: 0; background: none; }
	
	body.blackberry { padding-bottom: 0; }
	.blackberry  .headerContainer { width: 900px; }
	.blackberry .footerContainer { width: 900px; }
	.blackberry a.backBtn:hover { background-color: #c00; }
	.blackberry .footerContainer { height: 55px; width: 900px; position: static; background-color: #fff; }
	.blackberry .footerContainer ul { padding-left: 30px; }
	.blackberry .footerContainer ul li {float: left; padding: 22px 30px 0 0;}
	.blackberry .footerContainer ul li a {color: #666; text-indent: 0; background: none; height: auto; text-transform: uppercase; }
	.blackberry .footerContainer ul li a:hover { color: #c00; }
	.blackberry .footerContainer ul li.noFlash { float: right; padding: 17px 20px 17px 0; }
	
/* end of cloud */

/* work gallery */
	.workGalleryContainer { width: 830px; margin: auto; }
	.workGalleryContainer .backBtnWrap { float: right; width: 43px; padding: 0; }
	.workGalleryContainer .backBtnWrap a { width: 43px; height: 43px; padding: 0; background: url( ../images/btn-close_off.png ) 0 0 no-repeat; text-indent: -9999px; }
	.workGalleryContainer .backBtnWrap a:hover { background-image: url( ../images/btn-close_on.png ); }
	.workGalleryContainer .backBtnWrap a span { display: none; }
	.galleryColumnContainer { width: 840px; }
	.galleryColumnContainer .galleryTextItem p { padding: 3px 7px; }
	.galleryColumnContainer .galleryTextItem { overflow: hidden; }
	.galleryColumnContainer .leftColumn { padding-right: 9px; }
	.galleryColumnContainer .secondFeaturedItem { float: left; padding-right: 9px; }
	.galleryColumnContainer .thirdFeaturedItem { float: left; }

	.galleryColumnContainer .columnFive { float: left; width: 470px; padding-top: 9px; *padding-right: 9px; *width: 461px; }
	.galleryColumnContainer .columnFour { float: right; width: 360px; padding-top: 9px; }	
	.galleryColumnContainer .columnFive li { float: right; margin-left: 9px; margin-bottom: 9px; }	
	.galleryColumnContainer .columnFour li { float: left; margin-right: 9px; margin-bottom: 9px; }
	.galleryColumnContainer li.mediumItem { width: 170px; }
	.galleryColumnContainer li.smallItem { width: 110px; }
/* end of work gallery */

.shareContainer { float: right; padding: 17px 133px 0 0; }
.shareContainer a { text-indent: -9999px; display: block; height: 24px; width: 128px; background: url( ../images/img-share.gif ) 0 0 no-repeat; }
#footer
 {
  *right: auto; *bottom: auto;  *position: absolute; *bottom: 0px; *overflow: visible;
  *top: expression( ( 0 - footer.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

/* sIFR */
@media screen {
  .sIFR-flash { visibility: visible !important; margin: 0; padding: 0; position: static;}
  .sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
  .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
  .sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; }
}

@media print {
  .sIFR-flash { display: none !important; height: 0; width: 0; position: absolute; overflow: hidden; }
  .sIFR-alternate { visibility : visible !important; display: block !important; position: static !important; left: auto !important; top: auto !important; width: auto !important; height: auto !important; }
}
/* End of sIFR */




/*videoplayer html5*/
.videoPlayer {height:100%; width:100%; position:absolute; top:0; right:0; bottom:0; left:0; background-color:#000;}

ul.videoControls {width:865px; height:50px; position:absolute; /*margin: 0 auto; */}
ul.videoControls li {display:block; height:50px; float:left; background:url('../images/videoplayer-controls-bg.png') repeat-x; /*background-color:rgba(102,102,102, 0.5);*/ color:#fff;}
ul.videoControls li a {display:block; height:50px; float:left; text-indent:-9999px; background-repeat:no-repeat;}
ul.videoControls li.closeBtn { margin-left:5px;}
ul.videoControls li.progressBarWrap {padding-right:10px;}
ul.videoControls li.progressBarWrap .progressBar {width:662px; height:15px; background-color:rgba(153,153,153, 0.5); margin-top:18px; cursor:pointer; overflow:hidden;}
ul.videoControls li.progressBarWrap .progress {height:15px; width:0; background-color:rgba(255,255,255, 1);}

ul.videoControls li.playBtn a {width:45px; background-image:url('../images/videoplayer-controls-sprite.png'); background-position:-2px 0;}
ul.videoControls li.playBtn a:hover { background-position:-2px -50px;}
ul.videoControls li.playBtn a.playing {background-position:-55px 0;}
ul.videoControls li.playBtn a.playing:hover {background-position:-55px -50px;}

ul.videoControls li.volumeBtn a {width:30px; background-image:url('../images/videoplayer-controls-sprite.png'); background-position:-120px 0;}
ul.videoControls li.volumeBtn a.off {background-position:-171px 0;}
ul.videoControls li.fullScreenBtn a {width:40px; background-image:url('../images/videoplayer-controls-sprite.png'); background-position:-212px 0; display:none;}
ul.videoControls li.fullScreenBtn a:hover {background-position:-212px -50px;}
ul.videoControls li.closeBtn a {width:50px; background-image:url('../images/videoplayer-controls-sprite.png'); background-position:-255px 0 ;}
ul.videoControls li.closeBtn a:hover {background-position:-255px -50px;}