﻿/*
	TobyBrancher.net 2007
*/

* {margin: 0px; padding: 0px; border: none 0px #fff;}
html, body {
	color:				#000;
	background:			#fff;
	font:	 			15px;}

a {}
a:hover {text-decoration: underline;}
.left {float: left;}
.right {float: right; text-align: right;}
.clear {float: none; clear: both;}

h1 {font-weight: normal; margin: 12px 0px 0px 0px;}
h2 {font-weight: normal;}


/* Kam Styles */

.blue, .blue a {color: #1f3a60;}
.purple, .purple a {color: #633150;}
.beige, .beige a {color: #8f8972;}
.green, .green a {color: #1e6c61;}
.grey, .grey a {color: #3f3f3f;}
.black, .black a {color: #000;}
.georgia {font-family: Georgia;}
.verdana {font-family: Georgia;}
.size_26 {font-size: 26px;}
.size_22 {font-size: 22px;}
.size_21 {font-size: 21px;}

.size_18 {font-size: 18px;}
.size_12 {font-size: 12px;}
.size_11 {font-size: 11px;}
.space_100 {margin: 100px 0px 0px 0px;}
.space_80 {margin: 80px 0px 0px 0px;}
.space_60 {margin: 55px 0px 0px 0px;}
.space_45 {margin: 45px 0px 0px 0px;}
.space_30 {margin: 30px 0px 0px 0px;}
.space_20 {margin: 20px 0px 0px 0px;}
.space_15 {margin: 15px 0px 0px 0px;}
.space_10 {margin: 10px 0px 0px 0px;}
.space_5 {margin: 5px 0px 0px 0px;}
/* for positioning the left bullet nav */
.margin_10 {margin: 0px 0px 0px 9px; _margin: 0px 0px 0px 12px; *margin: 0px 0px 0px 12px;}


/* Position, Header, Page */

#position {
	text-align:			center;}

#header {
	background:			#3f3f3f;
	margin:				20px auto;}
#header .content, #footer .content {
	width:				945px;
	margin:				0px auto;}

#page {
	width: 				945px;
	margin:				0px auto;
	text-align:			left;}
#page #left_column {
	float:				left;
	width:				242px;}
#page #right_column {
	float:				left;
	width:				647px;
	margin:				0px 0px 0px 20px;}


/* Navigation */

ul#primary_nav {
	margin:				3px 0px 0px 0px;
	_margin:			3px 0px 0px 0px;
	list-style:			none;}
ul#primary_nav li {
	float: 				left;
	background: 		url(../img/site/menu_bullet.gif) no-repeat; background-position: 0.1em 0.5em;
	margin:				0px 0px 0px 5px;
	padding:			0px 0px 0px 11px;}
ul#primary_nav li a {
	font:				11px Georgia;
	letter-spacing:		-0.2px;
	color:				#dbdbdd;
	white-space: nowrap;
	text-decoration:	none;}
ul#primary_nav li.selected a {color: #fff;}
ul#primary_nav li a:hover {color: #fff; text-decoration:none;}


/*
	Left column contents
*/


.box {
	display:			block;
	width:				243px;
	height:				85px;
	overflow:			hidden;
	margin:				0px 0px 5px 0px;
	cursor:				pointer;}
#tall_box {
	display:			block;
	width:				243px;
	overflow:			hidden;
	_margin:			0px 0px -8px 0px;}
h5 {
	display:			block;
	padding:			4px 0px 10px 15px;
	_padding:			0px 0px 0px 15px;
	_margin:			-3px 0px 3px 0px;
	font:				26px Georgia;}
h6 {
	display:			block;
	padding:			4px 0px 20px 15px;
	_padding:			0px 0px 20px 15px;
	_margin:			-3px 0px 3px 0px;
	font:				17px Georgia;
	color: #b2c1be; font-weight: normal; text-decoration: none;
	}

#left_column h5 a {color: #fff; font-weight: normal; text-decoration: none;}
.box .header, .box .footer, #left_column .header, #left_column .footer {
	display: 			block;
	width:				243px;
	height:				6px;}

#left_column .green{background: #1e6c61 url(../img/site/boxes/green_bg.gif) repeat-y; }
	#left_column .green .header{background: url(../img/site/boxes/green_header.gif) no-repeat;}
	#left_column .green .footer{background: url(../img/site/boxes/green_footer.gif) no-repeat;}
	#left_column .green li.selected, #left_column .green ul#sub_nav li.selected a {background: #B2C1BE; color: #1e6c61;}
	#left_column .green p, #left_column .green a {color: #fff;}

#left_column .purple{background: #633250 url(../img/site/boxes/purple_bg.gif) repeat-y;}
	#left_column .purple .header{background: url(../img/site/boxes/purple_header.gif) no-repeat;}
	#left_column .purple .footer{background: url(../img/site/boxes/purple_footer.gif) no-repeat;}
	#left_column .purple li.selected, #left_column .purple ul#sub_nav li.selected a {background: #bfadb9; color: #633150;}
	#left_column .purple p, #left_column .purple a {color: #fff;}

#left_column .blue{background: #1d3a60 url(../img/site/boxes/blue_bg.gif) repeat-y;}
	#left_column .blue .header{background: url(../img/site/boxes/blue_header.gif) no-repeat;}
	#left_column .blue .footer{background: url(../img/site/boxes/blue_footer.gif) no-repeat;}
	#left_column .blue li.selected, #left_column .blue ul#sub_nav li.selected a {background: #99B8DB; color: #1d3a60;}
	#left_column .blue p, #left_column .blue a {color: #fff;}

#left_column .beige{background: #8f8973 url(../img/site/boxes/beige_bg.gif) repeat-y;}
	#left_column .beige .header{background: url(../img/site/boxes/beige_header.gif) no-repeat;}
	#left_column .beige .footer{background: url(../img/site/boxes/beige_footer.gif) no-repeat;}
	#left_column .beige li.selected, #left_column .beige ul#sub_nav li.selected a {background: #e0ddd6; color: #8f8973;}
	#left_column .beige p, #left_column  .beige a {color: #fff;}

#left_column .grey{background: #98A4AB url(../img/site/boxes/grey_bg.gif) repeat-y;}
	#left_column .grey .header{background: url(../img/site/boxes/grey_header.gif) no-repeat;}
	#left_column .grey .footer{background: url(../img/site/boxes/grey_footer.gif) no-repeat;}
	#left_column .grey li.selected, #left_column .grey ul#sub_nav li.selected a {background: #e0ece8; color: #98A4AB;}
	#left_column .grey p, #left_column .grey a {color: #fff;}

/* Left column Sub Nav */
ul#sub_nav {
	width:				238px;
	list-style:			disc inside;
	font:				12px Georgia;
	color:				#fff;
	margin:				20px 0px 0px 0px;
	padding:			0px 0px 0px 0px;}
ul#sub_nav li {
	margin:				0px 0px 3px 3px;
	padding:			4px 4px 4px 13px;}

ul#sub_nav li.selected {
	padding:			4px 4px 4px 13px;}
ul#sub_nav li a {
	color:				#fff;
	font-weight:		normal;
	text-decoration: 	none;
	margin:				0px 0px 0px -4px;}

/* Text rules for contact / tertiary info in/after left column*/
#left_column p{margin: 18px 0px 0px 0px;}
#left_column a{font-weight:}
#left_column p#contact_details {margin: 40px 0px 10px 16px;}
#left_column p.link {padding: 0px 0px 0px 16px;}
#left_column p.link a {text-decoration: none; font: 12px Georgia; font-weight: normal;}


/*
	Right Column
*/

#right_column p a {text-decoration: underline;}
#right_column p.link a {
	font: 				normal 14px Georgia;
	display:			block;
	width:				125px;
	height:				29px;
	padding:			6px 0px 0px 0px;
	color:				#fff;
	background:			url(../img/site/prev_next_bg.gif) no-repeat;
	float:				left;
	text-align:			center;}
#right_column p.link a.blank {
	text-decoration:	none;
	color:				#676c6f;
	cursor:				default;}


/* Mini Box's (Brand Naming, other pages) */
.mini_box_item {
	float:				left;
	width:				181px;
	height:				202px;
	border:				solid 1px #d8d8d8;
	padding:			4px 9px 0px 9px;
	margin:				20px 18px 0px 0px;}
#right_column .third {margin: 20px 0px 0px 0px;}
.mini_box_item h4 {
	font-size:			13px;
	font-weight:		normal;}
.mini_box_item img {margin: 10px 0px 0px 0px;}
.mini_box_item p {margin: 10px 0px 6px 0px; font-size: 13px;}

/* Mini Rectangle boxes for Businees logos*/
.mini_rectangle_item {
	float:				left;
	width:				181px;
	height:				252px;
	border:				solid 1px #d8d8d8;
	padding:			4px 9px 0px 9px;
	margin:				20px 18px 0px 0px;}
#right_column .third {margin: 20px 0px 0px 0px;}
.mini_rectangle_item h4 {
	font-size:			13px;
	font-weight:		normal;}
.mini_rectangle_item img {margin: 10px 0px 0px 0px;}
.mini_rectangle_item p {margin: 10px 0px 6px 0px; font-size: 13px;}
.mini_rectangle_item a {text-decoration: underline; color: #000000;}


/* one off borader for id page*/
.experience_item {
	float:				left;
	width:				640px;
	height:				422px;
	border:				solid 1px #d8d8d8;
}

/* mug shots */
.portrait_image{
	clear: none;
	float: left;
	margin: 	5px 20px 10px 10px;}

/* Dual List (About us, other pages) */
.dual_list {
	margin:				30px 0px 0px 0px;
	font:				14px Georgia;}
.dual_list p {
	float: 				left;
	width:				240px;}
.dual_list .description {width: 340px;}
.dual_list a {
	text-decoration:	none;
	color:				#000;}
.dual_list p.highlight {
	color:				#633150;
	font-style:			italic;
	font-weight:		bold;}

/* process chart */
.process_left{
	width:				200px;
	float:					left;
	padding:			0px 0px 0px 0px;
	margin:				0px 0px 0px 0px;}
	}
.process_right{
	float:					right;
	padding:			0px 0px 0px 0px;
	margin:				0px 0px 0px 0px;}

/* footer */

#footer {
	height:				50px;
	padding:			45px 0px 0px 0px;}
#footer .content {
	border-top:			solid 1px #b2b2b2;
	padding:			7px 0px 0px 0px;
	text-align:			left}
#footer a{
	background: 		url(../img/site/footer_bullet.gif) no-repeat; background-position: 0.1em 0.4em;
	padding:			0px 0px 0px 10px;
	color:				#6f6f6f;
	font:				11px Georgia;
	text-decoration:	none;}
#footer #sitemap{margin: 0px 35px 0px 0px;}
#footer #faqs {margin: 0px 122px 0px 0px;}
#footer #branding{margin: 0px 35px 0px 0px;}
#footer #mission{margin: 0px 35px 0px 0px;}
#footer #identity{margin: 0px 0px 0px 0px;}

/* Tooltip */

#tools a {cursor: pointer;}

#tooltip {
	width:				350px;
	border: 			1px solid #111;
	background:			#98A4AB;
	opacity: 			0.95;
	padding: 			9px;}
#tooltip h3 {
	font:				normal 11px georgia;
	color:				#fff;}

