﻿/* TAVISTOCK COMMUNICATIONS */
/* Created: 11 January 2008 */
/* Author: Tom Aston */
/* Company: FUSE Ltd www.fuse.co.uk */

body {
	margin:0;
	padding:0;
	font-size:62.5%;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	color:#333333;
}
p, blockquote, pre, dt, dd, ol, ul, fieldset, form, label, th, td {
	font-size:1.2em;
	margin:0;
	padding:0;
}
img {
	border:none;
	margin:0;
	padding:0;
}

/***********************************************/
/******************** HEADER *******************/
/***********************************************/

#header {
	margin:0 auto;
	padding:10px 0;
	width:770px;
}
#header h1 {
	display:none;
}

/********************************************************/
/******************** MAIN NAVIGATION *******************/
/********************************************************/

#main-navigation {
	background-color:#CBD8E8;
	border-bottom:solid 1px #005A9C;
	font-weight:bold;
	float:left;
	width:100%;
	display:block;
	text-align:right;
}
#main-navigation #nav-container {
	margin:0 auto;
	width:642px;
	padding:0px 64px;
}
#main-navigation #nav-container ul {
	margin:0;
	padding:0;
	list-style:none;
	width:400px;
	float:left;
}
#main-navigation #nav-container ul.cl {
	width: 220px;
	float: right;
}
#main-navigation #nav-container ul li {
	color:#005A9C;
	float:left;
	margin-right:30px;
	padding:7px 0px;
}
#main-navigation #nav-container ul.cl li{
	float: right;
	margin-right:0px;
	margin-left:30px;
}
#main-navigation #nav-container ul li a:link,
#main-navigation #nav-container ul li a:visited {
	color:#005A9C;
	text-decoration:none;
}
#main-navigation #nav-container ul li a:hover,
#main-navigation #nav-container ul li a:active,
#main-navigation #nav-container ul li a.selected:link,
#main-navigation #nav-container ul li a.selected:visited {
	color:#FFFFFF;
	text-decoration:underline;
}
#main-navigation #nav-container ul li a.selected:link,
#main-navigation #nav-container ul li a.selected:visited {
	color:#FFFFFF;
	text-decoration:none;
}
#main-navigation #nav-container a#cross-link {
	font-size:1.2em;
	margin-top:7px;
}
#main-navigation #nav-container a#cross-link:link,
#main-navigation #nav-container a#cross-link:visited {
	text-decoration:none;
	color:#005A9C;
}
#main-navigation #nav-container a#cross-link:hover,
#main-navigation #nav-container a#cross-link:active {
	text-decoration:underline;
	color:#FFFFFF;
}

/*************************************************************/
/******************** SECONDARY NAVIGATION *******************/
/*************************************************************/

#sub-navigation {
	background-color:#FFFFFF;
	font-weight:bold;
	float:left;
	width:100%;
	display:block;
	clear:both;
}
#sub-navigation ul {
	margin:0 auto;
	width:706px;
	list-style:none;
	padding:0 0 0 64px;
}
#sub-navigation ul li {
	color:#005A9C;
	float:left;
	margin-right:30px;
	padding:7px 0;
}
#sub-navigation ul li a:link,
#sub-navigation ul li a:visited {
	color:#005A9C;
	text-decoration:none;
}
#sub-navigation ul li a:hover,
#sub-navigation ul li a:active,
#sub-navigation ul li a.selected:link,
#sub-navigation ul li a.selected:visited {
	color:#CBD8E8;
	text-decoration:underline;
}
#sub-navigation ul li a.selected:link,
#sub-navigation ul li a.selected:visited {
	color:#CBD8E8;
	text-decoration:none;
}

/********************************************************/
/******************** FLASH ANIMATION *******************/
/********************************************************/

#brand-strip,
#services-brand-strip,
#people-brand-strip,
#clients-brand-strip,
#contact-brand-strip {
	clear:both;
	display:block;
	width:100%;
	background:#628EBB;
	margin:0;
	padding:0;
}
#brand-strip #strap-line,
#services-brand-strip #strap-line,
#people-brand-strip #strap-line,
#clients-brand-strip #strap-line,
#contact-brand-strip #strap-line {
	margin:0 auto;
	width:770px;
	padding:0;
	background:#628EBB;
	position:relative;
	height:154px;
}
#brand-strip #sub-strap-line,
#services-brand-strip #sub-strap-line,
#people-brand-strip #sub-strap-line,
#clients-brand-strip #sub-strap-line,
#contact-brand-strip #sub-strap-line {
	margin:0 auto;
	width:770px;
	padding:0;
	background:#628EBB;
	position:relative;
	height:56px;
}
#brand-strip #strap-line h2,
#services-brand-strip #strap-line h2,
#people-brand-strip #strap-line h2,
#clients-brand-strip #strap-line h2,
#contact-brand-strip #strap-line h2 {
	margin:0;
	padding:10px 0 0 64px;
	font-size:1.6em;
	width:300px;
	line-height:1.4em;
	background:#628EBB;
	color:#FFFFFF;
	display:none;
}
#clients-brand-strip,
#clients-brand-strip #strap-line,
#clients-brand-strip #sub-strap-line,
#clients-brand-strip #strap-line h2 {
	background:#B94147;	
}
#people-brand-strip,
#people-brand-strip #strap-line,
#people-brand-strip #sub-strap-line,
#people-brand-strip #strap-line h2 {
	background:#D88935;	
}
#services-brand-strip,
#services-brand-strip #strap-line,
#services-brand-strip #sub-strap-line,
#services-brand-strip #strap-line h2 {
	background:#5FA876;	
}
#contact-brand-strip,
#contact-brand-strip #strap-line,
#contact-brand-strip #sub-strap-line,
#contact-brand-strip #strap-line h2 {
	background:#A670A8;	
}

/*****************************************************/
/******************** MAIN CONTENT *******************/
/*****************************************************/

#main-content {
	width:642px;
	margin:0 auto;
	padding:20px 64px 0 64px;
	background:#FFFFFF;
	color:#333333;
}
#main-content a:link,
#main-content a:visited {
	color:#005A9C;
	text-decoration:underline;
}
#main-content a:hover,
#main-content a:active {
	color:#333333;
	text-decoration:none;
}
#main-content p {
	margin:0 0 10px 0;
	line-height:1.3em;
}
#main-content ul {
	margin:0 0 10px 20px;
}
#main-content #secondary-content ul li {
	color:#333333;
	list-style:none;
	padding:0 0 0 14px;
	margin:0 0 3px 0;
	background:url(../images/grey-bullet.gif) 0em 0.4em no-repeat;
}
#main-content p.highlight,
#main-content span.highlight {
	color:#005A9C;
	font-weight:bold;
}
#main-content #primary-content {
	width:301px;
	float:left;
	padding:0 20px 20px 0;
}
#main-content #secondary-content {
	width:301px;
	float:left;
	padding:0 0 20px 20px;
}
#main-content #secondary-content #expand-list {
	padding:0;
	margin:0;
}
#main-content #secondary-content #expand-list h2 {
	margin:0 0 10px 0;
	color:#999999;
	font-size:1.6em;
}
#main-content #secondary-content #expand-list dt {
	font-weight:bold;
}
#main-content #secondary-content #expand-list dd p {
	margin:10px 0;
	font-size:1em;
}
#main-content #secondary-content #expand-list img {
	float:left;
	margin:0 15px 10px 0;
}
#main-content #secondary-content #expand-list #TJK_DL {
	margin:0;
	padding:0;
}
#main-content #recent_transactions {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	display:inline;
}
#main-content #recent_transactions li {
	list-style:none;
	margin:0 0 0 16px;
	padding:0;
	float:left;
}
#main-content #recent_transactions li a.active {
	font-weight:bold;
	font-size:1.4em;
}
#main-content #recent_transactions li a.active:link,
#main-content #recent_transactions li a.active:visited {
	text-decoration:none;
}
#main-content .transactions {
	clear:both;
	padding:0 4px 0 4px;
	margin:0 0 20px 0;
	float:left;
	width:634px;
}
#main-content .transactions p {
	margin:0 0 20px 0;
}
#main-content .transactions .client {
	width:130px;
	min-height:165px;
	height:auto !important;
	height:165px;
	margin:0 4px 8px 4px;
	padding:10px 9px 9px 9px;
	float:left;
	display:inline;
	border:solid 1px #CCCCCC;
}
#main-content .transactions .client img {
	margin:0;
}
#main-content .transactions .client h3 {
	font-size:1.2em;
	text-align:center;
	margin:5px 0 8px 0;
	padding:0;
}
#main-content .transactions .client ul {
	margin:0;
	padding:0;
}
#main-content .transactions .client ul li {
	font-size:0.9em;
	list-style:none;
}

/***********************************************/
/******************** FOOTER *******************/
/***********************************************/

#footer {
	background:url(../images/footer-bg.gif) repeat-x left top #FFFFFF;
	width:100%;
	display:block;
	clear:both;
	color:#333333;
}
#footer-content {
	width:642px;
	padding:10px 64px;
	margin:0 auto;
	text-align:right;
}
#footer-content p {
	float:left;
}
#footer-content p a:link,
#footer-content p a:visited {
	color:#999999;
	text-decoration:none;
}
#footer-content p a:hover,
#footer-content p a:active {
	color:#005A9C;
	text-decoration:underline;
}
#footer-content em {
	font-style:normal;
	font-size:1.2em;
	color:#999999;
}