/* ------ Standard -------- */

* {
	margin:0;
	padding:0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	line-height: 23px;
}
body {
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	background-color: #b3c6d1;
}
div.wrapper {
	position: relative;
	width: 900px;
	margin: 0px auto;
	padding: 0px 10px 0px 10px;
	background: #fff url("/images/background.png");
}
.center_align { text-align: center; }
div.clear, div.separation, div.five_px { height: 0px; clear: both; }
div.five_px { height: 5px; }
p { margin-bottom: 11px; }
.sidebar * { font-size: 13px; line-height: 21px; }
a, a:link, a:visited { text-decoration: underline; color: #005aca; }
a:hover { text-decoration: none; color: #00306b; }
a:active { text-decoration: underline; color: #005aca; }
h1, h1 a { font-size: 35px; line-height: 32px; margin-bottom: 9px; margin-top: 5px; }
h2, h2 a { font-size: 20px; line-height: 27px; }
.special_h2 { font-size: 24px; }
.special_h2_bottom { margin-bottom: 14px; }
h3, h3 a { font-size: 16px; line-height: 25px; }
h4, h4 a { font-size: 16px; line-height: 24px; margin-bottom: 9px; font-weight: normal; }
a img { border: none; }
img.left { float: left; margin: 5px 15px 5px 0px; }
img.right { float: right; margin: 5px 0px 5px 15px; }
img.with_border { border: 1px solid #dad6cf; padding: 1px; }
/* --- p.img_ph | BEGIN --- */
p.img_ph { margin-bottom: 4px; padding: 0px; }
/*\*/ 
html[xmlns*=""] body:last-child p.img_ph { margin-bottom: -2px; } /* Safari */ 
/**/
p.img_ph, x:-moz-any-link, x:default { margin-bottom: -2px; } /* Firefox */
*:first-child+html p.img_ph { margin-bottom: 4px; } /* IE7 */
/* ---- p.img_ph | END ---- */
/* --- img.special_features | BEGIN --- */
img.special_features { margin-bottom: -3px; padding: 0px; }
/*\*/ 
html[xmlns*=""] body:last-child img.special_features { margin-bottom: -6px; } /* Safari */ 
/**/
img.special_features, x:-moz-any-link, x:default { margin-bottom: -6px; } /* Firefox */
*:first-child+html img.special_features { margin-bottom: -3px; } /* IE7 */
/* ---- img.special_features | END ---- */

div.cta {
	padding: 8px 15px 1px 15px;
	border: 1px solid #d5dde2;
	background-color: #eef1f3;
	text-align: center;
	margin-bottom: 13px;
}

div.one_column {
	padding: 0px 18px 0px 18px;
}

div.two_columns, .blog_page {
	clear: both;
	padding: 12px 18px 0px 18px;
	}
	div.two_columns div.content, .blog_page #content.narrowcolumn {
		float: left;
		width: 615px;
		padding: 0px 16px 0px 0px;
	}
	div.two_columns div.sidebar, .blog_page #sidebar {
		float: left;
		width: 214px;
		padding: 0px 0px 0px 18px;
		margin: 0px 0px;
		border-left: 1px solid #d9d9d9;
	}

div.two_split_columns {
	clear: both;
	overflow: hidden;
	height: 100%;
	}
	div.two_split_columns div.left_column, div.two_split_columns div.right_column {
		position: relative;
		float: left;
		width: 425px;
		padding-top: 15px;
		padding-bottom: 8px;
		}
		div.two_split_columns div.left_column { 
			padding-left: 18px;
			margin-right: 7px;
		}
		div.two_split_columns div.right_column { 
			margin-left: 7px;
			padding-right: 18px;
		}
		div.two_columns div.two_split_columns div.left_column, div.two_columns div.two_split_columns div.right_column {	width: 299px; padding: 0px 0px 8px 0px; }
		div.two_columns div.two_split_columns div.left_column { margin-right: 8px; }
		div.two_columns div.two_split_columns div.right_column { margin-left: 7px; }

div.splash { 
	text-align: center;
	background-color: #d9eefa;
	border-bottom: 1px solid #b3c6d1;
	}
	div.splash div.headline_text { z-index: 10; position: relative; }
	div.splash h1 { padding-top: 18px; }
	div.splash h2 { margin-left: 310px; }
	div.splash div.left_column, div.splash div.right_column { text-align: left; margin-top: -88px; }
	div.splash div.left_column { width: 405px; padding-left: 15px; padding-right: 0px; }
	div.splash div.right_column { width: 455px; margin-top: 42px; padding-right: 0px; padding-left: 0px; }
	
a.sign_up {
	background-color: #015483;
	color: #fff;
	font-size: 18px;
	padding: 11px 18px 17px 18px;
}

/* ----- header ----- */

div.header {
	position: relative;
	height: 73px;
	color: #eee;
	}
	div.header, .bb_logo { background-color: #2c2c2c; }
	div.header h1 { 
		position: absolute;
		top: 8px;
		left: 18px;
	}
	div.header h1 a { 
		line-height: 42px;
		font-size: 20px;
	}
	div.header h1 a, div.header h1 a:link, div.header h1 a:visited { color: #eee; text-decoration: none; }
	div.header h1 a:hover { color: #fff; text-decoration: underline; }
	div.header h1 a:active { color: #eee; text-decoration: none; }
	div.header h1 img.bb_logo { margin-bottom: -4px; padding-right: 10px; display: inline; }
	
	div.header ul.menu {
		position: absolute;
		top: 25px;
		right: 20px;
		list-style: none;
		}
		div.header ul.menu li {
			float: left;
			margin-left: 20px;
			display: inline;
			}
			div.header ul.menu li a {
				font-weight: bold;
				font-size: 16px;
				color: #eee;
				}
				div.header ul.menu li.selected a { text-decoration: none; color: #fff; }


/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------ OLD PAGE ------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------------------------------------------------- */

/* ----- overview ----- */

div.overview_icons { display: block; width: 80px; height: 80px; float: left; margin: 7px 21px 0px 0px; background: url("/images/overview/icons-project-management.png"); }
div.overview_icon_1 { background-position: 0px 0px; }
div.overview_icon_2 { background-position: 0px -80px; }
div.overview_icon_3 { background-position: 0px -160px; }
div.overview_icon_4 { background-position: 0px -240px; }

/* ----- full_page ----- */

div.full_page {
	position: relative;
	background-color: #fff;
	padding: 12px 18px 5px 18px;
}


/* ----- two_half_and_half_columns ----- */

div.two_half_and_half_columns {
	position: relative;
	overflow: hidden;
	background-color: #fff;
	padding: 12px 18px 15px 18px;
	}
	/*
	div.two_half_and_half_columns div.first_column, div.two_half_and_half_columns div.second_column { width: 457px; }
	div.two_half_and_half_columns div.first_column { float: left; }
	div.two_half_and_half_columns div.second_column { float: right; }
	*/
	div.two_half_and_half_columns div.first_column { width: 400px; float: left; }
	div.two_half_and_half_columns div.second_column { width: 496px; float: right; padding-left: 18px;}


/* ----- five_columns ----- */

div.five_columns {
	position: relative;
	overflow: hidden;
	background-color: #fff;
	padding: 12px 7px 15px 18px;
	}
	div.five_columns div.five_column {
		display: inline;
		float: left;
		width: 164px;
		margin: 11px 11px -11px 0px;
	}


/* ----- four_columns ----- */

div.four_columns {
	position: relative;
	overflow: hidden;
	background-color: #fff;
	padding: 0px 8px 15px 18px;
	}
	div.four_columns div.four_column {
		display: inline;
		float: left;
		width: 208px;
		margin: 11px 10px -11px 0px;
	}


/* ----- bottom_links ----- */

ul.bottom_links {
	list-style: none;
	}
	ul.bottom_links li {
		display: block;
		margin-left: 7px;
		}
		ul.bottom_links li.header { font-weight: bold; margin-left: 0px; }
		ul.bottom_links li.selected a { text-decoration: none; color: #000; }

p.bb_copyright {
	text-align: center;
	color: #787878;
	font-size: 13px;
	margin-top: 17px;
	margin-bottom: -7px;
}

div.bottom_separation { 
	height: 10px; 
	margin: 10px 18px 0px 18px;
	clear: both;
	border-top: 1px solid #cdcdcd;
}


/* ----- sign_up_table ----- */

div.sign_up_table {
	margin: 0px 1px 0px 2px;
	border-bottom: 1px solid #aaa;
	overflow: hidden;
	border-right: 1px solid #aaa;
	}
	div.sign_up_table div.sign_up_row {
		display: block;
		overflow: hidden;
		}
		div.sign_up_table div.sign_up_row div.sign_up_column {
			float: left;
			width: 163px;
			padding: 1px 0px 3px 8px;
			border-left: 1px solid #aaa;
			border-top: 1px solid #aaa;
		}
		div.sign_up_table div.sign_up_row div.sign_up_label { 
			font-weight: bold; 
			background-color: #eee; 
		}

/* ----- blog ----- */
.blog_page {  }
.blog_page #content.narrowcolumn { margin-top: 10px; }
.blog_page #content.widecolumn {  }
.blog_page #sidebar { margin-top: 15px; }
.blog_page #sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
}