﻿/* CITY INSIGHTS */
/* 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:7px 64px;
}
#main-navigation #nav-container ul {
	margin:0;
	padding:0;
	list-style:none;
	width:450px;
	float:left;
}
#main-navigation #nav-container ul li {
	color:#005A9C;
	float:left;
	margin-right:20px;
	padding:0;
}
#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,
#resources-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,
#resources-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,
#resources-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,
#resources-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;	
}
#resources-brand-strip,
#resources-brand-strip #strap-line,
#resources-brand-strip #sub-strap-line,
#resources-brand-strip #strap-line h2 {
	background:#47C1C8;	
}

/**********************************/
/********** 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 p#adobereader {
	padding:30px 0 0 0;
}
#main-content ul {
	margin:0 0 10px 10px;
}
#main-content #primary-content ul li,
#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;
}
* html #main-content #resources {
	padding:0 0 0 18px;
}
#main-content #resources ul {
	margin: 0 20px 20px 0;
	float: none;
	list-style: none;
	padding: 0;
}
#main-content #resources ul li {
	background:none;
	padding:0;
	list-style:none;
	margin:0 0 3px 0;
}
#main-content p.highlight {
	color:#005A9C;
	font-weight:bold;
}
#main-content #primary-content {
	width:301px;
	float:left;
	padding:0 20px 20px 0;
}
#main-content #primary-content h2 {
	margin:0 0 10px 0;
	color:#999999;
	font-size:1.6em;
}
#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 ul {
	margin:0 0 10px 0;
}
#main-content #secondary-content #expand-list ul li {
	color:#333333;
	list-style:none;
	padding:0 0 0 14px;
	margin:0 0 3px 24px;
	background:url(../images/grey-bullet.gif) 0em 0.4em no-repeat;
}
#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 #secondary-content #expand-list img {
	float:left;
	margin:0 15px 10px 0;
}
#main-content #secondary-content form fieldset {
	border:none;
}
#main-content #secondary-content form label {
	font-size:0.9em;
	font-style:italic;
	margin:20px 0 0 0;
	padding:0;
}
#main-content #secondary-content form p {
	margin:10px 0;
}
#main-content #secondary-content form p input {
	margin:0 15px 0 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:10px 4px 0 4px;
	margin:0 0 20px 0;
	float:left;
	width:634px;
}
#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;
}