/*
-----------------------------------------------------------------------------
Styles for Itim Website 2008/9
Website Designed and Developed by Michael Burbridge Ltd
-----------------------------------------------------------------------------
*/


/* 
-----------------------------------------------------------------------------
Define Tag Selectors
-----------------------------------------------------------------------------
*/

body {
	background: url(../images/site_background_tile.gif);
	font-family: "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;
	font-size: 76%;
	color: #666;
	text-align: center;
}


/*
-----------------------------------------------------------------------------
Define Site Structure
-----------------------------------------------------------------------------
*/

div#site_wrapper {
	margin: 0 auto;
	width: 1012px;
	text-align: left;
}

div#page_container {
	display: block; 
	position: absolute;
	background: url(../images/page_background.png) repeat-y;
	min-height: 100%;
	width: 1012px;
}

div#header_container {
	display: block;
	background: url(../images/header_background_tile.gif);
	margin: 0 26px;
	width: 960px;
	height: 102px;
	overflow: hidden;
}

div#home_banner_container,
div#banner_container {
	display: block;
	margin: 0 26px;
	width: 960px;
	height: 300px;
}

div#banner_container {
	height: 220px;
}

div#banner_container h2 {
	float: left;
	display: block;
	width: 720px;
	height: 220px;
	text-indent: -9999px;
	overflow: hidden;	
}

div#spotlight {
	float: left;
	display: inline;
	width: 200px;
	height: 180px;
	padding: 20px;
	overflow: hidden;
}

div#spotlight_quote {
	position: relative;
	width: 200px;
	height: 180px;
}

div#entry_points {
	clear: both;
	display: block;
	margin: 0 26px;
	width: 960px;
	height: 100px;
}

div#consulting_entry, 
div#resourcing_entry,
div#advance_entry,
div#clients_entry {
	float: left;
	display: inline;
	width: 200px;
	height: 72px;
	padding: 14px 20px;
}

div#content_container {
	clear: both;
	display: block;
	margin: 0 26px 220px 26px;
	width: 960px;
	overflow: hidden;
}

div#supplement_content {
	float: left;
	display: inline;
	overflow: hidden;
	padding: 20px;
	width: 200px;
}

div#main_content {
	float: left;
	display: inline;
	padding: 20px;
	width: 680px;
	overflow: hidden;
}

div#post_it_content {
	float: right;
	display: block;
	margin: 0 0 0 10px;
	width: 238px;
	height: 315px;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}

div#post_it_content_small {
	float: right;
	display: block;
	margin: 0 0 0 10px;
	width: 238px;
	height: 265px;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}

div#footer_container {
	clear: both;
	display: block;
	position: absolute;
	background: url(../images/footer_background_tile.gif) repeat-x;
	bottom: 0; 
	margin: 0 26px;
	width: 960px; 
	height: 220px;
	overflow: hidden;
}

div#company_navigation,
div#network_login {
	float: left;
	display: inline;
	width: 200px;
	height: 180px;
	color: #fff;
}

div#company_navigation {
	background: url(../images/footer_vert_divider.gif) right repeat-y;
	margin: 20px 0 0 20px;
	padding: 0 20px 0 0;
}

div#network_login {
	background: url(../images/footer_vert_divider.gif) left repeat-y;
	margin: 20px 20px 0 0;
	padding: 0 0 0 20px;
}

div#content_highlight {
	float: left;
	display: inline;
	width: 680px;
	margin: 20px;
	color: #fff;
}


/*
-----------------------------------------------------------------------------
Define Page Types & Variable Elements
-----------------------------------------------------------------------------
*/

/* Faux Page Columns */

body#general div#content_container {
	background: url(../images/content_background_column_general.gif) repeat-y;
}

body#consulting div#content_container {
	background: url(../images/content_background_column_consulting.gif) repeat-y;
}

body#resourcing div#content_container {
	background: url(../images/content_background_column_resourcing.gif) repeat-y;
}

body#advance div#content_container {
	background: url(../images/content_background_column_advance.gif) repeat-y;
}

body#clients div#content_container {
	background: url(../images/content_background_column_industries.gif) repeat-y;
}

/* Main Section Images */

body#general div#home_banner_container {
	background: url(../images/section_image_home.jpg) no-repeat;
}

body#general div#banner_container h2 {
	background: url(../images/section_image_general.jpg) no-repeat;
}

body#consulting div#banner_container h2 {
	background: url(../images/section_image_consulting.jpg) no-repeat;
}

body#resourcing div#banner_container h2 {
	background: url(../images/section_image_resourcing.jpg) no-repeat;
}

body#advance div#banner_container h2 {
	background: url(../images/section_image_advance.jpg) no-repeat;
}

body#clients div#banner_container h2 {
	background: url(../images/section_image_clients.jpg) no-repeat;
}

/* Spotlight Section */

body#general div#spotlight {
	background: #005782;
	color: #fff;
}

body#general div#spotlight h4 {
	background: url(../images/spotlight_itim.gif) no-repeat;
}

body#consulting div#spotlight {
	background: url(../images/entry_point_red_background.gif) #c1022c bottom repeat-x;
	color: #fff;
}

body#consulting div#spotlight h4 {
	background: url(../images/spotlight_consulting.gif) no-repeat;
}

body#resourcing div#spotlight {
	background: url(../images/entry_point_green_background.gif) #adaa00 bottom repeat-x;
	color: #fff;
}

body#resourcing div#spotlight h4 {
	background: url(../images/spotlight_resourcing.gif) no-repeat;
}

body#advance div#spotlight {
	background: url(../images/entry_point_aqua_background.gif) #008076 bottom repeat-x;
	color: #fff;
}

body#advance div#spotlight h4 {
	background: url(../images/spotlight_advance.gif) no-repeat;
}

body#clients div#spotlight {
	background: url(../images/entry_point_orange_background.gif) #e89900 bottom repeat-x;
	color: #fff;
}

body#clients div#spotlight h4 {
	background: url(../images/spotlight_industry.gif) no-repeat;
}

/* Navigation Headers */

body#general div#supplement_content h3 {
	background: url(../images/nav_header_general.gif) no-repeat;
}

body#consulting div#supplement_content h3 {
	background: url(../images/nav_header_consulting.gif) no-repeat;
}

body#resourcing div#supplement_content h3 {
	background: url(../images/nav_header_resourcing.gif) no-repeat;
}

body#advance div#supplement_content h3 {
	background: url(../images/nav_header_advance.gif) no-repeat;
}

body#clients div#supplement_content h3 {
	background: url(../images/nav_header_clients.gif) no-repeat;
}

/* Navigation Dividers */

body#general ul#section_navigation li {
	background: url(../images/dotted_divider_blue.gif) bottom repeat-x;
}

body#consulting div#supplement_content li {
	background: url(../images/dotted_divider_red.gif) bottom repeat-x;
}

body#resourcing div#supplement_content li {
	background: url(../images/dotted_divider_green.gif) bottom repeat-x;
}

body#advance div#supplement_content li {
	background: url(../images/dotted_divider_aqua.gif) bottom repeat-x;
}

body#clients div#supplement_content li {
	background: url(../images/dotted_divider_orange.gif) bottom repeat-x;
}

body#general ul#section_navigation li ul li,
body#consulting div#supplement_content li ul li,
body#resourcing div#supplement_content li ul li,
body#advance div#supplement_content li ul li,
body#clients div#supplement_content li ul li {
	background: url(../images/white_dotted_square.gif) 1px 7px no-repeat;
}

/* Supplementary Content Links */

body#general div#supplement_content a {
	color: #6e9aaf;
}

body#consulting div#supplement_content a {
	color: #eea8b7;
}

body#resourcing div#supplement_content a {
	color: #e1e0a5;
}

body#advance div#supplement_content a {
	color: #86d2cc;
}

body#clients div#supplement_content a {
	color: #f1d6a4;
}

body#general div#supplement_content a:hover,
body#consulting div#supplement_content a:hover,
body#resourcing div#supplement_content a:hover,
body#advance div#supplement_content a:hover,
body#clients div#supplement_content a:hover {
	color: #fff;
}

/* Main Content Links */

body#general div#main_content a {
	font-weight: bold;
	color: #005782;
}

body#general div#main_content a:hover {
	color: #6e9aaf;
}

body#consulting div#main_content a {
	font-weight: bold;
	color: #c1022c;
}

body#consulting div#main_content a:hover {
	color: #eea8b7;
}

body#resourcing div#main_content a {
	font-weight: bold;
	color: #adaa00;
}

body#resourcing div#main_content a:hover {
	color: #e1e0a5;
}

body#advance div#main_content a {
	font-weight: bold;
	color: #008076;
}

body#advance div#main_content a:hover {
	color: #86d2cc;
}

body#clients div#main_content a {
	font-weight: bold;
	color: #e89900;
}

body#clients div#main_content a:hover {
	color: #f1d6a4;
}

/* Main Content Blockquote backgrounds */

body#general div#main_content blockquote {
	background: #c3dbea;
}

body#consulting div#main_content blockquote {
	background: #e7cbd1;
}

body#resourcing div#main_content blockquote {
	background: #e1e0c4;
}

body#advance div#main_content blockquote {
	background: #c6e1df;
}

body#clients div#main_content blockquote {
	background: #f0e5d0;
}


/*
-----------------------------------------------------------------------------
Define Header Content
-----------------------------------------------------------------------------
*/

div#header_container h1 a {
	float: left;
	display: inline;
	background: url(../images/header_itim_logo.gif) no-repeat;
	margin: 26px 0 0 47px;
	width: 143px;
	height: 55px;
	text-indent: -9999px;
	overflow: hidden;
}

div#top_navigation {
	float: left;
	display: inline;
	margin: 30px 0;
	width: 770px;
	height: 40px;
	line-height: 40px;
	letter-spacing: .3em;
	text-transform: uppercase;
	color: #999;
}

div#top_navigation a {
	float: right;
	vertical-align: middle;
	color: #999;
}

div#top_navigation a:hover {
	color: #666;
}

fieldset#search_form {
	float: right;
	display: inline;
	background: url(../images/header_divider.gif) 0 0 no-repeat;
	margin: 0 50px 0 24px;
	padding: 0 0 0 24px;
	height: 40px;
}

fieldset#search_form .search_text,
fieldset#search_form .search_submit {
	vertical-align: middle;
	letter-spacing: 0;
	padding: 2px 4px;
	color: #666;
}


/*
-----------------------------------------------------------------------------
Define Banner Content - See Page Types & Variable Elements (above)
-----------------------------------------------------------------------------
*/

div#spotlight h4 {
	display: block;
	width: 200px;
	height: 30px;
	text-indent: -9999px;
	overflow: hidden;
}

div#spotlight_quote blockquote {
	position: absolute;
	bottom: 0px;
}

div#spotlight_quote blockquote p {
	margin: .4em 0 0 0;
	font-size: .9em;
	font-style: italic;
	line-height: 1.5em;
}

div#spotlight_quote blockquote p small {
	font-weight: bold;
	font-style: normal;
	font-size: .8em;
	text-transform: uppercase;
}




/*
-----------------------------------------------------------------------------
Define Entry Points
-----------------------------------------------------------------------------
*/

div#consulting_entry {
	background: url(../images/entry_point_red_background.gif) repeat-x;
}

div#resourcing_entry {
	background: url(../images/entry_point_green_background.gif) repeat-x;
}

div#advance_entry {
	background: url(../images/entry_point_aqua_background.gif) repeat-x;
}

div#clients_entry {
	background: url(../images/entry_point_orange_background.gif) repeat-x;
}

div#consulting_entry h2 a, 
div#resourcing_entry h2 a,
div#advance_entry h2 a,
div#clients_entry h2 a {
	display: block;
	width: 200px;
	height: 24px;
	text-indent: -9999px;
	overflow: hidden;
}

div#consulting_entry h2 a {
	background: url(../images/entry_point_consulting_header.gif) no-repeat;
}

div#resourcing_entry h2 a {
	background: url(../images/entry_point_resourcing_header.gif) no-repeat;
}

div#advance_entry h2 a {
	background: url(../images/entry_point_advance_header.gif) no-repeat;
}

div#clients_entry h2 a {
	background: url(../images/entry_point_clients_header.gif) no-repeat;
}

div#consulting_entry p, 
div#resourcing_entry p,
div#advance_entry p,
div#clients_entry p {
	font-size: .8em;
	color: #fff;
	line-height: 1.5em;
}

div#consulting_entry p a {
	font-weight: bold;
	color: #eea8b7;
}

div#resourcing_entry p a {
	font-weight: bold;
	color: #e1e0a5;
}

div#advance_entry p a {
	font-weight: bold;
	color: #86d2cc;
}

div#clients_entry p a {
	font-weight: bold;
	color: #f1d6a4;
}

div#consulting_entry p a:hover, 
div#resourcing_entry p a:hover,
div#advance_entry p a:hover,
div#clients_entry p a:hover {
	color: #fff;
}


/*
-----------------------------------------------------------------------------
Define Supplement Content & Section Navigation
-----------------------------------------------------------------------------
*/

/* Page Navigation */

div#supplement_content {
	color: #fff;
}

div#supplement_content h3 {
	display: block;
	width: 200px;
	height: 30px;
	text-indent: -9999px;
	overflow: hidden;
}

div#supplement_content p {
	margin: .5em 0;
	font-size: .9em;
	line-height: 1.5em;
}

ul#section_navigation {
	margin: .5em 0;
}

ul#section_navigation li {
	padding: .8em 0 1em .3em;
}

ul#section_navigation li ul {
	font-size: .8em;
	margin: .3em 0 0 0;
}

ul#section_navigation li ul li {
	padding: .2em 0 .1em .8em;
	line-height: 1.3em;
}

/* Columns By Our Experts */

body#general div#columns_by_experts h3 {
	display: block;
	background: url(../images/press_articles_by_our_experts.gif) no-repeat;
	width: 200px;
	height: 20px;
	text-indent: -9999px;
	overflow: hidden;
}

div#columns_by_experts div.column_entry {
	background: url(../images/dotted_divider_blue.gif) bottom repeat-x;
	padding: .8em 0 1em 0;
	width: 200px;
}

div#columns_by_experts div.column_entry img {
	float: left;
	margin: .4em 0 0 0;
}

div#columns_by_experts div.column_entry p {
	margin: .3em 0 0 62px;
	line-height: 1.6em;
	font-size: .9em;
}

div#columns_by_experts div.column_entry h4 {
	margin: 0 0 0 62px;
	line-height: 1.3em;
	font-size: 1em;
	font-weight: bold;
}

div#columns_by_experts div.column_entry a {
	font-weight: bold;
	color: #e89900;
}

div#columns_by_experts div.column_entry a:hover {
	color: #f2dbb0;
}


/*
-----------------------------------------------------------------------------
Define Main Content
-----------------------------------------------------------------------------
*/

/* Typography */

div#main_content {
	font-size: .9em;
}

div#main_content h2 {
	margin: 0 0 .4em 0;
	font-size: 2em;
	line-height: 1.2em;
	letter-spacing: -1px;
	color: #333;
}

div#main_content h3 {
	margin: 1em 0 .4em 0;
	font-size: 1.5em;
	color: #333;
}

div#main_content h4 {
	margin: .5em 0 .1em 0;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.5em;
	color: #333;
}

div#main_content p {
	margin: .7em 0;
	line-height: 1.6em;
}

div#main_content blockquote {
	overflow: auto;
	margin: 1em 0;
	padding: 10px;
	font-weight: bold;
	color: #333;
}

div#main_content blockquote p {
	margin: 0 5px;
}

div#main_content ol {
	list-style: outside;
	list-style-type: decimal;
	margin: .5em 0 1em 1em;
	padding: 0 0 0 1.3em;
	line-height: 1.5em;
}

div#main_content ol.alpha {
	list-style-type: upper-alpha;
}

div#main_content ul {
	list-style: outside disc;
	margin: .5em 0 1em 0;
	line-height: 1.5em;
}

div#main_content ol li {
	margin-left: .4em;
	padding: .1em 3em .1em 0;
}

div#main_content ul li {
	margin-left: 2.4em;
	padding: .1em 3em .1em 0;
}

div#main_content ul ul {
	list-style: outside circle;
	margin: .1em 0 .2em 1em;
	padding: 0;
}

div#main_content ul ul li {
	margin: 0 0 0 1em;
	padding: .1em 0;
}


/* Define Post it Content Blocks */

div#post_it_content.brown_paper {
	background: url(../images/post-it_brown_paper_approach.jpg) no-repeat;
}

div#post_it_content_small.new_recruit {
	background: url(../images/typical_start_post_it.jpg) no-repeat;
}


/* Define Case Study Lists */

div#main_content div.case_study {
	border-bottom: 1px solid #999;
	margin: 0;
	padding: 1.5em .5em .5em 0;
}

div#main_content div.case_study_overview {
	padding: 0 0 0 220px;
}

div#main_content div.case_study_overview h3 {
	margin: 0 0 .6em 0;
	font-size: 1.4em;
}

/* Define Quotes and Testimonials */

div#main_content blockquote.testimonial {
	clear: both;
}

div#main_content blockquote.testimonial p {
	margin: 0;
	font-size: 1em;
	font-style: italic;
	line-height: 1.5em;
}

div#main_content blockquote.testimonial p small {
	float: right;
	margin: 0 .5em 0 0;
	font-weight: bold;
	font-style: normal;
	font-size: .8em;
	text-transform: uppercase;
}

/* Define News & Events Lists */

div#main_content div.news_event_item {
	border-bottom: 1px solid #999;
	margin: 0;
	padding: 1.5em .5em .5em 0;
}

div#main_content div.news_event_item h3 {
	background: #c3dbea;
	margin: 0;
	padding: .4em;
	font-size: 1.3em;
}

div#main_content div.news_event_item h4,
div#main_content div.news_event_item p {
	padding: 0 .6em;
}

div#main_content div.news_event_item h5 {
	padding: 0 .6em .8em .6em;
	font-style: italic;
	border-bottom: 3px solid #e5e5e5;
}

/* Define Search Results */

div#main_content div.search_result {
	border-bottom: 1px solid #999;
	margin: 0;
	padding: 1.2em 0 .5em 0;
}

div#main_content div.search_result h3 {
	margin: 0;
	padding: 0 .1em;
	font-size: 1.3em;
}

div#main_content div.search_result p {
	margin: .3em 0 .7em 0;
	padding: 0 .1em;
}

div#main_content div.paginate {
	background: #e5e5e5;
	margin: 1em 0;
	padding: .7em;
	font-size: 1em;
	color: #333;
}

/* Define People Lists */

div#main_content div.person {
	clear: both;
	border-bottom: 1px solid #999;
	margin: 0;
	padding: 1.5em .5em .5em 0;
}

div#main_content div.person img {
	float: left;
}

div#main_content div.person_overview {
	padding: 0 0 0 84px;
}

div#main_content div.person_overview h3 {
	margin: 0 0 .6em 0;
	font-size: 1.4em;
}

/*
-----------------------------------------------------------------------------
Define Footer Content
-----------------------------------------------------------------------------
*/

/* Define Company Navigation */
div#company_navigation h3 {
	display: block;
	background: url(../images/footer_company_header.gif) no-repeat;
	width: 200px;
	height: 30px;
	text-indent: -9999px;
	overflow: hidden;
}

ul#company {
	margin: 8px 0 0 0;
}

ul#company li {
	background: url(../images/footer_hori_divider.gif) bottom repeat-x;
	padding: 7px 0 9px 3px;
}

ul#company li a {
	color: #fff;
}

ul#company li a:hover {
	color: #b1a59f;
}

/* Define Content Highlight */

div#content_highlight h3 {
	display: block;
	background: url(../images/footer_case_study_header.gif) no-repeat;
	width: 200px;
	height: 30px;
	text-indent: -9999px;
	overflow: hidden;
}

div#content_highlight img {
	float: left;
	margin: .4em 0 0 0;
}

div#content_highlight h4, 
div#content_highlight p {
	margin: 0 0 0 110px;
	font-size: .9em;
	line-height: 1.8em;
}

div#content_highlight h4 {
	font-size: 1em;
}

div#content_highlight a {
	font-weight: bold;
	color: #b1a59f;
}

div#content_highlight a:hover {
	color: #fff;
}

/* Define Network Login */

/* Currently Disabled

div#network_login {
		font-size: .9em;
}

div#network_login h3 {
	display: block;
	background: url(../images/footer_itim_network_header.gif) no-repeat;
	width: 200px;
	height: 30px;
	text-indent: -9999px;
	overflow: hidden;
}

div#network_login p {
	margin: 4px 0;
	line-height: 1.6em;
}

div#network_login a {
	font-weight: bold;
	color: #b1a59f;
}

div#network_login a:hover {
	color: #fff;
}

div#network_login fieldset#login_form .network_textarea {
	clear: left;
	margin: 4px 0;
	width: 190px;
	color: #666;
}

div#network_login fieldset#login_form .login {
	float: right;
	margin: 4px 0;
}

div#network_login fieldset#login_form a {
	float: left;
}

*/

/*
-----------------------------------------------------------------------------
Define Global Classes
-----------------------------------------------------------------------------
*/

.left {
	float: left;
	margin: 0 15px 15px 0;
}

.right {
	float: right;
	margin: 0 0 15px 15px;
}

.clear {
	clear: both;
}