@charset "utf-8";
body {
	background-image: url(../images/ppr_publicity_background.jpg);
	background-color:#280215;
	background-repeat: repeat-x;
	background-position: left top;
	margin:0; padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:center;
}
.container {
	margin: 0 auto;   /* align for good browsers */
	text-align: center; /* counter the body center */
	width: 981px;
	padding-top:11px;
}
.logoHolder{
	width:981px;
	height:36px;
	text-align:right;
}

/* Publicity Navigation */

.navHolder{
	width:981px;
	height:42px;
	text-align:left;
}
.home_btn{
	width:77px;
	height:42px;
	float:left;
}
.what_we_do_btn{
	width:115px;
	height:42px;
	float:left;
}
.ppr_digital_btn{
	width:106px;
	height:42px;
	float:left;
}
.ppr_junior_btn{
	width:104px;
	height:42px;
	float:left;
}
.contact_btn{
	width:95px;
	height:42px;
	float:left;
}
.nav_spacer{
	width:147px;
	height:42px;
	float:left;
	background-image:url(../images/nav_background.jpg);
	background-repeat:repeat-x;
}
.publicity_logo_reflection{
	width:230px;
	height:42px;
	background-image:url(../images/ppr_logo_reflection.jpg);
	background-repeat:no-repeat;
	float:left;
}

.contentBackgroundHolder{
	width:981px;
	height:483px;
}
.contentHolder{
	background-image:url(../images/ppr_background.jpg);
	background-repeat:repeat-y;
	width:979px;
	height:473px;
	text-align:left;
	padding-left:1px;
	padding-right:1px;
}
.contentBackgroundBottom{
	width:981px;
	height:10px;
	background-image:url(../images/ppr_bottom_home.jpg);
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	font-size:0px;
}
#clientsLogoHolder{
	width:981px;
	height:72px;
	padding-top:6px;
}

/* Footer */

.footerHolder{
	margin-top:100px;
	width:981px;
	color:#FFFFFF;
	height:17px;
	margin-bottom:21px;
}
.footerHolder a{
	color:#FFFFFF;
	text-decoration:none;
}
.footerHolder a:active{
	color:#FFFFFF;
	text-decoration:none;
}
.footerHolder a:visited{
	color:#FFFFFF;
	text-decoration:none;
}
.footerHolder a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
.footerLeft{
	float:left;
}
.footerRight{
	float:right;
}

/* Homepage Content */

#homepageBanner{
	width:979px;
	height:218px;
	padding-top:58px;
	padding-bottom:22px;
	z-index:30;
}
.homepagePPRBanner{
	width:599px;
	height:161px;
	margin-left:21px;
	float:left;
	display:inline;
	background-image:url(../images/ppr_publicity_banner.jpg);
	background-repeat:no-repeat;
}
.homepagePPRCaption{
	font-size:21px;
	padding:105px 0 0 37px;
	color:#FFF;
}
.homepageCaseStudy{
	width:335px;
	height:161px;
	float:left;
	padding:0px 0px 0px 3px;
}

/* Competition terms */
.compTermsContentHolder{
	padding-top:22px;
	padding-left:22px;
	padding-right:22px;
	padding-bottom:12px;
	height:439px;
	width:935px;
	float:left;
}
.compContent{
	width:672px;
	height:321px;
	line-height:20px;
	text-align:justify;
}
.compContent a{
	color:#39051D;
	font-weight:bold;
	text-decoration:none;
}
.compContent a:active{
	color:#39051D;
	font-weight:bold;
	text-decoration:none;
}
.compContent a:visited{
	color:#39051D;
	font-weight:bold;
	text-decoration:none;
}
.compContent a:hover{
	color:#39051D;
	font-weight:bold;
	text-decoration:underline;
}

/* What we do */

.whatWeDoContentHolder{
	padding-top:22px;
	padding-left:22px;
	padding-right:22px;
	padding-bottom:12px;
	height:439px;
	width:672px;
	float:left;
}
#whatWeDoClientTestimonials{
	float:left;
	width:239px;
	height:436px;
	background-image:url(../images/what_we_do_testimonial_bg.jpg);
	border:#000000 1px solid;
	margin-top:22px;
}



.whatWeDoClientTestimonials a{
	font-size:12px;
	font-weight:bold;
	color:#DEB9CA;
	text-decoration:none;
}
.whatWeDoClientTestimonials a:active{
	font-size:12px;
	font-weight:bold;
	color:#DEB9CA;
	text-decoration:none;
}
.whatWeDoClientTestimonials a:visited{
	font-size:12px;
	font-weight:bold;
	color:#DEB9CA;
	text-decoration:none;
}
.whatWeDoClientTestimonials a:hover{
	font-size:12px;
	font-weight:bold;
	color:#DEB9CA;
	text-decoration:underline;
}
.whatWeDoTitle{
	height:25px;
	padding-bottom:10px;
}
.whatWeDoContent{
	width:672px;
	height:321px;
	line-height:20px;
	text-align:justify;
}
.whatWeDoContent a{
	color:#39051D;
	font-weight:bold;
	text-decoration:none;
}
.whatWeDoContent a:active{
	color:#39051D;
	font-weight:bold;
	text-decoration:none;
}
.whatWeDoContent a:visited{
	color:#39051D;
	font-weight:bold;
	text-decoration:none;
}
.whatWeDoContent a:hover{
	color:#39051D;
	font-weight:bold;
	text-decoration:underline;
}
.clientTestimonialTitle{
	height:25px;
	padding-bottom:10px;
}
.otherDivisionsTitle{
	height:25px;
	padding-bottom:10px;
}
.whatWeDoDigitalHolder{
	width:300px;
	height:48px;
	float:left;
	padding-right:5px;
}
.whatWeDoJuniorHolder{
	width:265px;
	height:48px;
	float:left;
}
.clientTestimonialHolder{
	width:213px;
	height:343px;
}
.clientTestimonialBottom{
	height:40px;
	line-height:20px;
}
.testimonialText{
	color:#FFFFFF;
	font-size:12px;
	font-style:italic;
	line-height:20px;
	margin-bottom:5px;
	text-align:justify;
}
.testimonialClientName{
	color:#DEB9CA;
	font-weight:bold;
	font-size:12px;
	line-height:20px;
}
.testimonialSpacer{
	height:40px;
}

/* Contact */

.contactContentLeft{
	width:510px;
	float:left;
	padding-top:22px;
	padding-left:22px;
	padding-bottom:12px;
	height:439px;
}
.contactContentRight{
	width:403px;
	float:left;
	padding-top:22px;
	padding-left:22px;
	padding-right:22px;
	padding-bottom:12px;
	height:439px;
}
.contactTitle{
	height:25px;
	padding-bottom:10px;
}
.contactLeftText{
	height:15px;
	padding-bottom:20px;
}
.contactFormHolder{
	width:279px;
	height:369px;
	float:left;
}

.contactFormThankYou{
	width:259px;
	line-height:18px;
}


.contactLeftRightHolder{
	width:231px;
	height:369px;
	float:left;
	line-height:20px;
}
.contactLeftRightHolder a{
	color:#280215;
	font-weight:bold;
	text-decoration:none;
}
.contactLeftRightHolder a:active{
	color:#280215;
	font-weight:bold;
	text-decoration:none;
}
.contactLeftRightHolder a:visited{
	color:#280215;
	font-weight:bold;
	text-decoration:none;
}
.contactLeftRightHolder a:hover{
	color:#280215;
	font-weight:bold;
	text-decoration:underline;
}
.contactLabelSmall{
	width:119px;
	height:37px;
	float:left;
	padding-top:5px;
}
.contactFieldSmall{
	width:160px;
	height:42px;
	float:left;
}
.contactFieldSmall input{
	width:125px;
	height:19px;
	border:#280215 1px solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	padding-top:4px;
	padding-left:2px;
	padding-right:2px;
}
.contactFieldSmall select{
	width:131px;
	height:23px;
	border:#280215 1px solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:2px;
	padding-right:2px;
}
.contactLabelLarge{
	width:119px;
	height:118px;
	float:left;
	padding-top:5px;
}
.contactFieldLarge{
	width:160px;
	height:123px;
	float:left;
}
.contactFieldLarge textarea{
	width:125px;
	height:106px;
	border:#280215 1px solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	padding-top:4px;
	padding-left:2px;
	padding-right:2px;
}
.contactSubmit{
	width:160px;
	height:42px;
	float:left;
}
.careersText{
	line-height:20px;
	text-align:justify;
}
.careersText a{
	color:#280215;
	font-weight:bold;
	text-decoration:none;
}
.careersText a:active{
	color:#280215;
	font-weight:bold;
	text-decoration:none;
}
.careersText a:visited{
	color:#280215;
	font-weight:bold;
	text-decoration:none;
}
.careersText a:hover{
	color:#280215;
	font-weight:bold;
	text-decoration:underline;
}
.contactAddressLeft{
	line-height:20px;
	width:150px;
	height:150px;
	float:left;
}
.contactAddressHolder{
	height:160px;
}
.contactAddressLeft{
	line-height:20px;
	width:150px;
	height:120px;
	float:left;
}
.contactAddressRight{
	line-height:20px;
	width:253px;
	float:left;
	height:120px;
}
.contactViewMap{
	float:left;
	width:350px;
}
.contactViewMap a{
	color:#280215;
	font-weight:bold;
	text-decoration:none;
}
.contactViewMap a:active{
	color:#280215;
	font-weight:bold;
	text-decoration:none;
}
.contactViewMap a:visited{
	color:#280215;
	font-weight:bold;
	text-decoration:none;
}
.contactViewMap a:hover{
	color:#280215;
	font-weight:bold;
	text-decoration:underline;
}

/* NEW NAV */

#navHolder{
	width:981px;
	height:42px;
	text-align:left;
	position:relative; 
	z-index:100;
}
/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif;}

/* Set up the top level list items and float left to place inline */
.menu li.top {display:block; float:left; position:relative;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default top link link styling */
.menu li.top a.top_link {display:block; float:left; height:42px;}
.menu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;} /* move the link text off screen */

/* pre-load the hover images into the lists */
.menu li.p1 {width:77px; background:url(../images/home_btn_over.jpg) no-repeat;;}
.menu li.p1a {width:77px; background:url(../images/home_btn_over.jpg) no-repeat;;}
.menu li.p2 {width:115px; background:url(../images/what_we_do_btn_over.jpg) no-repeat;;}
.menu li.p2a {width:115px; background:url(../images/what_we_do_btn_over.jpg) no-repeat;;}
.menu li.p3 {width:106px; background:url(../images/ppr_digital_btn_over.jpg) no-repeat;;}
.menu li.p4 {width:104px; background:url(../images/ppr_junior_btn_over.jpg) no-repeat;;}
.menu li.p5 {width:95px; background:url(../images/contact_btn_over.jpg) no-repeat;;}
.menu li.p5a {width:95px; background:url(../images/contact_btn_over.jpg) no-repeat;;}
.menu li.p6 {width:107px; background:url(../images/ppr_case_study_btn_over.jpg) no-repeat;;}

/* set up the normal unhovered images in the links */
.menu li a#home {width:77px; background:url(../images/home_btn.jpg) no-repeat;}
.menu li a#homeOver {width:77px; background:url(../images/home_btn_over.jpg) no-repeat;}
.menu li a#whatWeDo {width:115px; background:url(../images/what_we_do_btn.jpg) no-repeat;}
.menu li a#whatWeDoOver {width:115px; background:url(../images/what_we_do_btn_over.jpg) no-repeat;}
.menu li a#PPRDigital {width:106px; background:url(../images/ppr_digital_btn.jpg) no-repeat;}
.menu li a#PPRJunior {width:104px; background:url(../images/ppr_junior_btn.jpg) no-repeat;}
.menu li a#contactUs {width:95px; background:url(../images/contact_btn.jpg) no-repeat;}
.menu li a#contactUsOver {width:95px; background:url(../images/contact_btn_over.jpg) no-repeat;}
.menu li a#caseStudy {width:107px; background:url(../images/ppr_case_study_btn.jpg) no-repeat;}
.menu li a#caseStudyOver {width:107px; background:url(../images/ppr_case_study_btn_over.jpg) no-repeat;}

/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible;} /* for IE6 */
.menu li:hover { position:relative; z-index:200;} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.menu li a#home:hover, .menu li:hover a#home,
.menu li a#homeOver:hover, .menu li:hover a#homeOver,
.menu li a#whatWeDo:hover, .menu li:hover a#whatWeDo,
.menu li a#whatWeDoOver:hover, .menu li:hover a#whatWeDoOver,
.menu li a#PPRDigital:hover, .menu li:hover a#PPRDigital,
.menu li a#PPRJunior:hover, .menu li:hover a#PPRJunior,
.menu li a#contactUs:hover, .menu li:hover a#contactUs,
.menu li a#contactUsOver:hover, .menu li:hover a#contactUsOver,
.menu li a#caseStudy:hover, .menu li:hover a#caseStudy,
.menu li a#caseStudyOver:hover, .menu li:hover a#caseStudyOver,
.menu li a#privacy:hover, .menu li:hover a#privacy {background:transparent;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

/* set up the first drop down sub level */
.menu :hover ul.sub {left:0; top:42px; background: #3D0520; padding:3px 0; white-space:nowrap; width:106px; height:auto; filter:alpha(opacity=85); opacity: 0.85; -moz-opacity:0.85;}
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:90px;}
.menu :hover ul.sub li a {display:block; font-size:11px; height:20px; width:87px; line-height:20px; text-indent:5px; color:#FFFFFF; text-decoration:none; border:3px solid #3D0520; border-width:0 0 0 3px;}
.menu :hover ul.sub li a.fly {background:#fff url(multi_level-files/arrow.gif) 80px 7px no-repeat;}
.menu :hover ul.sub li a:hover {background:#3D0520; color:#E469A4;}
.menu :hover ul.sub li a.fly:hover {background:#37a237 url(multi_level-files/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#37a237 url(multi_level-files/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

/* set up the flyout levels when hovering */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid #888; white-space:nowrap; width:93px; z-index:200; height:auto; z-index:300;}