@charset "utf-8";
body {
	background-image:url(../images/ppr_junior_background.jpg);
	background-color:#145A96;
	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/ppr_junior_nav_bg.jpg);
	background-repeat:repeat-x;
}
.publicity_logo_reflection{
	width:230px;
	height:42px;
	background-image:url(../images/junior_ppr_publicity_logo_r.jpg);
	background-repeat:no-repeat;
	float:left;
}

.contentBackgroundHolder{
	width:979px;
	height:482px;
	background-image:url(../images/ppr_background.jpg);
	background-repeat:repeat-y;
	text-align:left;
	padding-left:1px;
	padding-right:1px;
	border-bottom:#000000 1px solid;
}
.homeContentHolder{
	width:907px;
	height:446px;
	background-image:url(../images/ppr_junior_home_background.jpg);
	background-repeat:no-repeat;
	padding-left:72px;
	padding-top:36px;
}
.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;
}

/* Junior Home */

.juniorHomeLeft{
	width:520px;
	height:446px;
	float:left;
	padding-right:38px;
}
.juniorHomeRight{
	width:305px;
	height:386px;
	float:left;
	padding-top:60px;
}
.juniorHomeBtnHolder{
	height:141px;
	width:350px;
	padding-left:55px;
}

.juniorHomeBanner{
	width:520px;
	height:117px;
}

.juniorWhatWeDoBtn{
	position:relative;
	background-image:url(../images/ppr_junior_wwdHomeBtn_o.jpg);
	background-repeat:no-repeat;
	white-space:nowrap;
	display:block;
	width:137px;
	height:56px;
	padding:0px; 
	margin-top:19px;
	margin-right:12px;
	float:left;
}
.juniorWhatWeDoBtn a{
	display: block;
	color: #000000;
	font-size: 11px;
	width:137px;
	height:56px;
	margin:0px; 
	padding:0px;
	display: block;
	float: left;
	text-decoration: none;
}

.juniorWhatWeDoBtn img {width: 137px; height: 56px; border: 0; }
* html a:hover {visibility:visible}
.juniorWhatWeDoBtn a:hover img{visibility:hidden}

.juniorWhatWeDoBtn span {
	position: absolute;
	left: 30px;
	top: 15px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	width: 153px;
	height: 55px;
	text-align: center;
}

.juniorContactBtn{
	position:relative;
	background-image:url(../images/ppr_junior_contactHome_btn_o.jpg);
	background-repeat:no-repeat;
	white-space:nowrap;
	display:block;
	width:137px;
	height:48px;
	padding:0px; 
	margin:0px;
	float:left;
}
.juniorContactBtn a{
	display: block;
	color: #000000;
	font-size: 11px;
	width:137px;
	height:48px;
	margin:0px; 
	padding:0px;
	display: block;
	float: left;
	text-decoration: none;
}

.juniorContactBtn img {width: 137px; height: 48px; border: 0; }
* html a:hover {visibility:visible}
.juniorContactBtn a:hover img{visibility:hidden}

.juniorContactBtn span {
	position: absolute;
	left: 30px;
	top: 15px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	width: 153px;
	height: 55px;
	text-align: center;
}


/* 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;
	padding-left:21px;
	float:left;
}
.homepageMicrophone{
	width:339px;
	height:161px;
	float:right;
	background-image:url(../images/ppr_microphone.jpg);
	background-repeat:no-repeat;
}

/* What we do */

.whatWeDoContentHolder{
	width:944px;
	height:389px;
	background-image:url(../images/ppr_junior_what_we_do_bg.jpg);
	background-repeat:no-repeat;
	padding-left:35px;
	padding-top:93px;
}
.whatWeDoWhoWeAre{
	width:282px;
	height:373px;
	float:left;
	line-height:20px;
	text-align:justify;
	padding-right:46px;
}
.whatWeDoWhoWeAreSpan{
	font-weight:bold;
	color:#C07600;
}
.whatWeDoLeftHolder{
	width:334px;
	height:373px;
	float:left;
	text-align:justify;
	line-height:20px;
}
.whatWeDoLeftHolderTop{
	width:334px;
	height:323px;
}
.whatWeDoLeftHolderBottom{
	width:300px;
}
.ourfriendsHolder{
	padding-top:25px;
}
.ourfriendsLeft{
	width:160px;
	float:left;
}
.ourfriendsLeft ul{
	padding:0px;
	margin-top:0px;
	margin-left:15px;
	color:#C30E0E;
}
.bulletPointText{
	color:#000000;
}
.bulletPointText a{
	color:#000000;
	text-decoration:none;
}
.bulletPointText a:active{
	color:#000000;
	text-decoration:none;
}
.bulletPointText a:visited{
	color:#000000;
	text-decoration:none;
}
.bulletPointText a:hover{
	color:#000000;
	text-decoration:underline;
}


.whatWeDoTopText{
	width:300px;
}
.ourfriendsRight{
	width:160px;
	float:left;
}
.ourfriendsRight ul{
	padding:0px;
	margin-top:0px;
	margin-left:15px;
	color:#C30E0E;
}
.redText{
	color:#C30E0E;
	font-weight:bold;
}
.whatWeDoLeftHolderBottom a{
	color:#C30E0E;
	font-weight:bold;
	text-decoration:none;
}
.whatWeDoLeftHolderBottom a:active{
	color:#C30E0E;
	font-weight:bold;
	text-decoration:none;
}
.whatWeDoLeftHolderBottom a:visited{
	color:#C30E0E;
	font-weight:bold;
	text-decoration:none;
}
.whatWeDoLeftHolderBottom a:hover{
	color:#C30E0E;
	font-weight:bold;
	text-decoration:underline;
}
.whatWeDoRightHolder{
	width:241px;
	height:373px;
	float:left;
}
.someThingsWeveDone{
	width:224px;
	height:39px;
	padding-bottom:20px;
}
.whatWeDoImageHolder{
	width:241px;
	height:261px;
}

.whatWeDoImageSmall{
	width:75px;
	height:74px;
	float:left;
	padding-right:5px;
	padding-bottom:5px;
}
.youtubeLink{
	width:154px;
	height:74px;
	float:left;
	padding-bottom:5px;
}


/* Contact */

.contactContentHolder{
	width:944px;
	height:389px;
	background-image:url(../images/ppr_junior_contact_backgrou.jpg);
	background-repeat:no-repeat;
	padding-left:35px;
	padding-top:93px;
}
.contactFormHolder{
	width:284px;
	height:373px;
	float:left;
	padding-right:45px;
}
.contactContentHolderRight{
	width:377px;
	height:373px;
	float:left;
}

.contactLabelSmall{
	width:126px;
	height:21px;
	float:left;
	font-weight:bold;
	font-size:12px;
	padding-top:4px;
	padding-bottom:6px;
}
.contactFieldSmall{
	width:145px;
	height:25px;
	float:left;
	padding-bottom:6px;
}
.contactFieldSmall input{
	border:1px solid #000000;
	width:124px;
	height:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top:3px;
	padding-left:2px;
	padding-right:2px;
}
.contactLabelLarge{
	width:126px;
	height:85px;
	float:left;
	font-weight:bold;
	font-size:12px;
	padding-top:4px;
	padding-bottom:9px;
}
.contactFieldLarge{
	width:145px;
	height:90px;
	float:left;
	padding-bottom:9px;
}
.contactFieldLarge textarea{
	border:1px solid #000000;
	width:124px;
	height:87px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top:3px;
	padding-left:2px;
	padding-right:2px;
}
.sendUsAMessageText{
	padding-bottom:10px;
	line-height:20px;
	text-align:justify;
}
.contactFieldSubmit{
	width:127px;
	height:25px;
	float:left;
	padding-left:18px;
}

.contactTopText{
	padding-bottom:10px;
	line-height:20px;
}
.contactUsLeft{
	width:107px;
	padding-bottom:12px;
	float:left;
	font-weight:bold;
	line-height:22px;
}
.contactUsRight{
	width:270px;
	padding-bottom:12px;
	float:left;
	line-height:22px;
}
.contactUsRight a{
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}
.contactUsRight a:visited{
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}
.contactUsRight a:active{
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}
.contactUsRight a:hover{
	font-weight:bold;
	color:#000000;
	text-decoration:underline;
}
.contactViewMap{
	padding-top:40px;
	clear:both;
}
.contactViewMap a{
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}
.contactViewMap a:visited{
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}
.contactViewMap a:active{
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}
.contactViewMap a:hover{
	font-weight:bold;
	color:#000000;
	text-decoration:underline;
}



.whatWeDoClientTestimonials{
	float:left;
	width:213px;
	height:418px;
	background-image:url(../images/what_we_do_testimonial_bg.jpg);
	border:#000000 1px solid;
	margin-top:22px;
	padding-left:13px;
	padding-top:9px;
	padding-right:13px;
	padding-bottom:9px;
}
.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:369px;
	height:48px;
	float:left;
	padding-right:27px;
}
.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;
}



/* NEW NAV */

#navHolder{
	width:981px;
	height:42px;
	text-align:left;
	position:relative; 
	z-index:40;
}
/* 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/junior_home_btn_over.jpg) no-repeat;;}
.menu li.p2 {width:115px; background:url(../images/junior_what_we_do_btn_over.jpg) no-repeat;;}
.menu li.p3 {width:106px; background:url(../images/junior_ppr_digital_btn_over.jpg) no-repeat;;}
.menu li.p4 {width:104px; background:url(../images/junior_ppr_junior_btn_over.jpg) no-repeat;;}
.menu li.p4a {width:104px; background:url(../images/junior_ppr_junior_btn_over.jpg) no-repeat;;}
.menu li.p5 {width:95px; background:url(../images/junior_contact_btn_over.jpg) no-repeat;;}
.menu li.p6 {width:107px; background:url(../images/junior_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/junior_home_btn.jpg) no-repeat;}
.menu li a#whatWeDo {width:115px; background:url(../images/junior_what_we_do_btn.jpg) no-repeat;}
.menu li a#PPRDigital {width:106px; background:url(../images/junior_ppr_digital_btn.jpg) no-repeat;}
.menu li a#PPRJunior {width:104px; background:url(../images/junior_ppr_junior_btn.jpg) no-repeat;}
.menu li a#PPRJuniorOver {width:104px; background:url(../images/junior_ppr_junior_btn_over.jpg) no-repeat;}
.menu li a#contactUs {width:95px; background:url(../images/junior_contact_btn.jpg) no-repeat;}
.menu li a#caseStudy {width:107px; background:url(../images/junior_case_study_btn.jpg) no-repeat;}
.menu li a#caseStudyOver {width:107px; background:url(../images/junior_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:41;} /* 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#whatWeDo:hover, .menu li:hover a#whatWeDo,
.menu li a#PPRDigital:hover, .menu li:hover a#PPRDigital,
.menu li a#PPRJunior:hover, .menu li:hover a#PPRJunior,
.menu li a#PPRJuniorOver:hover, .menu li:hover a#PPRJuniorOver,
.menu li a#contactUs:hover, .menu li:hover a#contactUs,
.menu li a#caseStudy:hover, .menu li:hover a#caseStudy,
.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: #304353; 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 #304353; 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:#304353; color:#FFE400;}
.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:42; height:auto; z-index:43;}