/*
Name: Protoytpe Layout CSS
Creative by: Rise Creative Group
Date modified: 2/5/08
------------------------------------*/

/*  Reset all CSS 
------------------------------------*/
	
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead { margin : 0; padding : 0; border : 0; outline : 0; font-weight : inherit; font-style : inherit; font-size : 100%;  vertical-align: baseline; background: transparent; }


/* Base style
------------------------------------*/

body {
	background: url(../images/bg.jpg) repeat-x #0B1F2F; 
	padding: 0;
	margin: 0;
	}
	
	

/* Tables
------------------------------------*/
	
.tabular {
	width: 100%;
	background-color: #e1e1e1;
	margin-bottom: 10px;
	margin-top: 10px;
}	
	
.tabular th {
	background-color: #666;
	text-align:left;
	height:10px;
	color: #fff;
}

.tabular_highlight {
	background-color: #eee;
}


/* Things to hide
------------------------------------*/
#nav span {
	display: none;
	}
	
#feature span {
	display: none;
	}


/* Container
------------------------------------*/
#container {
	width: 100%;
	padding: 0;
	margin: -20px 0 0 0;
	background: url(../images/content-bg.jpg) repeat-x #fff;
	position: relative;
	}
	
/* Header
------------------*/
#header {
	width: 950px;
	margin: 0 auto;
	position: relative;
	}
	
#logo {
	background: url(../images/bdlogo-trans.png) no-repeat;
	width: 116px;
	height: 116px;
	position: absolute;
	top: 5px;
	z-index: 4;
	}	
	
#employerLogin {
	position: absolute;
	left: 800px;
	top: 3px;
	z-index: 99;
	font-size: .8em;
	}
	
#employerLogin img {
	margin-bottom: -3px;
	}
	
#employerLogin a {
	color: #FFCC00;
	}
	
#employerLogin a:hover {
	text-decoration: underline;
	}

	
/* Navigation
------------------------------------*/

#nav {
	background: url(../images/nav.png)  no-repeat;
	width: 950px;
	height: 124px;
	margin: 0 auto;
	font-size: .9em;
	position: relative;
	z-index: 1;
	padding-left: 0;
}

#nav li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
}

#nav li.home {width: 364px; height:124px;  position: relative; z-index: 2;}
#nav li.home a {width: 364px; height:124px; display: block; position: relative; z-index: 2;}
#nav li.home a:hover {background: none;}

#nav li.brokers {width: 85px; height:124px; background: none;}
#nav li.brokers a {width: 85px; height:124px; display: block; background: none; }
#nav li.brokers a:hover {background: url(../images/nav.png) -364px -123px  no-repeat;}

#nav li.employers {width: 88px; height:124px;}
#nav li.employers a {width: 88px; height:124px; display: block;}
#nav li.employers a:hover {background: url(../images/nav.png) -449px -123px  no-repeat;}

#nav li.firm-search {width: 93px; height:124px;}
#nav li.firm-search a {width: 93px; height:124px; display: block;}
#nav li.firm-search a:hover {background: url(../images/nav.png) -537px -123px  no-repeat;}

#nav li.industry-jobs {width: 106px; height:124px;}
#nav li.industry-jobs a {width: 106px; height:124px; display: block;}
#nav li.industry-jobs a:hover {background: url(../images/nav.png) -630px -123px  no-repeat;}

#nav li.industry-links {width: 108px; height:124px;}
#nav li.industry-links a {width: 108px; height:124px; display: block;}
#nav li.industry-links a:hover {background: url(../images/nav.png) -736px -123px  no-repeat;}

#nav li.contact {width: 80px; height:124px;}
#nav li.contact a {width: 80px; height:124px; display: block;}
#nav li.contact a:hover {background: url(../images/nav.png) -844px -123px  no-repeat;}



/* Subnavigation latch
------------------------------------*/
  
.firmsearchPage   #nav li.firm-search a {width: 93px; height:124px; display: block; background: url(../images/nav.png) -537px -247px  no-repeat;}
.employersPage   #nav li.employers a {width: 88px; height:124px; display: block; background: url(../images/nav.png) -449px -247px  no-repeat;}
.industryjobsPage   #nav li.industry-jobs a {width: 106; height:124px; display: block; background: url(../images/nav.png) -630px -247px  no-repeat;}
.industrylinksPage   #nav li.industry-links a {width: 108px; height:124px; display: block; background: url(../images/nav.png) -736px -247px  no-repeat;}
.contactPage   #nav li.contact a {width: 80px; height:124px; display: block; background: url(../images/nav.png) -844px -247px  no-repeat;}
.brokersPage     #nav li.brokers a {width: 85px; height:124px; display: block; background: url(../images/nav.png) -364px -247px  no-repeat;}

.homePage #nav li.brokers {width: 85px; height:124px; background: none;}
.homePage #nav li.brokers a {width: 85px; height:124px; display: block; background: none; }
.homePage #nav li.brokers a:hover {background: url(../images/nav.png) -364px -123px  no-repeat;}


/* Features 
------------------------------------*/

#feature {
width: 927px;
height: 311px;
background: url(/images/feature.jpg) no-repeat right;
margin: -17px auto 0 auto;
padding: 0;
position:relative;
z-index: 1;
}


#subPage #feature {
	background:url(../images/header.jpg) left no-repeat;
	height: 172px;
	position: relative;
	z-index: 1;
	}
	
#subPage #feature h1 {
	position: absolute;
	top: 100px;
	left: 0;
	}
	
.brokersPage #feature h1 {
	background: url(../brokers/images/header-trans.png) no-repeat;
	width: 190px;
	height: 69px;
	display: block;
	}
	
.employersPage #flashPresentation   {
	background: none;
	width: 912px;
	height: 373px;
	display: block;
	}
	
.firmsearchPage #feature h1 {
	background: url(../firm-search/images/header-trans.png) no-repeat;
	width: 273px;
	height: 69px;
	display: block;
	}
	
.employerloginPage #feature h1 {
	background: url(../employer-login/images/header-trans.png) no-repeat;
	width: 344px;
	height: 77px;
	display: block;
	}
	
.industrylinksPage #feature h1 {
	background: url(../industry-links/images/header-trans.png) no-repeat;
	width: 319px;
	height: 77px;
	display: block;
	}
	
.contactPage #feature h1 {
	background: url(../contact/images/header-trans.png) no-repeat;
	width: 183px;
	height: 68px;
	display: block;
	}
	
.employersPage #feature h1 {
	background: url(../employers/images/header-trans.png) no-repeat;
	width: 208px;
	height: 71px;
	} 
	
.register #feature h1 {
	background: url(../images/register-trans.png) no-repeat;
	width: 175px;
	height: 71px;
	}
	
#brokerBox {
	position: absolute;
	top: -35px;
	left: 690px;
	 z-index: 8;
	}
	
.brokersPage #brokerBox {
	position: absolute;
	background:url(../brokers/images/broker-trans.png);
	width: 193px;
	height: 251px;
	top: -35px;
	left: 690px;
	}
	
.firmsearchPage #brokerBox {
	position: absolute;
	background:url(../firm-search/images/broker-trans.png);
	width: 266px;
	height: 245px;
	top: -28px;
	left: 640px;
}

.employersPage #brokerBox {
	position: absolute;
	top: -19px;
	left: 560px;
}

.employerloginPage #brokerBox {
	position: absolute;
	background:url(../employer-login/images/broker-trans.png);
	width: 154px;
	height: 231px;
	top: -16px;
	left: 730px;
}

.industrylinksPage #brokerBox {
	position: absolute;
	background:url(../industry-links/images/broker-trans.png);
	width: 344px;
	height: 242px;
	top: -26px;
	left: 600px;
}

 .register #brokerBox {
	position: absolute;
	background:url(../images/register-header-trans.png);
	width: 154px;
	height: 231px;
	top: -16px;
	left: 730px;
}

#latestFirms {
	position: absolute;
	top: -212px;
	left: 12px;
	width: 205px;
	color: #fff;
	font-size: .85em;
	line-height: 12px;
	z-index: 6;
	}
	
#latestFirms p {padding-bottom: 18px; }
	
#latestFirms h2 {
	color: #fff;
	font-weight: bold;
	font-size: 1.4em;
	line-height: normal;
	margin: 0 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	}
	
#latestFirms img, .latestfirms img {
	margin: 0 0 5px 0;
	padding: 5px;
	border: 1px solid #999;
	}
	
#latestFirms p {
	margin: 0 0 5px 0;
	}

#latestFirms a, a:link, a:visited {
	color: #FBC900;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}

#latestFirms a:hover {
	text-decoration: underline;
	}

#siteIntroContainer {
	width: 900px;
	margin: 0 auto;
	padding: 0;
	}
	
.homePage #siteIntroContainer {
	width: 900px;
	height: 125px;
	margin: 0 auto;
	padding: 0;
	}

#siteIntro {
	background: #04050D;
	width: 100%;
	margin: 0px 0;
	padding: 0;
	position: relative;
	}
	
#siteIntro h1 {
	padding-top: 15px;
	color: #fff;
	font-size: 1.2em;
	width: 65%;
	}
	
#breadcrumbs {
	background: #04050D;
	width: 900px;
	margin: -1px auto;
	font-size: .75em;
	font-weight: bold;
	padding: 17px 10px 16px 10px;
	color: #fff;
	clear: both;
	}
	
#breadcrumbs  a, a:link, a:visited, a:active {
	color: #FDCB00;
}

#breadcrumbs a:hover {
	text-decoration: underline;
	}
	
	
#container.subPage {
	width: 920px;
	margin: 20px auto 15px auto;
	}
	
	
	
#siteIntro p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	line-height: 25px;
	color: #fff;
	width: 590px;
	padding: 19px 8px;
}

	
/* Search
------------------------------------*/

#search {
	height: 30px;
	background: #444;
	padding: 7px 0 0 36px;
	display: block;
}
	

/* Content
------------------------------------*/

#content {
	width:915px;
	margin: -20px auto 0 auto;
	}
	
	#content h1 {
	font-family: "Times New Roman", Times, serif;
	color: #143654;
	font-weight: bold;
	font-size: 1.5em;
	margin: 0 0 10px 0;
	}
	

/* Home Buttons
------------------------------------*/

#forBrokers {
	width: 290px;
	margin: 10px 0;
	}
	
#forBrokers li {
	list-style: none;
	zoom: 1;
	}
	
#forBrokers li.searchFirms {width: 250px; height:61px;}
#forBrokers li.searchFirms a {width: 250px; height:61px; display: block; background:url(../images/home-link-buttons.jpg); padding-left: 50px; line-height: 55px; vertical-align: middle; font-weight: bold; color: #163F65; text-decoration: none;}
#forBrokers li.searchFirms a:hover  {background: url(../images/home-link-buttons.jpg) 0px -121px  no-repeat;}

#forBrokers li.browseFirms {width: 250px; height:61px;}
#forBrokers li.browseFirms a {width: 250px; height:61px; display: block; background:url(../images/home-link-buttons.jpg) 0px -61px no-repeat; padding-left: 50px; line-height: 55px; vertical-align: middle; font-weight: bold; color: #163F65; text-decoration: none;}
#forBrokers li.browseFirms a:hover  {background: url(../images/home-link-buttons.jpg) 0px -182px  no-repeat;}

#forEmployers {
	width: 290px;
	float: right;
	margin: 1px 20px;
	}
	
.employersPage #forEmployers {
	width: 290px;
	float: right;
	margin: 10px 0 0 2px;
	clear: both;
	}
	
#forEmployers li {
	list-style: none;
	zoom: 1;
	}
	
#forEmployers li.listFirm {width: 235px; height:61px;}
#forEmployers li.listFirm a {width: 235px; height:61px; display: block; background:url(../images/home-link-buttons.jpg) -330px 0px; padding-left: 60px; line-height: 55px; vertical-align: middle; font-weight: bold; color: #163F65; text-decoration: none;}
#forEmployers li.listFirm a:hover  {background: url(../images/home-link-buttons.jpg) -330px -121px  no-repeat;}

#forEmployers li.employerLogin {width: 235px; height:61px;}
#forEmployers li.employerLogin a {width: 235px; height:61px; display: block; background:url(../images/home-link-buttons.jpg) -330px -63px; padding-left: 60px; line-height: 55px; vertical-align: middle; font-weight: bold; color: #163F65; text-decoration: none;}
#forEmployers li.employerLogin a:hover  {background: url(../images/home-link-buttons.jpg) -330px -184px  no-repeat;}


/* Columns
------------------------------------*/

#full_col {
	float: left;
	width: 700px;
	margin: 0;
	padding: 18px 18px 12px 30px;
	}

#main_col {
	float: left;
	width: 650px;
	margin: 0;
	padding: 10px;
}

#main_col a {
	color: #599BB5;
	}
	
#main_col a:hover {
	color: #78b8d1;
}


#split_col1 {
	float: left;
	width: 540px;
	margin: 0;
	padding: 18px 18px 20px 30px;
}

#split_col1 img {
	padding: 0 18px 8px 0;
	float: left;
	}

#split_col1 a {
	color: #0B2438;
	border-bottom: 1px dotted #396373;
	font-size: 1em;
	}

#split_col1 a:hover {
	color: #729fc3;
	border-bottom: 1px dotted #599BB5;
	}

#split_col2 {
	float: right;
	width: 295px;
	margin: 0;
	padding: 10px;
}

#sub_col {
	float: right;
	width: 237px;
	margin: -108px 5px 0 0;
	padding: 0;
	background-color: #194A73;
	border-color: #666;
	border-width: 1px;
	display: block;
	position: relative;
	z-index: 3;
	height: 545px;
}


#sub_col ul{
	list-style: none;
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
}

#sub_col li {
	margin: 0;
	display: block;	
	padding: 0 5px 0 10px;
	border: dotted;
	border-color: #E4E4E4;
	border-width: 0 0 1px 0;
}
	
#sub_col li a {
	height: 25px;
	font-size:95%;
}

#col_left {
float: left;
	width: 250px;
	margin: 0;
	padding: 10px;
	clear: left;
	}

#col_center {
float: left;
	width: 350px;
	margin: 0;
	padding: 10px;
}

#col_right {
float: right;
	width: 250px;
	margin: 0;
	padding: 10px;
	clear: right;
	}
	
#adWrapper {
width: 640px;
padding-bottom: 20px;
}

#adWraooer img {padding: 4px; border: 1px solid red;}
	

/* Sidebar/Recently Added Firms/Contact Information
---------------------------------------------------------*/	

#sidebar {
	width: 281px;
	background: #A5BDD1;
	margin-top: 15px;
	margin-left: 5px;
	color: #000000;
	}
	
#sidebar h1  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em; 
	color: #0B1F2F;
	background: url(../images/sidebar-top.jpg) no-repeat #A5BDD1  
	padding: 10px 0 0 10px;
	margin: 0;
	height: 38px;
	width: 271px;
	line-height: 38px;
	vertical-align: middle;
	}
	
#sidebar li {
	list-style: none;
	padding: 6px 6px 6px 12px;
	}
	
#sidebar a {
	font-size: 1em;
	display: inline;
	color: #164367;
	text-decoration: underline;
	}
	
#sidebar li a:hover {
	text-decoration: underline;
	}
	
#sidebar #bottom {
	background:url(../images/sidebar-bottom.jpg);
	margin: 0;
	padding: 0;
	width: 281px;
	height: 51px;
	}

#sidebar p {
	list-style: none;
	padding: 6px 12px 6px 12px;
	}
	
#sidebar p a {
	color: #216198;
	}
	
#sidebar p a:hover {
	text-decoration: underline;
	}
	
	
/* Footer
------------------------------------*/	

#footer {
	width: 100%;
	background: url(../images/footer-bg.jpg) repeat-x #ccc;
	clear: both;
	}
	
#featuredFirms {
	width: 900px;
	padding: 0 0 30px 0;
	margin: 0 auto;
	position:relative;
	}
	
#featuredFirms h2 {
	background:url(../images/featured-firms-h1.jpg) no-repeat;
	padding: 0 0 0 72px;
	height: 64px;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 72px;
	vertical-align: middle;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	}
	
#featuredFirms span {
	display: none;
	}
	
#featuredFirms ul {
	margin-top: 8px;
	float: left;
	}
	
#featuredFirms li {
	float: left;
	list-style: none;
	margin: 0 8px 0 0;
	height: 100px;
	}
	
#whereWeAdvertise {
	background: url(../images/whereGradient.jpg) repeat-x;
	width: 217px;
	height: 190px;
	float: right;
	padding: 10px 10px 30px 10px;
	position: absolute;
	left: 666px;
	display: none;
	}
	
.homePage #whereWeAdvertise, .employersPage #whereWeAdvertise {
display: block;
}
	
#whereWeAdvertise h2 {
    font-family: Arial, Helvetica, sans-serif;
	background: none;
	height: auto;
	padding: 0;
	margin: 10px 0 8px 5px;
	line-height: normal;
	}

#investmentNews {
	background:url(../images/investmentnews-trans.png) no-repeat;
	margin: 0 0 0 10px;
	padding: 0 0 20px 0;
	float: left;
	text-align: center;
	}

#financialAdvisor {
	background:url(../images/financialadvisor-trans.png) no-repeat;
	margin: 0 0 0 0;
	float: left;
	text-align: center;
	}
	
#banner_holder {
	width: 640px;
	margin: 0 auto;
	}
	
#banner_holder img {border: 1px solid #333;}
	
#main_banner {
	margin: 0 auto;
	clear: both;
	}
	
#banner_holder #col1 {
	width: 102px;
	float: left;
	margin-top: 8px;
	margin-right: 8px;
	margin-left: 6px;
	}
	
#banner_holder #col1 img, #banner_holder #col3 img  { margin-bottom: 8px;}
	
#banner_holder #col2 {
	width: 400px;
	float: left;
	margin-top: 8px;
	margin-right: 8px;
	}
	
#banner_holder #col2 .imgLeft {float: left; margin-right: 5px; margin-top: 8px;}

#banner_holder #col2 .imgRight {float: right; margin-right: 0px; margin-top: 8px;}

#banner_holder #col3 {
	width: 102px;
	float: left;
	margin-top: 8px;
	}
	
	
	

/* Site Information
------------------------------------*/

#site_informationContainer {
	width: 100%;
	margin-top: 50px;
	padding: 5px 0 5px 0;
	background:#333333;
	clear: both;
	font-size: .95em;
}

#site_information {
	width: 920px;
	margin: 0 auto;
	color: #fff;
	padding: 5px 0 5px 0;
	list-style: none;
	list-style-type:none;
	clear:both;
	font-size: 0.8em;
}

#site_information li {
	display: block;
	padding: 3px;
}

#site_information a, #site_information a:visited {
color: #FFCC00;
font-weight: normal;
}

#site_information a:hover {
	text-decoration: underline;
	}
	
.copyright {
	clear: both;
	width: 100%;
	display: block;
	}
	
.footerLinks {
	clear: both;
	}
	
.footerLinks a {
	display: block;
	padding: 0 10px 0 0;
	float: left;
	}

/* Miscellaneous
------------------------------------*/

.checkmarks li {
	background: url(../images/checkmark.png) no-repeat -2px 3px;
	list-style: none;
	padding: 3px 0 3px 35px;
	margin-left: -15px;
	}
	
.sidebarList li {
	list-style: square !important;
	padding-left: 3px !important;
	margin-left: 25px !important;
	}
	
.whyList {
	font-size: 1.2em;
	}

.center {
	text-align:center;
}

.right {
	float: right;
}

.left {
	float: left;
	}

.clear {
	clear: both;
	width: 100%;
}

img {
	border: 0;
	}
	
.alert {
	color: #CC0000;
	font-weight: bold;
}

.note {
	text-transform: uppercase;
	color: #ccc;
}

.highlight {
	background-color: #ffcc99;
}