@charset "utf-8";
body {
	background-image: url(../images/ppr_digital_background.jpg);
	background-color:#181100;
	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 */

.nav_spacer{
	width:147px;
	height:42px;
	float:left;
	background-image:url(../images/ppr_digital_nav_bg.jpg);
	background-repeat:repeat-x;
}
.publicity_logo_reflection{
	width:230px;
	height:42px;
	background-image:url(../images/ppr_digital_logo_reflection.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:1px #000000 solid;
}
.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;
}
#clientsLogoHolder{
	margin-top:0px;
	width:981px;
	height:72px;
	padding-top:6px;
}

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

.digitalHomepageWhatWeDo img {width: 153px; height: 55px; border: 0; }
* html a:hover {visibility:visible}
.digitalHomepageWhatWeDo a:hover img{visibility:hidden}

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

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

.digitalHomepageContact img {width: 125px; height: 68px; border: 0; }
* html a:hover {visibility:visible}
.digitalHomepageContact a:hover img{visibility:hidden}

.digitalHomepageContact span {
	position: absolute;
	left: 30px;
	top: 15px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	width: 125px;
	height: 68px;
	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:278px;
	padding-top:36px;
	padding-bottom:0px;
}
.homepageLeft{
	width:673px;
	height:95px;
	padding-left:21px;
	float:left;
	padding-top:50px;
	background-image:url(../images/ppr_digital_homepage_left_bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
.homepageRight{
	width:285px;
	height:145px;
	float:right;
	background-image:url(../images/digital_homepage_right_bg.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}

/* What we do */

.digitalWhatWeDoContentHolder{
	width:979px;
	height:406px;
	background-image:url(../images/ppr_digital_wwd_background.jpg);
	background-repeat:no-repeat;
	padding-top:76px;
}
.digitalWWDLeft{
	width:286px;
	font-weight:bold;
	font-size:12px;
	float:left;
	padding-top:94px;
	line-height:20px;
	padding-left:21px;
	padding-right:26px;
	text-align:justify;
}
.digitalWWDLeft a{
	font-weight:bold;
	font-size:12px;
	color:#000000;
	text-decoration:underline;
}
.digitalWWDLeft a:visited{
	font-weight:bold;
	font-size:12px;
	color:#000000;
	text-decoration:underline;
}
.digitalWWDLeft a:active{
	font-weight:bold;
	font-size:12px;
	color:#000000;
	text-decoration:underline;
}
.digitalWWDLeft a:hover{
	font-weight:bold;
	font-size:12px;
	color:#000000;
	text-decoration:none;
}




.digitalWWDLeft ul{
	padding:0px;
	margin-left:15px;
}


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

.digitalWWDMiddle img {width: 153px; height: 225px; border: 0; }
* html a:hover {visibility:visible}
.digitalWWDMiddle a:hover img{visibility:hidden}

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

.digitalWWDRight{
	width:347px;
	float:left;
	padding-left:121px;
	text-align:justify;
	font-weight:bold;
	font-size:12px;
	line-height:20px;
}
.digitalWWDRight ul{
	padding:0px;
	margin-left:15px;
}

/* Contact */

.digitalContactContentHolder{
	width:963px;
	height:465px;
	background-image:url(../images/digital_contact_right_bg.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	padding-top:17px;
	padding-left:16px;
}
.contactformHolder{
	width:344px;
	height:381px;
	float:left;
	padding-right:20px;
	background-image:url(../images/digital_contact_form_bg.jpg);
	background-repeat:no-repeat;
	padding-top:68px;
	padding-left:34px;
}
.contactHolderRight{
	width:468px;
	height:449px;
	float:left;
}
.alternativelyHeader{
	width:468px;
	height:74px;
}
.contactHolderRightText{
	padding-top:15px;
	padding-bottom:15px;
}
.contactFormText{
	padding-bottom:15px;
	font-weight:bold;
	font-size:12px;
	line-height:20px;
	width:307px;
}
.contactLabelSmall{
	width:130px;
	height:21px;
	float:left;
	font-weight:bold;
	font-size:12px;
	padding-top:6px;
	padding-bottom:12px;
}
.contactFieldSmall{
	width:154px;
	height:27px;
	float:left;
	padding-bottom:12px;
}
.contactFieldSmall input{
	width:146px;
	height:18px;
	border:#1C0F03 2px solid;
	background: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top:3px;
	padding-left:2px;
	padding-right:2px;
}

.contactLabelLarge{
	width:130px;
	height:90px;
	float:left;
	font-weight:bold;
	font-size:12px;
	padding-top:6px;
	padding-bottom:10px;
}
.contactFieldLarge{
	width:154px;
	height:100px;
	float:left;
	padding-bottom:12px;
}
.contactFieldLarge textarea{
	width:146px;
	height:92px;
	float:left;
	background:none;
	border:#1C0F03 2px solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top:4px;
	padding-left:2px;
	padding-right:2px;
}
.contactSubmit{
	width:154px;
	height:27px;
	float:left;
	text-align:center;
	padding-top:3px;
}
.alternateLeft{
	width:270px;
	height:300px;
	float:left;
}
.alternateRight{
	width:198px;
	height:300px;
	float:left;
	line-height:20px;
}
.alternateRight a{
 	text-decoration:none;
	font-weight:bold;
	color:#1C0F03;
}
.alternateRight a:active{
 	text-decoration:none;
	font-weight:bold;
	color:#1C0F03;
}
.alternateRight a:visted{
 	text-decoration:none;
	font-weight:bold;
	color:#1C0F03;
}
.alternateRight a:hover{
 	text-decoration:underline;
	font-weight:bold;
	color:#1C0F03;
}
.alternateLeftLeft{
	width:100px;
	float:left;
	line-height:20px;
	padding-bottom:20px;
}
.alternateLeftRight{
	width:170px;
	float:left;
	line-height:20px;
	padding-bottom:20px;
}
.alternateLeftRight a{
	text-decoration:none;
	font-weight:bold;
	color:#1C0F03;
}
.alternateLeftRight a:visited{
	text-decoration:none;
	font-weight:bold;
	color:#1C0F03;
}
.alternateLeftRight a:active{
	text-decoration:none;
	font-weight:bold;
	color:#1C0F03;
}
.alternateLeftRight a:hover{
	text-decoration:underline;
	font-weight:bold;
	color:#1C0F03;
}

/* 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/digital_home_btn_over.jpg) no-repeat;;}
.menu li.p2 {width:115px; background:url(../images/digital_what_we_do_btn_over.jpg) no-repeat;;}
.menu li.p3 {width:106px; background:url(../images/digital_ppr_digital_btn_over.jpg) no-repeat;;}
.menu li.p3a {width:106px; background:url(../images/digital_ppr_digital_btn_over.jpg) no-repeat;;}
.menu li.p4 {width:104px; background:url(../images/digital_ppr_junior_btn_over.jpg) no-repeat;;}
.menu li.p5 {width:95px; background:url(../images/digital_contact_btn_over.jpg) no-repeat;;}
.menu li.p6 {width:107px; background:url(../images/digital_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/digital_home_btn.jpg) no-repeat;}
.menu li a#whatWeDo {width:115px; background:url(../images/digital_what_we_do_btn.jpg) no-repeat;}
.menu li a#PPRDigital {width:106px; background:url(../images/digital_ppr_digital_btn.jpg) no-repeat;}
.menu li a#PPRDigitalOver {width:106px; background:url(../images/digital_ppr_digital_btn_over.jpg) no-repeat;}
.menu li a#PPRJunior {width:104px; background:url(../images/digital_ppr_junior_btn.jpg) no-repeat;}
.menu li a#contactUs {width:95px; background:url(../images/digital_contact_btn.jpg) no-repeat;}
.menu li a#caseStudy {width:107px; background:url(../images/digital_case_study_btn.jpg) no-repeat;}
.menu li a#caseStudyOver {width:107px; background:url(../images/digital_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#whatWeDo:hover, .menu li:hover a#whatWeDo,
.menu li a#PPRDigital:hover, .menu li:hover a#PPRDigital,
.menu li a#PPRDigitalOver:hover, .menu li:hover a#PPRDigitalOver,
.menu li a#PPRJunior:hover, .menu li:hover a#PPRJunior,
.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: #573E00; 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 #573E00; 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:#573E00; color:#C0A86E;}
.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;}