/*
This stylesheet coincides with Layout1Master.master, which creates a layout with:

	- a single background image or color for the site (i.e. the content and footer areas DO NOT have a different color or background that needs to expand with the content and flow across 100% of the screen width)
	- a top area with horizontal navigation, a logo area and a header image area;
	- a middle area with columns for left-hand navigation and a main content area;
	- a bottom area for the footer outside of and beneath the middle area;
		
	1.	Copy the styles from this stylesheet into your "Screen.css" as a starting point and adjust properties as needed.
	2. If your layout uses a horizontal top image-based navigation, copy the styles from "TopNav.css" into the TopNav placeholder below;
	3. If your layout uses a vertical left-hand image-based navigation, copy the styles from "LeftNav.css" in the LeftNav placeholder below;
*/

* {
	margin: 0;
	padding: 0;
	outline: none;
}

body {
	font-family: Arial, Times New Roman, Georgia, Serif;
	font-size: 11px;
	color: #2c2c2c;
	background: #305d93;
	background-image: url(../Images/BG_Body.gif);
	background-repeat: repeat-x;
}


/* ELEMENTS */

a {
	color: #044484;
	text-decoration: underline;
}

a:hover {
	color: #6085B2;
	text-decoration: underline;
}

a.ArrowLink01 {
	padding-left: 10px;
	background: url(../Images/blue_arrow.gif) no-repeat 0 3px;
}

h1 {
	font-size: 0px;
	padding: 0px;
	margin: 0px;
}

/*h2 {
}

h2 span {
	display: none;
}

h3 {
	font-size: 14px;
	color: #001854;
	margin: 0px 0px 14px 0px;
	font-family: georgia;
}

h3 span {
	font-weight: normal;
	font-size: 11px;
	font-family: Arial;
}
*/

h2 {
	font-size: 14px;
	font-weight: bold;
	color: #001854;
	font-family: georgia;
	margin-bottom: 22px;
	margin-left: 1px;
}

h2 span {
	font-weight: normal;
	font-size: 11px;
	font-family: Arial;
}

h3 {
	font-weight: bold;
	font-size: 12px;
	color: #001854;
	padding-bottom: 10px;
}

h4 {
	font-weight: bold;
	color: #323c46;
	font-size: 11px;
	margin-bottom: 4px;
}

h4 a, h4 a:hover {
	color: #001854;
}

h5 {
	font-weight: bold;
	font-size: 11px;
}

div.bioTitleHolder h3 {
	margin-bottom: 0px;
}

div.bioTitleHolder span {
	display: block;
	margin-bottom: 14px;
}

h4 {
	font-size: 12px;
	color: #001873;
	padding: 0px 0px 5px 0px;
}

h5 {
	font-size: 11px;
	font-weight: bold;
}

h6 {
}

p {
	clear: both;
	letter-spacing: 0.5px;
	line-height: 13px;
	margin-bottom: 15px;
	padding-right: 10px;
}

img {
	border: none;
}

table.TeamAlphaDataListTable td {
	width: 190px;
	padding: 0 10px 5px 0;
}

table.TeamAlphaDataListTable td a {
	padding-left: 10px;
	background: url(../Images/blue_arrow.gif) no-repeat 0 3px;
}

ul {
	list-style: none;
}

/* STYLES BY SITE STRUCTURE */

/* This div contains the entire site structure - it has 100% width and it is used for another repeating background */
div.RepeatBackgroundLayer {
	width: 100%;
	background-image: url(../Images/BG_LayoutWrapper.gif);
	background-repeat: repeat-x;
	float: left;
}

/* This div contains the entire site structure - use it to set the width of the layout and to center it if necessary */
div.LayoutWrapper {
	width: 925px;
	background-image: url(../Images/BG_LayoutWrapper.gif);
	background-repeat: repeat-x;
	float: left;
}

div.LeftWrapper {
	float: left;
	width: 29px;
	height: 600px;
	background-image: url(../Images/BG_Body.gif);
	background-repeat: repeat-x;
}

/* This div is the top header area - it contains any top navigation, the logo, and the main page image;
If the logo and header image are combined, that image should go here */
div.TopWrapper {
	float: left;
}

/* IF YOUR LAYOUT INCLUDES A HORIZONTAL TOP NAVIGATION, COPY THE STYLES FROM "TopNav.css" HERE */

/* This div contains the h1 and logo image;
If the logo is combined with the header image, place a logo image for print here and hide it in the screen styles */
div.LogoHolder {
	float: left;
	background-color: #050f23;
	width: 221px;
	padding: 58px 0px 0px 0px;
}

/* This div contains the main header image if it is separate from the logo image */
div.MainImageHolder {
	float: left;
	width: 674px;
	margin: 58px 0px 0px 0px;
	font-size: 0px;
}

div.MainImage {
	float: left;
	width: 674px;
	height: 116px;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}

div.MainImage h2 span {
	display: none;
}



.Disclaimer {
	background-image: url(../Images/MainImage_Disclaimer.jpg);
}

.Strategy {
	background-image: url(../Images/MainImage_Strategy.jpg);
}

.Team {
	background-image: url(../Images/MainImage_Team.jpg);
}

.Investments {
	background-image: url(../Images/MainImage_Investments.jpg);
}

.ContactUs {
	background-image: url(../Images/MainImage_ContactUs.jpg);
}

/* This div contains the middle area of the site, which holds the left hand navigation area (if needed) and the main content areas */
div.MiddleWrapper {
	float: left;
	background-image: url(../Images/BG_ContentBackground.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	margin-top: 5px;
}

/* This div is the column for any left hand navigation or imagery */
div.LeftNavColumn {
	float: left;
	width: 223px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
}

div.LeftNav {
	float: left;
	width: 174px;
	padding: 34px 0px 0px 49px;
}

div.LeftNav ul li {
	float: left;
	background-image: url(../Images/white_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	margin: 0 0 10px 0;
	padding: 0px 0px 0px 6px;
	clear: both;
	width: 168px;
}

div.LeftNav ul ul {
	float: left;
	margin: 7px 0px 0px 2px;
}

*html div.LeftNav ul ul {
	margin-left: 4px;
}

div.LeftNav ul li li {
	width: 160px;
	margin-bottom: 3px;
	padding: 0px 0px 0px 6px;
}

*html div.LeftNav ul li li {
	width: 156px;
}

div.LeftNav a {
	color: #ffffff;
	font-size: 12px;
	text-decoration: underline;
	letter-spacing: .5;
}

div.LeftNav li ul li a {
	font-size: 11px;
}

div.LeftNav a:hover {
	color: #b3dcfc;
}

div.LeftNav a.active {
	color: #b3dcfc;
}

div.LeftNav a.active:hover {
	color: #b3dcfc;
}

/* IF YOUR LAYOUT INCLUDES A VERTICAL LEFT-HAND NAVIGATION, COPY THE STYLES FROM "LeftNav.css" HERE */

/* This div contains the main content areas of the site */
div.MainContentColumn {
	float: left;
	width: 456px;
	background-image: url(../Images/BG_MainContentColumn.gif);
	background-repeat: repeat-y;
	margin: 0px 0px 0px 0px;
	padding: 25px 185px 30px 30px;
	min-height: 282px;
	height: auto !important;
	height: 282px;
}

/* Team Pages */
div.BioContentHolder {
	float: left;
	width: 258px;
	padding-right: 30px;
}

div.BioImageHolder {
	float: left;
	width: 143px;
}

/* This div contains the bottom area of the site, which holds the copyright information and any footer navigation if it is outside of and below the content area */
div.BottomWrapper {
	float: right;
	display: inline;
	width: 667px; /*background-image: url(../Images/BG_BottomWrapper.gif); */
	background-repeat: repeat-y;
	padding: 10px 0px 15px 0px;
	margin: 0px 0px 0px 227px;
	margin-right: 2px;
	color: #98aec9;
}

/* This div contains the copyright information */
div.CopyrightHolder {
	float: left;
	margin: 0px 0px 0px 0px;
}

/* This div contains the footer links */
div.FooterNav {
	float: left;
	display: inline;
	margin: 0px 0px 0px 5px;
}
div.FooterNav li {
	float: left;
	display: inline;
}
div.FooterNav a {
	color: #98aec9;
	text-decoration: none;
}
div.FooterNav a:hover {
	color: #98aec9;
	text-decoration: underline;
}
div.contactLeft {
	float: left;
	width: 30px;
}
div.contactRight {
	float: left;
	width: 300px;
}

/* 
Top Navigation - styles for a horizontal list navigation with image backgrounds inside a container with class="TopNav" 
NOTE - When I refer to "active" states in the classes or on links, I am not referring to the pseudo class a:active, but rather to the visual state of the links when you are in that link's directory or on its page, to which we assign class="active"
*/

/* Set general properties for the container holding the navigation */
.TopNav {
	/*width: 960px;*/
	height: 28px;
	padding-left: 257px; /*222px*/
	clear: both;
}

/* Set properties for the L2 List */
.TopNav ul {
	float: left;
	margin: 4px 0px 0px 0px;
}

/* Set properties for the List Items in the L2 List */
.TopNav li {
	display: inline;
	height: 29px;
}

/* Set properties for the normal state of the Links in the L2 List */
.TopNav a {
	display: block;
	float: left;
	height: 24px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

/* Set properties for the hover state of the Links in the L2 List */
.TopNav a:hover {
	background-position: 0 -24px;
}

/* Set properties for the norma and hover states of the active Links in the L2 List */
.TopNav a.active, .TopNav a.active:hover {
	background-position: 0 -48px;
}

.TopNav a span {
	display: none;
}

/* BEGIN NAVGEN GENERATED LINK STYLES */

/* Set Properties for each L2 Image Link */
.TopNav_StrategyLink {
	width: 61px;
	background-image: url(../images/TopNav_StrategyLink.gif);
}
.TopNav_TeamLink {
	width: 54px;
	background-image: url(../images/TopNav_TeamLink.gif);
}
.TopNav_InvestmentsLink {
	width: 92px;
	background-image: url(../images/TopNav_InvestmentsLink.gif);
}

.TopNav_ContactUsLink {
	width: 85px;
	background-image: url(../images/TopNav_ContactUsLink.gif);
}

.TopNav_BainCapitalHomeLink {
	width: 128px;
	background-image: url(../images/TopNav_BainCapitalHomeLink.gif);
}
.TopNav_PrivateEquityHomeLink {
	width: 138px;
	background-image: url(../images/TopNav_PrivateEquityHomeLink.gif);
}
.TopNav_DisclosuresLink {
	width: 81px;
	background-image: url(../images/topNav_Disclosures.gif);
}

/* END NAVGEN GENERATED LINK STYLES */

.TopNav a span {
	display: none;
}


/*End of TOP NAV*/
/*
ul.BulletList, ul.bulletlist, ul.bulletlist2 {
	margin-bottom: 20px;
	margin-left: 5px;
}

ul.BulletList li, ul.bulletlist li, ul.bulletlist2 li {
	background-image: url(../Images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 15px;
	padding-bottom: 4px;
}
*/
div.listCol {
	float: left;
	display: inline;
	width: 217px;
	padding-right: 10px;
}

ul.BulletList {
	float: left;
	display: inline;
	margin-left: 5px;
	margin-bottom: 12px;
}

ul.BulletList li {
	background-image: url(../Images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 15px;
	padding-bottom: 4px;
}

ul.bulletlist {
	margin-bottom: 12px;
	padding-right: 30px;
}

ul.bulletlist li {
	margin: 0 0 4px 15px;
	padding: 0 0 0 7px;
	background: url(../Images/small_bullet.gif) no-repeat 0 5px;
}

ul.ArrowList {
	margin-bottom: 20px;
}

ul.ArrowList li {
	padding-left: 10px;
	margin-bottom: 5px;
	background: url(../Images/blue_arrow.gif) no-repeat 0 3px;
}


div.clear {
	clear: both;
}

/*
.bioPicture {
	float: right;
	display: inline;
	padding-bottom: 34px;
	width: 152px;
}

.bioDescription {
	float: left;
	display: inline;
	width: 243px;
	padding-bottom: 34px;
}

.bioDescription div {
	margin-top: 14px;
}
*/




div.InvestmentLogoHolder {
	width: 150px;
	padding-left: 9px;
	padding-top: 9px;
	padding-right: 9px;
	padding-bottom: 9px;
	margin-bottom: 20px;
	background: #F3F6F9;
	float: right;
}

div.InvestmentCopy {
	float: left;
	display: inline;
	width: 250px;
	margin-bottom: 20px;
}

.clearBoth {
	clear: both;
}

div.divider01 {
	float: left;
	width: 432px;
	height: 1px;
	margin: 10px 0px 30px 0px;
	font-size: 0px;
	background: url(../Images/dotted_divider.gif) repeat-x 0 0;
}

*html div.divider01 {
	margin-bottom: 10px;
}

.divider {
	height: 3px;
	width: 100%;
	background-image: url(../Images/dotted_divider.gif);
	background-repeat: repeat-x;
	background-position: 0px 2px;
	padding-bottom: 20px;
}

.divider_dottedLine {
	clear: both;
	width: 100%;
	height: 21px;
	background-image: url(../Images/dotted_divider.gif);
	background-repeat: repeat-x;
	background-position: 0 4;
}

.RedBold {
	color: #ff0000;
	font-weight: bold;
}

.GreenBold {
	color: #346728;
	font-weight: bold;
}

.YellowBold {
	color: #d4cd00;
	font-weight: bold;
}

.OrangeBold {
	color: #d47d00;
	font-weight: bold;
}

.BlueBold {
	color: #005ad4;
	font-weight: bold;
}

.PhoneListing {
	display: block;
	float: left;
	width: 28px;
}

/* Top Nav */

ul.topNav li, ul.topNav li a {
	display: block;
	float: left;
	height: 24px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

ul.topNav li a:hover, ul.topNav li a.active, ul.topNav li a.active:hover {
	background-position: 0 -24px;
}

ul.topNav li a span {
	display: none;
}

li.topNav_Strategy, li.topNav_Strategy a {
	width: 66px;
	background-image: url(../Images/topNav_Strategy.gif);
}

li.topNav_Team, li.topNav_Team a {
	width: 51px;
	background-image: url(../Images/topNav_Team.gif);
}

li.topNav_Investments, li.topNav_Investments a {
	width: 92px;
	background-image: url(../Images/topNav_Investments.gif);
}

li.topNav_ContactUs, li.topNav_ContactUs a {
	width: 83px;
	background-image: url(../Images/topNav_ContactUs.gif);
}

li.topNav_BainCapitalHome, li.topNav_BainCapitalHome a {
	width: 127px;
	background-image: url(../Images/topNav_BainCapitalHome.gif);
}

li.topNav_PrivateEquityHome, li.topNav_PrivateEquityHome a {
	width: 137px;
	background-image: url(../Images/topNav_PrivateEquityHome.gif);
}
li.topNav_BainCapitalUK, li.topNav_BainCapitalUK a {
	width: 116px;
	background-image: url(../Images/topNav_BainCapitalUK.gif);
}
li.topNav_Disclosures, li.topNav_Disclosures a {
	width: 81px;
	background-image: url(../Images/topNav_Disclosures.gif);
}


/* Portfolio Page */
.portfolio_CompanyHolder {
	float: left;
	width: 454px;
}

.portfolio_LogoHolder {
	float: left;
	width: 150px;
	padding: 9px;
	background: #f3f6F9;
}

.portfolio_InfoHolder {
	float: left;
	width: 256px;
	padding-right: 30px;
}

table.PortfolioDataListTable td {
	width: 200px;
	vertical-align: top;
	text-align: left;
	padding: 0 10px 5px 0;
}

table.PortfolioDataListTable td span {
	display: block;
	padding-left: 10px;
	background: url(../Images/blue_arrow.gif) no-repeat 0 3px;
}

.contentSeperator_dottedLine {
	float: left;
	width: 100%;
	height: 31px;
	background: url(../Images/content_line_seperator.gif) repeat-x 0 10px;
}

.PrintOnly {
	display: none;
}