body { font-family: 'lucida grande', helvetica, verdana, arial, sans-serif; }
p, a, h1, h2, h3 { color: #fff; } 
p, td { font-size: 12px; line-height: 15px; margin: 0px 10px 8px 10px; text-align: left; } 
h1 { font-size: 16px; line-height: 20px; margin: 0px 10px 4px 10px; padding-top: 10px; } 
h1.archive { font-size: 16px; line-height: 20px; margin: 0px 10px 4px 10px; padding-top: 10px; text-transform: uppercase; } 
h2 { font-size: 14px; line-height: 18px; margin: 0px 10px 4px 10px; padding-top: 10px; } 
h3 { font-size: 14px; line-height: 18px; font-weight: normal; margin: 0px 10px 4px 10px; }
h4 { font-size: 14px; line-height: 18px; font-weight: normal; margin: 15px 10px 4px 10px; color: #b7aabc; } 
.clear { clear: both; }

#wrapper { width: 1007px; margin: 0px auto 0px auto; padding: 0; }

#header {  height: 67px;  background: #000000; }

#headerLogo { width: 163px; margin-left: 204px; float: left; border-left: #FFFFFF 1px solid; border-right: #FFFFFF 1px solid; }
#headerStatement { width: 412px; float: left; }
#headerStatement img { margin: 10px 0px 0px 10px; }

#headerRight {  width: 226px; float: left; margin-bottom: -3px; }
#headerRight .headerRightHeading { color: #fff; margin: 8px 0px 5px 0px; }
#headerRight td { color: #b7aabc; }
#headerRight input[type=text], #headerRight input[type=password] { width: 125px; height: 14px; margin: 0px 3px 0px 0px; background-color: #000; border: #b7aabc 1px solid; color: #FFF; font-size: 11px; }
#headerRight input[type=image] { position:absolute; margin: 0px 0px 0px 207px; border: none; top: 44px; }
.headerRightHeading p  { line-height: 17px;   }
.headerRightHeading p a img { margin-top: -2px; margin-left: 2px; vertical-align: middle; }
.headerForgottenPassword { color: #b1b0da; font-weight: normal; text-align: right; padding-left: 20px;}
.headerForgottenPassword a { color: #b1b0da; margin-left: 12px; }


p.otm_home { text-align: right; color: #afb0d9; font-weight: bold; padding-top: 590px;}
p.otm { text-align: right; color: #afb0d9; font-weight: bold; margin-top: 10px; }
p.otm_home a { color: #afb0d9; font-weight: bold; text-decoration: none; }
p.otm_home a:hover { text-decoration: underline; }
p.otm a { color: #afb0d9; font-weight: bold; text-decoration: none; }
p.otm a:hover { text-decoration: underline; }
img.otm { vertical-align: middle; }


#container {  }


/*---------  NAVIGATION  --------------*/

#navigation { width: 205px; float: left; }


.nav a {
	height: 18px;
	padding-left: 5px;
	padding-top: 4px;
	margin-bottom: 3px;
	cursor:pointer;
	display:block;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	background: url("../images/nav_main_bg.gif") 0 0 no-repeat; 
	color: #FFFFFF;
	font-size: 12px; 
}
.nav a:hover { background-image: url("../images/nav_main_highlight_bg.gif"); }
.nav a.selected { color: #b7aabc; background-image: url("../images/nav_main_bg_arrowUp.gif"); }
.nav a:hover.selected { color: #b7aabc; background-image: url("../images/nav_main_highlight_bg_arrowUp.gif"); }

.subnav { background: url("../images/nav_2nd_bg.gif"); margin-top: -4px; margin-bottom: 3px; border-bottom: 1px solid #FFFFFF; }

.subnav p { margin: 0; }
 
.subnav p a {
	margin: 0;
	height: 18px;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 3px;
	cursor:pointer;
	display:block;
	text-decoration: none;
	font-weight: normal;
	font-size: 10px;
	border-top: 1px solid #FFFFFF;
	border-bottom: none;
	color: #FFFFFF;
	background-image: none;
	font-size: 12px; 
}
.subnav p a:hover { background-image: none; font-weight: bold; }
.subnav p a.selected { color: #ffffff; }
a.navwithsubs { background: url("../images/nav_main_bg_arrowDown.gif") 0 0 no-repeat; }
a:hover.navwithsubs { background: url("../images/nav_main_highlight_bg_arrowDown.gif") 0 0 no-repeat; }

.thisnavpage { color: #b7aabc; font-weight: bold; }
a.thisnavsectionnosubs, a:hover.thisnavsectionnosubs { background: url("../images/nav_main_highlight_bg.gif") 0 0 no-repeat; color: #b7aabc; }
a.thisnavsectionwithsubs, a:hover.thisnavsectionwithsubs { background: url("../images/nav_main_highlight_bg_arrowDown.gif") 0 0 no-repeat; color: #b7aabc; }


/*------------  HOME PAGE  ----------------*/
#homeHero { position: absolute; width: 801px; height: 325px; border: #fff 1px solid; }

#hero1 { position: absolute; display: block;}
#hero2 { position: absolute; display: none; }
#hero3 { position: absolute; display: none; }
#hero4 { position: absolute; display: none; }

#homeHeroText { position: absolute; margin-left: 545px; height: 325px; top: 0px; width: 255px; border-left: #fff 1px solid; background-image: url("../images/black_70pc.png"); }

#homeHeroSmallPic { position: absolute; margin-left: 545px; top: 162px; border-left: #fff 1px solid; border-top: #fff 1px solid; }

#homeHeroText h1.campaign { font-size: 16px; line-height: 20px; margin: 0px 10px -10px 10px; padding-top: 10px; color: #afb0d9; }
#homeHeroText h2 { float: left; font-size: 11px; height: 20px; font-weight: bold; text-decoration: none; padding: 0; }
#homeHeroText p { margin: 10px 10px 0px 10px; }
#homeHeroText a { text-decoration: none; }
#homeHeroText a:hover h2 { color: #b7aabc; }
#homeHeroText a img { float:left; margin: 0px 0px 0px 8px; text-decoration: none; border: 0; }
#homeHeroText #link { position: absolute; top: 295px; }

#caseStudy1 { position: absolute; top: 420px; width: 257px; padding-bottom: 6px; background: url("../images/black_70pc.png"); display: none; }
#caseStudy2 { position: absolute; top: 420px; width: 257px; padding-bottom: 6px; background: url("../images/black_70pc.png"); }
#caseStudy3 { position: absolute; top: 420px; width: 257px; padding-bottom: 6px; margin-left: 273px; background: url("../images/black_70pc.png"); }
#caseStudy4 { position: absolute; top: 420px; width: 257px; padding-bottom: 6px; margin-left: 546px; background: url("../images/black_70pc.png"); }

#caseStudy1 img, #caseStudy2 img, #caseStudy3 img, #caseStudy4 img { border: #fff 1px solid; margin-bottom: 4px; }
#caseStudy1 h2, #caseStudy2 h2, #caseStudy3 h2, #caseStudy4 h2 { float: left; text-decoration: none; padding: 10px 0px 0px 0px; }
#caseStudy1 a, #caseStudy2 a, #caseStudy3 a, #caseStudy4 a { text-decoration: none; }
#caseStudy1 a:hover h2, #caseStudy2 a:hover h2, #caseStudy3 a:hover h2, #caseStudy4 a:hover h2 { color: #b7aabc; }
#caseStudy1 a img, #caseStudy2 a img, #caseStudy3 a img, #caseStudy4 a img { float: right; margin: 10px 10px 0px 0px; text-decoration: none; border: 0; }

/*------------  MAIN CONTENT  ----------------*/

#content { float: left; width: 803px; margin-left: -1px; }
#content_ie {  }

#contentMain { float: left; width: 559px; }

#contentRight { float: right; width: 241px; min-height: 440px; background: url("../images/content_right_dark.png") 0 0 no-repeat; border: #fff 1px solid; padding: 20px 0px 0px 0px; }
#contentRightIE6 {  } 
#contentRightEmpty { float: right; width: 241px; min-height: 400px; border: #fff 1px solid; } 
#contentRightEyeball { float: right; width: 241px; height: 300px; background: url("../images/content_right.jpg") 0 0 no-repeat; border: #fff 1px solid; }
#contentRightGroupServices { float: right; width: 241px; min-height: 511px; background: url("../images/content_right_empty.png") 0 0 no-repeat; border: #fff 1px solid; }  


#contentRightArchive { float: right; padding-top: 7px; padding-bottom: 20px; width: 241px; min-height: 573px; background: url("../images/white_20pc.png") 0 0 no-repeat; border: #fff 1px solid; }  
#contentRightSpaceTop { padding-top: 37px; } 
#contentRightSpaceTop426High { padding-top: 0px; padding-bottom: 20px; height: auto; } 

#contentRight ul { margin: 0px 10px 0px 25px; }
#contentRight ul li.purple { font-size: 14px; margin: 5px 0px 5px 0px; color: #afb0d9; }
#contentRight ul li.white { font-size: 14px; margin: 5px 0px 5px 0px;  color: #FFFFFF; }

#contentRight p { margin: 0px 10px 8px 10px; }
#contentRight p.quotes { font-style: oblique; margin: 0px 10px 8px 10px; }
#contentRight p.quoteName { margin: 0px 10px 0px 10px; font-weight: bold; }
#contentRight p.quoteCompany { margin: 0px 10px 20px 10px; }

#contentRight .rightLinks p { width: 219px; height: 23px; margin: 0px 0px 7px 6px; padding: 6px 0px 0px 8px; border: #fff 1px solid;  }
#contentRight .rightLinks a p { background: url("../images/bg_rightLinks.jpg") 0 0 no-repeat; }
#contentRight .rightLinks a { text-decoration: none; }
#contentRight .rightLinks a:hover p { background: url("../images/bg_rightLinks_highlight.jpg") 0 0 no-repeat; }



#mainTextAreaWrapper { background: url("../images/bg_maintextpanel_02.jpg"); margin-right: -1px; }
#mainTextArea { width: 559px; padding-bottom: 10px; background: url("../images/bg_maintextpanel_04.jpg") 0 0 no-repeat; border: #fff 1px solid; }
#mainTextArea2 { width: 559px; padding-bottom: 10px; margin-top: -1px; background: url("../images/bg_maintextpanel_04.jpg") 0 0 no-repeat; border: #fff 1px solid;}
#mainTextArea3 { width: 559px; padding-bottom: 30px; padding-top: 20px; margin-top: -1px; background: url("../images/bg_maintextpanel_04.jpg") 0 0 no-repeat; border: #fff 1px solid;}
#mainTextArea .quote, #mainTextArea2 .quote { font-size: 12px; margin-top: 12px; margin-bottom: 20px; }
#mainTextArea a:hover, #mainTextArea2 a:hover { text-decoration: none; }
#mainTextAreaArchive { width: 559px; min-height: 590px; height: auto; padding-bottom: 10px; background: url("../images/bg_maintextpanel_04.jpg") 0 0 no-repeat; border: #fff 1px solid; }

#mainTextAreaWrapperClients { margin-right: -1px; }
#mainTextAreaClients { width: 559px; height: 463px; background: url("../images/bg_clients.png") -146px 80px no-repeat; padding-bottom: 10px; border: #fff 1px solid; }
#mainTextAreaOurClients { width: 559px; height: 460px; background: url("../images/client.png") 0px 60px no-repeat; padding-bottom: 10px; border: #fff 1px solid; }
#mainTextAreaOurExperience { width: 559px; height: 380px; background: url("../images/experience.png") 0px 60px no-repeat; padding-bottom: 10px; border: #fff 1px solid; }

.backLink { padding-left: 0px; padding-top: 10px; margin-bottom: 0px; }
.backLink a { text-decoration: none; }
.backLink a:hover { text-decoration: none; color: #b7aabc; }
.backLink a img { float: left; margin: 0px 6px 0px 0px; padding-top: 2px; text-decoration: none; border: 0; }

#mainTextAreaImage { border: #fff 1px solid; width: 559px; margin-top: -1px; padding: 0; margin-bottom: 0px; }
#mainTextAreaImageGroupServices { width: 559px; padding: 0; margin-bottom: 20px; margin-top: 20px; }
.groupServicesLogo { margin-left: 0.5px; margin-right: 0.5px; margin-bottom: 2px;}
.groupServicesLogo_first { margin-left: 4px; margin-right: 0px; margin-bottom: 2px;}

#mainTextAreaImageMeetTheTeam { width: 559px; height: 364px; padding: 0; background: url("../images/management_bg.jpg") no-repeat; margin-top: 5px; }


#rotator { position:relative; margin-top: -1px; height: 305px; border: #fff 1px solid; width: 559px; }
#rotator ul li { float:left; position:absolute; list-style: none; }
#portfolio { position: absolute; top: 181px; height: 305px; border: #fff 1px solid; }
#rotator .img { margin-left: 0px; }
#rotatorNext { position: absolute; z-index: 2; top: 140px; left: 530px; }

#videoPlayer { margin: 50px 0px 50px 0px; text-align: center; }


.bullet_point { float: left; margin: 0px 10px 0px 10px; color: #FFFFFF; }
.objective { width: 520px; height: auto; }
p.objective { margin-left: 32px;}
#results { margin-top: 50px; }
p.ourwork_info { font-size: 14px; font-weight: bold; text-transform: uppercase;}

#pdf_list { margin-top: 60px; width: 540px; height: auto; }
.pdf { background: url("../images/white_line.png") 0 0 no-repeat; width: 210px; height: 70px; margin-top: -20px; margin-left: 10px; }
img.pdf_logo { float: left; margin-right: 5px; margin-top: -10px;}
p.pdf_name { margin-top: 0px;}
#pdf_col1 { width: 240px; height: auto; float: left; margin-right: 10px; }
#pdf_col2 { width: 240px; height: auto; float: left;}

#newsFeed { margin-top: 15px; }
#newsFeed ul { margin: 0px 10px 0px 10px; list-style: none; }
#newsFeed ul li.date { font-size: 12px; margin: 5px 0px 5px 0px; color: #afb0d9; }
#newsFeed ul li.news { font-size: 14px; margin: 5px 0px 10px 0px;  color: #FFFFFF; }
#newsFeed a { text-decoration: none; }

#digital_links { margin-top: 30px; }

.eyeball_logo { margin-top: 30px; margin-left: 5px;}

#predictionsPanelText { width: 559px; height: 420px; margin: 30px 10px 10px 10px; background: url("../images/predictions_bg.png") 0 0 no-repeat; z-index: 10; }
#predictionsPanelText #list { margin: 10px 20px 8px 20px; padding: 10px 0px 0px 0px; color: #FFFFFF; font-size: 12px; line-height: 15px; }
#predictionsPanelText #list .item { margin: 10px 10px 10px 0px; color: #FFFFFF; font-size: 12px; line-height: 30px; height: 30px; }
#predictionsPanelText #list .item .img { margin: 0px 10px 0px 0px; }
#predictionsPanelText #list .item p { margin: -22px 0px 0px 40px; }
#predictionsPanelText #list .item p.doubleLine { margin: -30px 0px 0px 40px; }

#predictionsForm { margin: 20px 0px 20px 0px; }
label { margin-right: 5px; }
#predictionsForm input { border: #2c0630 1px solid; padding: 2px; width: 200px; height: 15px; }
#predictionsForm input.checkbox { text-align: left; margin: 0px 0px 10px 10px; width: 20px; border: none; }
#predictionsSubmit input { width: 207px; height: 28px; }

#international_col1 { float: left; margin-top: 20px; }
#international_col2 { float: left; margin-top: 20px; }
p.international { font-size: 14px; }

#groupServices_info {  }
#groupServices_info #targetMedia { padding-top: 12px; display: none; }
#groupServices_info #otm { padding-top: 12px; display: none; }
#groupServices_info #superhero { padding-top: 12px; display: none; }
#groupServices_info #wlp { padding-top: 12px; display: none; }
#groupServices_info #targetLive { padding-top: 12px; display: none; }
#groupServices_info #organicMarketing { padding-top: 12px; display: none; }
#groupServices_info #targetDigital { padding-top: 12px; display: none; }
#groupServices_info #otm_e { padding-top: 12px; display: none; }
#groupServices_info #eyeball { padding-top: 12px; display: none; }

.logo_img { float: left; margin: 2px 2px 2px 4px; cursor: hand; }

.hidden_groupServices_info { display: none; }
.unhidden_groupServices_info { display: block; }

p.ourClients { font-size: 14px; }

#callBackForm { width: 230px; float:left; margin: 20px 0px 20px 0px; padding: 0; }
#callBackForm p.form { text-align: left;}
#callBackForm label { margin-right: 5px; }
#callBackForm .form input { border: #2c0630 1px solid; padding: 2px; }

#management { margin: 0px 5px 0px 5px; }
.management_info { width: 71px; height: 165px; float: left; margin: 80px 2px 20px 4px; padding:0; cursor: hand; background: url("../images/management_divide.jpg") 0 0 no-repeat;}
.management_text { margin: 0px 0px 40px 5px; }
h1.management { font-size: 11px; padding: 0; margin: 0; line-height: 1.2; font-weight: normal; }
h2.management { font-size: 10px; padding: 0; margin: 5px 0px 0px 0px; line-height: 1.2; color: #b6b5d4; font-weight: normal; }
.meetTheTeam_img { vertical-align: bottom; float: left; position: absolute; top: 345px; }
.meetTheTeam_img_first { vertical-align: bottom; float: left; position: absolute; top: 345px; }
#management a { text-decoration: none; }

#meetTheTeam_info { }
#meetTheTeam_info #robWilkerson { padding-top: 12px; display: block; }
#meetTheTeam_info #lucyBarclay { padding-top: 12px; display: none; }
#meetTheTeam_info #louiseGaynor { padding-top: 12px; display: none; }
#meetTheTeam_info #chrisWatts { padding-top: 12px; display: none; }
#meetTheTeam_info #cathyMcPherson { padding-top: 12px; display: none; }
#meetTheTeam_info #adamHopkinson { padding-top: 12px; display: none; }
#meetTheTeam_info #additional { padding-top: 12px; display: none; }

.hidden_meetTheTeam_info { display: none; }
.unhidden_meetTheTeam_info { display: block; }

#workForUs_Employees { margin: 10px 3px 10px 3px; }
#workForUs_Employees .Workcol1 { width: 49px; height: auto; float: left; margin: 0px 4.5px 0px 4.5px; }
#workForUs_Employees .Workcol2 { width: 49px; height: auto; float: left; margin: 0px 4.5px 0px 4.5px; }
#workForUs_Employees .Workcol3 { width: 49px; height: auto; float: left; margin: 0px 4.5px 0px 4.5px; }
#workForUs_Employees .Workcol4 { width: 49px; height: auto; float: left; margin: 0px 4.5px 0px 4.5px; }
#workForUs_Employees .img_employee { margin: 0px 0px 8px 0px }

#workForUs_EmployeesInfo { width: auto; height: auto; color: #FFFFFF; margin: 0px 0px 10px 0px; }
#workForUs_EmployeesInfo #jenniferEast { padding-top: 12px; display: none; }
#workForUs_EmployeesInfo #ameliaThackway { padding-top: 12px; display: none; }
#workForUs_EmployeesInfo #danBrown { padding-top: 12px; display: none; }
#workForUs_EmployeesInfo #elizabethHale { padding-top: 12px; display: none; }
#workForUs_EmployeesInfo #jackBannerman { padding-top: 12px; display: none; }
#workForUs_EmployeesInfo #jasonGossett { padding-top: 12px; display: none; }
#workForUs_EmployeesInfo #lisaJames { padding-top: 12px; display: none; }
#workForUs_EmployeesInfo #lisaBrowning { padding-top: 12px; display: none; }
#workForUs_EmployeesInfo #maryBond { padding-top: 12px; display: none; }
#workForUs_EmployeesInfo #naomiWhite { padding-top: 12px; display: none; }
#workForUs_EmployeesInfo #nickGarnett { padding-top: 12px; display: none; }
#workForUs_EmployeesInfo #nicoleMeehan { padding-top: 12px; display: none; }
#workForUs_EmployeesInfo #robynStanden { padding-top: 12px; display: none; }
#workForUs_EmployeesInfo #rosieHunt { padding-top: 12px; display: none; }
#workForUs_EmployeesInfo #sarahDellanegra { padding-top: 12px; display: none; }
#workForUs_EmployeesInfo #sarahMitchell { padding-top: 12px; display: none; }
#workForUs_EmployeesInfo #sophiaStilliard { padding-top: 12px; display: none; }
#workForUs_EmployeesInfo #steveJones { padding-top: 12px; display: none; }
#workForUs_EmployeesInfo #tomSutherland { padding-top: 12px; display: none; }
#workForUs_EmployeesInfo #tomWallace { padding-top: 12px; display: none; }
#workForUs_EmployeesInfo #mikeCarter { padding-top: 12px; display: none; }
#workForUs_EmployeesInfo #russellMurphy { padding-top: 12px; display: none; }

#login { margin: 10px 5px 10px 5px; }
#login .heading { float: left; width: 120px; height: auto; }
#login .form { float: left; width: 400px; height: auto; margin: 12px 0px 0px 0px; }
#login .form label { margin-right: 5px; width: 120px; float: left; margin: 2px 0px 2px 0px; }
#login input { border: #2c0630 1px solid; padding: 2px; width: 200px; height: 15px; }
#login .form .submit input { width: 207px; height: 28px; float: left; margin: 10px 0px 10px 0px; }
#login p.forgotten { margin: 10px 0px 15px 10px; }
#login a { color: #FFFFFF; text-decoration: none; }
#login a:hover { text-decoration: underline; }

#login table { width: 500px; }
#login td { color: #fff; }
#login td.loginHeading { font-size: 16px; font-weight: bold; padding-left: 8px; padding-top: 10px; }
#login td.loginText { font-size: 12px; padding-bottom: 6px; width: 112px; padding-left: 128px; }
#login td.loginInput { padding-left: 6px; padding-bottom: 6px; }
#login input[type=image] { margin: 0px 0px 0px 122px; border: none; }
#login td.loginSubmit { padding-left: 6px; }


#password { margin: 10px 5px 10px 5px; }
#password .form { float: left; width: 400px; height: auto; margin: 12px 0px 0px 0px; }
#password .form label { margin-right: 5px; width: 100px; float: left; margin: 2px 0px 2px 0px; }
#password .form input { border: #2c0630 1px solid; padding: 2px; width: 200px; height: 15px; }
#password .form .submit input { width: 207px; height: 28px; float: left; margin: 10px 0px 10px 0px; }
#password p { margin: 10px 0px 30px 10px; }
#password a { color: #FFFFFF; text-decoration: none; }
#password a:hover { text-decoration: underline; }

#createUser { margin: 10px 5px 10px 5px; }
#createUser .form { float: left; width: 400px; height: auto; margin: 12px 0px 0px 0px; }
#createUser .form label { margin-right: 5px; width: 100px; float: left; margin: 2px 0px 2px 0px; }
#createUser .form input { border: #2c0630 1px solid; padding: 2px; width: 200px; height: 15px; }
#createUser .form .submit input { width: 207px; height: 28px; float: left; margin: 10px 0px 10px 0px; }
#createUser p { margin: 10px 0px 10px 10px; }
#createUser a { color: #FFFFFF; text-decoration: none; }
#createUser a:hover { text-decoration: underline; }

.errormessage
{
    text-decoration:underline;
    color:#000;
    font-weight:bold;
    }
	
.welcome { color: #afb0d9; margin: 0px 0px 0px 10px; }

#checkboxArea input { float: none; text-align: left; width: 20px; border: none; vertical-align:bottom; }

#vacancy h2 {  margin: 0px 10px 4px 10px; padding-top: 10px; font-size: 13px; color: #FFF; }
#vacancy ul {  margin: 0px 10px 0px 25px; color: #FFF; }
#vacancy li { margin: 3px 0px 3px 0px; font-size: 12px; }