/*
===================================================
CrownBrook Capital: GLOBAL
===================================================
*/

/*
---------------------------------------------------
General
---------------------------------------------------
*/

body, html
	{
	height: 100%;
	}

body
	{
	margin: 0;
	padding: 0;
	background: #fff url(../images/main_bg.gif) center top no-repeat;
	text-align: center;
	font: 11px verdana, arial, helvetica, sans-serif;
	color: #666;
	line-height: 150%;
	}

img
	{
	border: 0;
	}

div#main_container
	{
	width: 887px;
	height: 400px;
	margin: 0 auto;
	padding: 0 8px;
	text-align: left;
	}

div#logo
	{
	width: 302px;
	height: 106px;
	background: url(../images/cbc_logo.gif) left top no-repeat;
	margin-right: auto;
	}

div#header
	{
	width: 872px;
	height: 106px;
	background: url(../images/cbc_header_bg.gif) left top repeat-x;
	margin: 0 auto;
	text-align: left;
	}

div#navigation
	{
	width: 872px;
	height: 156px;
	margin: 0 auto;
	}

div#bottom_nav_border
	{
	width: 872px;
	height: 16px;
	background: url(../images/nav_bottom_border.gif) left top repeat-x;
	margin: 0 auto 8px auto;
	}

div#left_column
	{
	width: 279px;
	background: url(../images/cbc_overview.gif) left top no-repeat;
	padding: 75px 0 0 0;
	margin: 0 0 0 8px;
	text-align: left;
	float: left;
	}

#news div#left_column
	{
	width: 279px;
	background: url(../images/cbc_news.gif) 11px 10px no-repeat;
	padding: 75px 0 0 0;
	margin: 0 0 0 8px;
	text-align: left;
	float: left;
	}

#right_column
	{
	background: url(../images/home_right_border.gif) 0px 20px no-repeat;
	float: left;
	}

div#footer
	{
	clear: left;
	text-align: right;
	padding: 30px;
	}

div.peripheral
	{
	margin: 0 0 0 25px;
	width: 225px;
	font: 10px verdana, arial, helvetica, sans-serif;
	color: #666;
	}

div.peripheral ul
	{
	list-style-image: url(../images/bullet.gif);
	}

div.peripheral li
	{
	margin: 0 0 0 -20px;
	color: #5689AA;
	}

div.content
	{
	text-align: left;
	margin-left: 30px;
	width: 535px;
	}

div.read_more
	{
	border: 0;
	margin: 20px 0 0 30px;
	width: 62px;
	height: 10px;
	background: #fff url(../images/read_more.gif) left top no-repeat;
	}

.read_more a
	{
	display: block;
	width: 60px;
	height: 8px;
	}

div.title
	{
	margin: 0 0 11px 30px;
	width: 530px;
	text-align: left;
	}

div.subhead
	{
	margin: 17px 0 5px 30px;
	width: 530px;
	text-align: left;
	}

.strong
	{
	font-weight: bold;
	color: #598BAE;
	}

/*
---------------------------------------------------
Links
---------------------------------------------------
*/

a,
a:link,
a:visited
	{
	color: #47708b;
	}
a:hover,
a:active
	{
	color: #fff;
	background: #47708b;
	text-decoration: none;
	}

/*
---------------------------------------------------
Specific Layout
---------------------------------------------------
*/

#home #main_container #navigation
	{
	background: #000 url(../images/montage_home.jpg) right top no-repeat;
	}

#news #main_container #navigation
	{
	background: #000 url(../images/montage_news.jpg) right top no-repeat;
	}

#about_us #main_container #navigation
	{
	background: #000 url(../images/montage_about_us.jpg) right top no-repeat;
	}

#inv_crit #main_container #navigation
	{
	background: #000 url(../images/montage_inv_crit.jpg) right top no-repeat;
	}

#get_in_touch #main_container #navigation
	{
	background: #000 url(../images/montage_get_in_touch.jpg) right top no-repeat;
	}

/*
---------------------------------------------------
Navigation
---------------------------------------------------
*/

#navigation ul
	{
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	clear: left;
	}
#navigation ul li 
	{
	display: block;
	margin: 0;
	padding: 0;
	}

#navigation #nav_home
	{
	display: block;
	width: 248px;
	height: 32px;
	text-indent: -3000px;
	background: url(../images/nav_home.gif) left top no-repeat;
	}
#navigation #nav_news
	{
	display: block;
	width: 248px;
	height: 31px;
	text-indent: -3000px;
	background: url(../images/nav_news.gif) left top no-repeat;
	}
#navigation #nav_about_us
	{
	display: block;
	width: 248px;
	height: 31px;
	text-indent: -3000px;
	background: url(../images/nav_about_us.gif) left top no-repeat;
	}
#navigation #nav_inv_crit
	{
	display: block;
	width: 248px;
	height: 31px;
	text-indent: -3000px;
	background: url(../images/nav_inv_crit.gif) left top no-repeat;
	}
#navigation #nav_get_in_touch
	{
	display: block;
	width: 248px;
	height: 31px;
	text-indent: -3000px;
	background: url(../images/nav_get_in_touch.gif) left top no-repeat;
	}
	
#navigation #nav_home:hover,
#navigation #nav_news:hover,
#navigation #nav_about_us:hover,
#navigation #nav_inv_crit:hover,
#navigation #nav_get_in_touch:hover 
	{
	background-position: -248px 0;
	}

#home #navigation #nav_home,
#news #navigation #nav_news,
#about_us #navigation #nav_about_us,
#inv_crit #navigation #nav_inv_crit,
#get_in_touch #navigation #nav_get_in_touch
	{
	background-position: -248px 0;
	}

/*
---------------------------------------------------
News
---------------------------------------------------
*/

div.news
	{
	margin: 0 0 10px 25px;
	width: 225px;
	font: 10px verdana, arial, helvetica, sans-serif;
	color: #666;	
	}

span.date
	{
	font-weight: bold;
	}

div.news ul
	{
	list-style-image: url(../images/bullet.gif);
	margin: 0 0 0 20px;
	padding: 0;
	}
div.news ul li
	{
	margin: 4px 0;
	}
div.news ul li a
	{
	text-decoration: none;
	}

h1
	{
	font-size: 16px;
	margin: 20px 0 0 0;
	padding: 0;
	color: #598BAE;
	line-height: 1.2em;
	}
