/* @override http://www.tprbadvertising.com/css/style.css */

body
{
	background-color:#2a2019;
	font: 12px Arial, Helvetica, sans-serif;
}
p
{
	line-height: 16px;
	padding: 0 30px 0 0;
	margin: 0 0 14px 0;
	text-align: justify;
}
h1
{
	font: 12px Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0 0 0 63px;
}
h2
{
	font: 12px Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
}
h3
{
	font: 12px Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	color: #532013;
	font-weight: bold;
}
a
{
	outline: 0px;
	color: #532013;
	text-decoration: none;
}
a:hover
{
	text-decoration:underline;
}
b
{
	color: #532013;
	font-size: 14px;
}
.header-bold
{
	color: #532013;
	font-weight: bold;
	font-size: 14px;
}


/*-----------		LAYOUT		----------*/

#container
{
	margin: 0 auto;
	width: 1039px;
	height: 573px;
}

#top-frame-home
{
	background: transparent url(../images/top-image.jpg) no-repeat scroll 0 0;
	width: 1039px;
	height: 524px;
}

#top-frame-content
{
	background: transparent url(../images/top-image-content.jpg) no-repeat scroll 0 0;
	width: 1039px;
	height: 486px;
	padding-top: 38px;
}
#nav-frame
{
	background: transparent url(../images/nav-image.jpg) no-repeat scroll 0 0;
	width: 1039px;
	top: 524px;
	height: 49px;
}
/*-----------		CONTENT AREA		----------*/
#content-area,
#content-area-branding,
#content-area-campaigns,
#content-area-collateral,
#content-area-mail,
#content-area-merchandising,
#content-area-outdoor,
#content-area-print,
#content-area-radio,
#content-area-tv,
#content-area-web
{
	padding: 0;
	margin: 0 0 0 259px;
	width: 735px;
	height: 437px;
}
#content-area-people,
#content-area-principals,
#content-area-services,
#content-area-advertising,
#content-area-research,
#content-area-clients,
#content-area-contact
{
	padding-top: 35px;
	margin-left: 259px;
	width: 735px;
	height: 402px;
}
.info
{
	margin: 20px 20px 0 63px;
	padding: 0;
}
.info ul
{
	list-style-position: outside;
	list-style-type: square;
	margin: 0;
	padding: 5px 0 10px 15px;
}
.info ul li
{
	padding: 2px 0 2px 0;
}
.img-tank
{
	float: right;
	padding-left: 20px;
}.img-microscope
{
	float: right;
	padding-right: 70px;
}
/*-----------		SIDEBAR		----------*/
#sidebar
{
	float: left;
	width: 191px;
	top:0;
	left:0;
	margin-top: 44px;
	margin-left: 51px;
}
.logo-box
{
	/*margin-bottom: 25px;*/
	top:421px;
	position: absolute;
	margin-left: 6px;
	width:129px; height:78px; 
	background-image: url(../images/tprb-logo.png); 
	cursor:pointer;
}

.sidebar-menu {
	padding: 0;
	margin: 0;
}
	
.sidebar-menu li
{
	display: inline;
	width: 191px;
	overflow: hidden;
	list-style: none;
	font-size: 1px;
	text-indent: -9999px;
}

/*-----------		PRINCIPALS		----------*/
#content-area-principals
{	
	background: white url(../images/principals-back.gif) no-repeat scroll 0 0;
}
.h1-terry
{
	background: transparent url(../images/terry-header.gif) no-repeat scroll 0 0;
	text-indent: -9999px;
	width: 294px;
	height: 67px;
}
.h1-russell
{
	background: transparent url(../images/russell-header.png) no-repeat scroll 0 0;
	text-indent: -9999px;
	width: 612px;
	height: 67px;
}
.sidebar-menu li.terry-link a
{
	background: transparent url(../images/terry-btn.png) no-repeat scroll 0 0;
	display: block;
	width: 191px;
	height: 38px;
	margin-top: 11px;
}
.sidebar-menu li.russell-link a
{
	background: transparent url(../images/russell-btn.png) no-repeat scroll 0 0;
	display: block;
	width: 191px;
	height: 38px;
	margin-top: 11px;
}
.sidebar-menu li.terry-link a:hover,
.sidebar-menu li.russell-link a:hover
{
	background-position: 0px -38px;
}
body#terry .sidebar-menu li.terry-link a,
body#russell .sidebar-menu li.russell-link a
{ 
	background-position: 0 -76px; 
}
body#terry .sidebar-menu li.terry-link a:hover,
body#russell .sidebar-menu li.russell-link a:hover
{ 
	background-position: 0 -76px; 
}
/*-----------		SERVICES		----------*/
#content-area-services
{	
	background: white url(../images/branding-back.gif) no-repeat scroll 0 0;
}
.h1-services
{
	background: transparent url(../images/services-header.png) no-repeat scroll 0 0;
	text-indent: -9999px;
	font-size: 1px;
	width: 403px;
	height: 67px;
	
}
#content-area-advertising
{	
	background: white url(../images/adv-back.gif) no-repeat scroll 0 0;
}
#content-area-research
{	
	background: white url(../images/research-back.gif) no-repeat scroll 0 0;
}
.sidebar-menu li.branding-link a
{
	background: transparent url(../images/port-branding.png) no-repeat scroll 0 0;
	display: block;
	width: 191px;
	height: 23px;
	margin-top: 11px;
}
.sidebar-menu li.advertising-link a
{
	background: transparent url(../images/advertising-btn.png) no-repeat scroll 0 0;
	display: block;
	width: 191px;
	height: 23px;
	margin-top: 11px;
}
.sidebar-menu li.research-link a
{
	background: transparent url(../images/research-btn.png) no-repeat scroll 0 0;
	display: block;
	width: 191px;
	height: 23px;
	margin-top: 11px;
}
.sidebar-menu li.branding-link a:hover,
.sidebar-menu li.advertising-link a:hover,
.sidebar-menu li.research-link a:hover
{
	background-position: 0px -23px;
	height: 23px;
}
body#branding .sidebar-menu li.branding-link a,
body#advertising .sidebar-menu li.advertising-link a,
body#research .sidebar-menu li.research-link a
{ 
	background-position: 0 -46px; 
	height: 23px;
}

body#branding .sidebar-menu li.branding-link a:hover,
body#advertising .sidebar-menu li.advertising-link a:hover,
body#research .sidebar-menu li.research-link a:hover
{ 
	background-position: 0 -46px;
	height: 23px; 
}

/*-----------		PEOPLE		----------*/
#content-area-people
{	
	background: white url(../images/people-back.gif) no-repeat scroll 0 0;
}
.h1-people
{
	background: transparent url(../images/people-header.png) no-repeat scroll 0 0;
	text-indent: -9999px;
	font-size: 1px;
	width: 364px;
	height: 46px;
	
}
/*-----------		CLIENTS		----------*/
#content-area-clients
{	
	background: white url(../images/clients-back.gif) no-repeat scroll 0 0;
}
.h1-clients
{
	background: transparent url(../images/clients-header.png) no-repeat scroll 0 0;
	text-indent: -9999px;
	font-size: 1px;
	width: 373px;
	height: 52px;
	
}
div.scroll 
{
	padding:10px;
	width: 370px;
	height: 292px;
	overflow: auto;
	border: 1px solid #666;
	float: left;
}
div.scroll ul
{
	list-style: none;
	padding: 0 0 20px 0;
	margin: 0;
}
div.scroll li
{
	line-height: 14pt;
	padding: 0;
	margin: 0;
}
/*-----------		PORTFOLIO		----------*/
#content-area-branding
{	
	background: white url(../images/branding-back.gif) no-repeat scroll 0 0;
}
#content-area-campaigns
{	
	background: white url(../images/campaigns-back.gif) no-repeat scroll 0 0;
}
#content-area-collateral
{	
	background: #fff url(../images/collateral-back.gif) no-repeat scroll 0 0;
}
#content-area-mail
{	
	background: white url(../images/mail-back.gif) no-repeat scroll 0 0;
}
#content-area-merchandising
{	
	background: white url(../images/merchandising-back.gif) no-repeat scroll 0 0;
}
#content-area-outdoor
{	
	background: white url(../images/outdoor-back.gif) no-repeat scroll 0 0;
}
#content-area-print
{	
	background: white url(../images/print-back.gif) no-repeat scroll 0 0;
}
#content-area-radio
{	
	background: white url(../images/radio-back.gif) no-repeat scroll 0 0;
}
#content-area-tv
{	
	background: white url(../images/tv-back.gif) no-repeat scroll 0 0;
}
#content-area-web
{	
	background: white url(../images/web-back.gif) no-repeat scroll 0 0;
}

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

.sidebar-menu li.brand-link a
{
	background: transparent url(../images/port-branding.png) no-repeat scroll 0 0;
	display: block;
	width: 191px;
	height: 23px;	
	margin-top: 5px;
}
.sidebar-menu li.campaigns-link a
{
	background: transparent url(../images/port-campaigns.png) no-repeat scroll 0 0;
	display: block;
	width: 191px;
	height: 23px;
	margin-top: 2px;
}
.sidebar-menu li.collateral-link a
{
	background: transparent url(../images/port-collateral.png) no-repeat scroll 0 0;
	display: block;
	width: 191px;
	height: 23px;
	margin-top: 2px;
}
.sidebar-menu li.direct-mail-link a
{
	background: transparent url(../images/port-mail.png) no-repeat scroll 0 0;
	display: block;
	width: 191px;
	height: 23px;
	margin-top: 2px;
}
.sidebar-menu li.merchandising-link a
{
	background: transparent url(../images/port-merchandising.png) no-repeat scroll 0 0;
	display: block;
	width: 191px;
	height: 39px;
}
.sidebar-menu li.outdoor-link a
{
	background: transparent url(../images/port-outdoor.png) no-repeat scroll 0 0;
	display: block;
	width: 191px;
	height: 23px;
	margin-top: 2px;
}
.sidebar-menu li.print-link a
{
	background: transparent url(../images/port-print.png) no-repeat scroll 0 0;
	display: block;
	width: 191px;
	height: 23px;
	margin-top: 2px;
}
.sidebar-menu li.radio-link a
{
	background: transparent url(../images/port-radio.png) no-repeat scroll 0 0;
	display: block;
	width: 191px;
	height: 23px;
	margin-top: 2px;
}
.sidebar-menu li.tv-link a
{
	background: transparent url(../images/port-tv.png) no-repeat scroll 0 0;
	display: block;
	width: 191px;
	height: 23px;
	margin-top: 2px;
}
.sidebar-menu li.web-link a
{
	background: transparent url(../images/port-web.png) no-repeat scroll 0 0;
	display: block;
	width: 191px;
	height: 23px;
	margin-top: 2px;
}

.sidebar-menu li.brand-link a:hover,
.sidebar-menu li.campaigns-link a:hover,
.sidebar-menu li.collateral-link a:hover,
.sidebar-menu li.direct-mail-link a:hover,
.sidebar-menu li.outdoor-link a:hover,
.sidebar-menu li.print-link a:hover,
.sidebar-menu li.radio-link a:hover,
.sidebar-menu li.tv-link a:hover,
.sidebar-menu li.web-link a:hover
{
	background-position: 0px -23px;
}
body#branding .sidebar-menu li.brand-link a,
body#campaigns .sidebar-menu li.campaigns-link a,
body#collateral .sidebar-menu li.collateral-link a,
body#mail .sidebar-menu li.direct-mail-link a,
body#outdoor .sidebar-menu li.outdoor-link a,
body#print .sidebar-menu li.print-link a,
body#radio .sidebar-menu li.radio-link a,
body#tv .sidebar-menu li.tv-link a,
body#web .sidebar-menu li.web-link a
{ 
	background-position: 0 -46px; 
}
body#branding .sidebar-menu li.brand-link a:hover,
body#campaigns .sidebar-menu li.campaigns-link a:hover,
body#collateral .sidebar-menu li.collateral-link a:hover,
body#mail .sidebar-menu li.direct-mail-link a:hover,
body#outdoor .sidebar-menu li.outdoor-link a:hover,
body#print .sidebar-menu li.print-link a:hover,
body#radio .sidebar-menu li.radio-link a:hover,
body#tv .sidebar-menu li.tv-link a:hover,
body#web .sidebar-menu li.web-link a:hover
{ 
	background-position: 0 -46px; 
}


.sidebar-menu li.merchandising-link a:hover
{
	background-position: 0px -38px;
}
body#merchandising .sidebar-menu li.merchandising-link a
{ 
	background-position: 0 -76px; 
}
body#merchandising .sidebar-menu li.merchandising-link a:hover
{ 
	background-position: 0 -76px; 
}

/*-----------		CONTACT		----------*/
#content-area-contact
{	
	background: white url(../images/contact-back.gif) no-repeat scroll 0 0;
}
.h1-contact
{
	background: transparent url(../images/contact-header.png) no-repeat scroll 0 0;
	text-indent: -9999px;
	font-size: 1px;
	width: 360px;
	height: 60px;
	
}
/*-----------		BOTTOM NAVIGATION		----------*/
ul.level1
{
	font-size: 1px;
	margin: auto;
	top: 0px;
	right: 42px;
	float: right;
	width: 1000px;
	height: 41px;
	position: relative;
	list-style-type: none;
}
ul.level1 li
{
	float: right;
	display: block;
	width: 115px;
	position: relative;
	text-indent: -9999px;
}
ul.level1 li a
{
	text-decoration: none;
	width: 115px;
	height: 41px;
	display: block;
}

ul.level1 li.home a
{
	border: hidden;
	background: transparent url(../images/nav_home.png) no-repeat scroll 0 0;

}
ul.level1 li.btn2 a 
{
	border: hidden;
	background: transparent url(../images/nav_btn2.png) no-repeat scroll 0 0;
}
ul.level1 li.btn3 a 
{
	border: hidden;
	background: transparent url(../images/nav_btn3.png) no-repeat scroll 0 0;
}
ul.level1 li.contact a 
{
	border: hidden;
	background: transparent url(../images/nav_btn5.png) no-repeat scroll 0 0;
}

ul.level1 li.principals a
{
	border: hidden;
	background: transparent url(../images/nav_principals2.png) no-repeat scroll 0 -38px;

}
ul.level1 li.people a
{
	border: hidden;
	background: transparent  url(../images/nav_people2.png)  no-repeat scroll 0 0;
}
ul.level1 li.portfolio a
{
	border: hidden;
	background: transparent url(../images/nav_btn4.png) no-repeat scroll 0 0;
}
ul.level1 li.btn2 a:hover,
ul.level1 li.btn3 a:hover,
ul.level1 li.btn4 a:hover,
ul.level1 li.contact a:hover,
ul.level1 li.people a:hover,
ul.level1 li.principals a:hover,
ul.level1 li.portfolio a:hover,
ul.level1 li.home a:hover
{
	background-color: #482e22;
}
/*-----------		SUB MENU FLYOUT	folder 1	----------*/
li.folder1
{
	width: 115px;
	height: 41px;
	background: transparent url(../images/nav_btn1.png) no-repeat scroll 0 0;
	top:0px;
	left:0px;

}

li.folder1:hover
{
	z-index: 10;
	background-color: #482e22;
}
li.folder1 ul
{
	position:absolute;
	display: none;
	visibility: hidden;
	left: 0px; /* IE */
	top:-76px;
}
li.folder1>ul
{
	top:-76px;
}
ul.level1 li.folder1:hover ul.level2 
{
	display: block;
	visibility:visible;
	width: 115px;
	height: 38px;
	padding: 0;
	margin: 0;
}

/*-----------		FOLDER 1 SUB MENU		----------*/
ul.level2 .sub-principals,
ul.level2 .sub-people 
{
	font-size: 1px;
	display: block;
	height: 38px;
}
ul.level2 .sub-principals a
{
	background: #817668 url(../images/sub-principals.png) no-repeat scroll 0 0;
	height: 38px;

}
ul.level2 .sub-people a
{
	background: #817668  url(../images/sub-people.png)  no-repeat scroll 0 0;
	height: 38px;
}
ul.level2 .sub-principals a:hover,
ul.level2 .sub-people a:hover
{
	background-position: -115px 0px;
	height: 38px;
}
/*-----------		SUB MENU FLYOUT	folder 2	----------*/
li.folder2
{
	width: 115px;
	height: 41px;
	padding: 0;
	background: transparent url(../images/nav_btn4.png) no-repeat scroll 0 0;
	top:0px;
	left:0px;

}
li.folder2:hover
{
	z-index: 10;
	background-color: #482e22;
}
li.folder2 ul
{
	position:absolute;
	display: none;
	visibility: hidden;
	top:-302px;
}
li.folder2>ul
{
	left: 0px; /* IE */
	top:-302px;
}
ul.level1 li.folder2:hover ul.level2 
{
	display: block;
	visibility:visible;
	width: 115px;
	height:29px;
	padding: 0;
	margin: 0;
}
li>a 
{
	width: auto;
}

/*-----------		FOLDER 2 SUB MENU		----------*/

ul.level2 .sub-merchandising
{
	font-size: 1px;
	display: block;
	height: 41px;
}
ul.level2 .sub-branding,
ul.level2 .sub-campaigns,
ul.level2 .sub-collateral,
ul.level2 .sub-mail,
ul.level2 .sub-outdoor,
ul.level2 .sub-print,
ul.level2 .sub-radio,
ul.level2 .sub-tv,
ul.level2 .sub-web
{
	font-size: 1px;
	display: block;
	height: 29px;
}


ul.level2 .sub-branding a
{
	background: #817668 url(../images/nav-branding.png) no-repeat scroll 0 0;
	height: 29px;
}
ul.level2 .sub-campaigns a
{
	background: #817668 url(../images/nav-campaigns.png) no-repeat scroll 0 0;
	height: 29px;
}
ul.level2 .sub-collateral a
{
	background: #817668 url(../images/nav-collateral.png) no-repeat scroll 0 0;
	height: 29px;
}
ul.level2 .sub-mail a
{
	background: #817668 url(../images/nav-mail.png) no-repeat scroll 0 0;
	height: 29px;
}
ul.level2 .sub-outdoor a
{
	background: #817668 url(../images/nav-outdoor.png) no-repeat scroll 0 0;
	height: 29px;
}
ul.level2 .sub-print a
{
	background: #817668 url(../images/nav-print.png) no-repeat scroll 0 0;
	height: 29px;
}
ul.level2 .sub-radio a
{
	background: #817668 url(../images/nav-radio.png) no-repeat scroll 0 0;
	height: 29px;
}
ul.level2 .sub-tv a
{
	background: #817668 url(../images/nav-tv.png) no-repeat scroll 0 0;
	height: 29px;
}
ul.level2 .sub-web a
{
	background: #817668 url(../images/nav-web.png) no-repeat scroll 0 0;
	height: 29px;
}
ul.level2 .sub-merchandising a
{
	background: #817668 url(../images/nav-merchandising.png) no-repeat scroll 0 0;
	height: 41px;
}


ul.level2 .sub-branding a:hover,
ul.level2 .sub-campaigns a:hover,
ul.level2 .sub-collateral a:hover,
ul.level2 .sub-mail a:hover,
ul.level2 .sub-outdoor a:hover,
ul.level2 .sub-print a:hover,
ul.level2 .sub-radio a:hover,
ul.level2 .sub-tv a:hover,
ul.level2 .sub-web a:hover
{
	background-position: -115px 0px;
	height: 29px;
}
ul.level2 .sub-merchandising a:hover
{
	background-position: -115px 0px;
	height: 41px;
}

/*-----------		SUB MENU FLYOUT	folder 3	----------*/
li.folder3
{
	width: 115px;
	height: 41px;
	background: transparent url(../images/nav_btn2.png) no-repeat scroll 0 0;
	top:0px;
	left:0px;

}
li.folder3:hover
{
	z-index: 10;
	background-color: #482e22;
}
li.folder3 ul
{
	position:absolute;
	display: none;
	visibility: hidden;
	left: 0px; /* IE */
	top:-114px;
}
li.folder3>ul
{
	top:-114px;
}
ul.level1 li.folder3:hover ul.level3 
{
	display: block;
	visibility:visible;
	width: 115px;
	height: 38px;
	padding: 0;
	margin: 0;
}

/*-----------		FOLDER 3 SUB MENU		----------*/
ul.level3 .sub-branding2,
ul.level3 .sub-adv,
ul.level3 .sub-research 
{
	font-size: 1px;
	display: block;
	height: 38px;
}
ul.level3 .sub-branding2 a
{
	background: #817668 url(../images/sub-branding.png) no-repeat scroll 0 0;
	height: 38px;

}
ul.level3 .sub-adv a
{
	background: #817668  url(../images/sub-advertising.png)  no-repeat scroll 0 0;
	height: 38px;
}
ul.level3 .sub-research a
{
	background: #817668  url(../images/sub-research.png)  no-repeat scroll 0 0;
	height: 38px;
}
ul.level3 .sub-branding2 a:hover,
ul.level3 .sub-adv a:hover,
ul.level3 .sub-research a:hover
{
	background-position: -115px 0px;
	height: 38px;
}