/*
title:		360 Accountants style
created:	08.04.2010
modified:	29.03.2011 
*/

/* ================[ reset ]================ */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
}

img { border: none; }

a { }
a:hover {
	color: #F00;
}

/* ================[ general styles ]================ */

.clearme { clear: both; height: 0; font-size: 0; }

body {
	background: #FFF;
	color: #1a171b;
	font-size: 62.5%; /* 1em is 10px */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
}

/* ================[ layout ]================ */

div#container {
	width: 900px;
	margin: 20px auto 0 auto;
	padding-bottom: 10px;
}

/* ================[ header ]================ */

div#header {
	width: 900px;
	padding-bottom: 13px;
}

span#logo { float: left; margin-left: 15px; display: inline; } 
span#logo,span#logo a {
	width: 163px;
	height: 77px;
}
span#logo span { margin-left: -5000px; }
span#logo a {
	background: url(../images/logo.gif) no-repeat left top;
	display: block;
	overflow: hidden;
}

span#tagline {
	float: left;
	margin: 56px 0 0 110px; display: inline;
	display: block;
	text-indent: -5555px;
	width: 405px;
	height: 17px;
	background: url(../images/tagline.gif) no-repeat left top;
}

a#icaew {
	float: right;
	margin-top: 20px;
	margin-right: 15px; display: inline;
}

/* ================[ navigation ]================ */

div#navigation {
	height: 23px;
	background: url(../images/navBG.gif) top left repeat-x;
	color: #FFF;
	font-size: 1.4em;
	padding: 7px 15px 0 15px;
	width: 870px;
}

div#navigation a {
	text-decoration: none;
	color: #FFF;
}

a#siteLink { float: left; }

div#navigation a:hover, div#navigation a.selected { color: #d1cbe5; }

div#navigation ul {
	float: right;
	list-style: none;
}

div#navigation ul li {
	display: inline;
	float: left;
	border-left: 2px solid #FFF;
	padding-left: 8px;
	margin-left: 8px;
}

div#navigation ul li#firstNav { border-left: none; margin-left: 0; padding-left: 0; }

/* ================[ content ]================ */

div#content {
	padding: 10px 0;
	width: 900px;
	
	min-height:425px;
  	height:auto !important;
  	height:425px;
  	
  	font-size: 11px;
}

div#content p {
	margin-bottom: 10px;
	line-height: 1.4em;
}

div#content p.lastPar { margin-bottom: 0; }

	/* ================[ homepage ]================ */
	
	h1#homeHeader {
		text-indent: -5555px;
		height: 0;
		font-size: 0em;
	}
	
	div#homeList {
		background: url(../images/homepageKey.jpg) top left no-repeat;
		width: 596px;
		height: 408px;
		float: left;
		color: #5A4099;
		font-size: 1.8em;
	}
	
	div#homeList ul {
		list-style: none;
		margin-top: 20px;
		margin-left: 50px;
	}
	
	div#homeList ul li { margin-bottom: 20px; }
	
	div#homeContent {
		width: 285px;
		float: right;
		margin-right: 5px; display: inline;
		margin-top: 15px;
	}
	
	div#homeIntro {
		background: url(../images/homeIntroBG.gif) bottom center no-repeat;
		width: 285px;
		float: left;
		margin-bottom: 10px;
	}
	
	div#homeContact {
		color: #5a4099;
		width: 285px;
		font-size: 1.2em;
	}
		
	div#christmas {
		color: #cc0000;
		width: 285px;
		font-size: 1.2em;
	}
	
	div#homeContact a {
		color: #5a4099;
		text-decoration: none;
	}
	
	/* ================[ services ]================ */
	
	h1#servicesHeader {
		display: block;
		float: left;
		width: 155px;
		height: 25px;
		text-indent: -5555px;
		background: url(../images/servicesHeader.gif) top left no-repeat;
		margin-top: 5px;
	}
	
	ul#servicesNav {
		float: right;
		background: #f8f7fb url(../images/servicesNavBG.gif) top left repeat-x;
		border: 1px dashed #c6c5c6;
		list-style: none;
		padding: 5px 15px;
	}
	
	ul#servicesNav li {
		display: inline;
		float: left;
		background: url(../images/serviceDivide.gif) 0 2px no-repeat;
		margin-left: 8px;
		padding-left: 8px;
	}
	
	ul#servicesNav li#firstService { background: none; margin-left: 0; padding-left: 0; }
	
	ul#servicesNav li a {
		text-decoration: none;
		color: #4d4d4d;
	}
	
	ul#servicesNav li a:hover { color: #231f20; }
	ul#servicesNav li a.selected { color: #231f20; font-weight: bold; }
	
	div.serviceInfo {
		width: 265px;
		float: left;
		margin-right: 45px; display: inline;
		margin-top: 30px;
		text-decoration: none;
	}
	
	div#furtherInfo {
		float: right;
		width: 235px;
		background: #e6e4f1;
		padding: 25px 20px 15px 20px;
		margin-top: 10px;
		color: #5A4099;
	}
	
	div.serviceInfo h2 {
		color: #5a4099;
		font-size: 1.6em;
		margin-bottom: 15px;
	}
	
	div#furtherInfo a { color: #5A4099; text-decoration: none; }
	
	div#furtherInfo h4 {
		display: block;
		width: 236px;
		height: 162px;
		text-indent: -5555px;
		background: url(../images/furtherInfoBG.jpg) top left no-repeat;
		margin-bottom: 25px;
	}
	
	p#contactName { font-size: 1.4em; }
	
	/* ================[ about ]================ */
	
	h1#aboutHeader {
		display: block;
		width: 232px;
		height: 25px;
		text-indent: -5555px;
		background: url(../images/aboutHeader.gif) top left no-repeat;
		margin-top: 5px;
		margin-bottom: 30px;
		float: left;
	}
	
	div#aboutOverview {
		width: 280px;
		float: right;
	}
	
	div#aboutOverview h2 {
		color: #5a4099;
		font-size: 1.6em;
		margin-bottom: 15px;
	}
	
	div.aboutBios {
		float: left;
		width: 870px;
		padding: 0 15px;
		clear: both;
	}
	
	div.extrapad {
		padding-top: 15px
	}
	
	div.aboutBios h3 {
		color: #5a4099;
		font-size: 1.4em;
		margin-bottom: 5px;
	}
	
	div.biosOne, div.biosTwo {
		width: 425px;
		float: left;
	}
	div.biosTwo { float: right; }
	
	div.bio {
		width: 425px;
		margin-bottom: 20px;
		float: left;
	}
	
		div.terms {
		width: 600px;
		margin-bottom: 20px;
		float: left;
	}
	
		div.termsdownload {
		width: 120px;
		margin-bottom: 20px;
		float: right;
	}
	
	div.bioPhoto {
		width: 115px;
		float: left;
	}
	
	div.bioInfo {
		width: 300px;
		float: right;
	}
	
	/* ================[ contact ]================ */
	
	h1#contactHeader {
		display: block;
		width: 228px;
		height: 25px;
		text-indent: -5555px;
		background: url(../images/contactHeader.gif) top left no-repeat;
		margin-top: 5px;
		margin-bottom: 30px;
	}
	
	img#mapDetail {
		float: left;
		border: 5px solid #5a4099;
		margin-right: 20px; display: inline;
	}
	
	div#contactInfo {
		width: 210px;
		float: left;
		color: #5A4099;
	}
	
	div#contactInfo h2, div#contactInfo h3 {
		font-weight: bold;
		font-size: 1.2em;
		margin-bottom: 2px;
	}
	
	div#contactInfo a {
		text-decoration: none;
		color: #5A4099;
	}
	
	ul#hours {
		list-style: none;
		margin-bottom: 10px;
		line-height: 1.4em;
	}
	
	ul#hours span { display: block; float: left; width: 80px; }
	
	p#reg {
		color: #1A171B;
		font-size: 0.85em;
	}
	
	img#altLogo { margin-bottom: 15px; }
	
	
	/* ================[ resources ]================ */
	
	h1#resourcesHeader {
		display: block;
		width: 252px;
		height: 25px;
		text-indent: -5555px;
		background: url(../images/resourcesHeader.gif) top left no-repeat;
		margin-top: 5px;
	}
	
	/* ================[ testimonials ]================ */
	
	h1#testimonialsHeader {
		display: none;
	}
	
	div#testimonialsContent {
		float: left;
		width: 590px;
		position: relative; top: 0;
	}
	
	div#testimonialsOverview {
		width: 285px;
		float: right;
		padding-top: 20px;
		color: #5a4099;
		font-size: 1.3em;
	}
	
	div#testimonialsOverview p { margin-bottom: 15px; }
	
	div#testimonialsOverview p.testIntro {
		font-size: 1.6em;
		margin-bottom: 35px;
	}
	
	div#testimonialsOverview a { color: #5a4099; text-decoration: none; }
	
	div.testNoJs {
		margin-bottom: 20px;
		border-bottom: 1px dashed #000;
	}
	
	div.testNoJs a { color: #000; }
	div.testNoJs span.testDate { font-weight: bold; }
	
	div#testLinks {
		position: absolute; bottom: -10px; left: 95px;
	}
	
	div#testLinks img {
		margin-right: 30px; display: inline;
	}
	
	div.testWithJs p.reviewer {
		color: #d4c5f9;
	}
	
	div.testWithJs span.testDate { color: #7b60bd; }
	
	div.testWithJs p.reviewer a { color: #d4c5f9; text-decoration: none; }
	
	div.testWithJs span.quote { font-size: 2em; }
	
	div.testWithJs div#testOne {
		width: 352px;
		height: 262px;
		background: url(../images/q1-bubble.gif) top left no-repeat;
		
		padding: 55px 100px 0 80px;
		
		color: #FFF;
		font-size: 1em;
	}
	
	div.testWithJs div#testTwo {
		width: 395px;
		height: 270px;
		background: url(../images/q2-bubble.gif) top left no-repeat;
		
		padding: 54px 55px 0 65px;
		
		color: #FFF;
		font-size: 1em;
	}
	
	div.testWithJs div#testThree {
		width: 412px;
		height: 268px;
		background: url(../images/q3-bubble.gif) top left no-repeat;
		
		padding: 50px 50px 0 65px;
		
		color: #FFF;
		font-size: 1em;
	}
	
	div.testWithJs div#testFour {
		width: 334px;
		height: 256px;
		background: url(../images/q4-bubble.gif) top left no-repeat;
		
		padding: 60px 80px 0 90px;
		
		color: #FFF;
		font-size: 1em;
	}
	
	div.testWithJs div#testFive {
		width: 374px;
		height: 249px;
		background: url(../images/q5-bubble.gif) bottom right no-repeat;
		
		padding: 60px 80px 0 80px;
		
		color: #FFF;
		font-size: 1em;
	}
	
	/* ================[ client profiles ]================ */
	
	div#latestProfile {
		float: left;
		width: 520px;
		margin-right: 15px; display: inline;
		margin-top: 30px;
	}
	
	div#latestProfile img { float: left; }
	
	div#latestProfile-detail {
		float: left;
		width: 340px;
		padding-left: 10px;
	}
	
	div#latestProfile-detail span#monthIntro {
		color: #5a4099;
		font-size: 1.2em;
		padding-bottom: 3px;
		display: block;
	}
	
	div#latestProfile-detail h1 {
		color: #5a4099;
		font-size: 2em;
		padding-bottom: 5px;
	}
	
	div#latestProfile-detail h3 {
		color: #d4c5f9;
		padding-top: 5px;
	}
	
	div#latestProfile-detail a {
		color: #5a4099;
		text-decoration: none;
		font-size: 1.2em;
	}
	
	/* ================[ client profiles V2 ]================ */
	
	div#profileContainer {
		float: left;
		width: 520px;
		margin-right: 15px; display: inline;
	}
	
	div.profileDetail {
		width: 520px;
		padding-top: 30px;
		float: left;
	}
	
	div.profileDetail img { float: left; }
	
	div.profileDetail-main {
		float: left;
		width: 340px;
		padding-left: 10px;
	}
	
	div.profileDetail-main span.monthIntro {
		color: #5a4099;
		font-size: 1.2em;
		padding-bottom: 3px;
		display: block;
	}
	
	div.profileDetail-main h2 {
		color: #5a4099;
		font-size: 2em;
		padding-bottom: 5px;
	}
	
	div.profileDetail-main h3 {
		color: #d4c5f9;
		padding-top: 5px;
		padding-bottom: 2px;
	}
	
	div.profileDetail-main span.contactMethod {
		color: #5a4099;
		font-size: 1.2em;
	}
	div.profileDetail-main a {
		color: #5a4099;
		text-decoration: none;
	}
	
	div#profileNav {
		width: 135px;
		float: left;
		display: inline;
		margin-top: 25px;
	}
	
	div#profileNav a {
		color: #999;
		text-decoration: none;
	}
	
	div#profileNav a.activeProfile {
		color: #5a4099;
		text-decoration: none;
	}
	
	div#profileNav ul li {
		list-style: none;
		border-bottom: 1px dotted #e6e4f1;
		padding: 5px 0;
	}
	
	div#subProfile {
		width: 195px;
		float: right;
		margin-top: 25px;
		padding: 10px 10px 0 10px;
		background: #e6e4f1;
		color: #5a4099;
		font-size: 1.1em;
	}
	
	div#subProfile a {
		color: #5a4099;
		text-decoration: none;
	}
	
	div#content div#subProfile p { margin-bottom: 0; padding-bottom: 10px; }
	
	div#subProfile h4 {
		font-size: 1.5em;
		padding-bottom: 5px;
	}
	
	div#content div#subProfile p.profileIntro { padding-bottom: 20px; }
	
	p#noProfs { font-size: 1.2em; color: #5A4099; padding: 20px; }
	
	/* ================[ careers ]================ */
	
	h1#careersHeader {
		display: block;
		float: left;
		width: 146px;
		height: 24px;
		text-indent: -5555px;
		background: url(../images/careersHeader.gif) top left no-repeat;
		margin-top: 5px;
	}
	
	div.careersInfo {
		width: 265px;
		float: left;
		margin-right: 45px; display: inline;
		margin-top: 30px;
		text-decoration: none;
	}

	
	
	}
	div.att {background: url(../images/position-filled.gif) no-repeat 0 310px; height: 390px
	}
	
	div.careersInfo h2 {
		color: #5a4099;
		font-size: 1.6em;
		margin-bottom: 15px;
	}
	
	div.careersInfo a { color: #1A171B; text-decoration: none; }
	
	/* ================[ news ]================ */
	
	h1#newsHeader, h1#mediaHeader, h1#communityHeader {
		display: block;
		float: left;
		width: 121px;
		height: 25px;
		text-indent: -5555px;
		background: url(../images/newsHeader.gif) top left no-repeat;
		margin-top: 5px;
	}
	
	h1#mediaHeader {
		width: 131px;
		background: url(../images/mediaHeader.gif) top left no-repeat;
	}
	
	h1#communityHeader {
		width: 191px;
		height: 28px;
		background: url(../images/communityHeader.gif) top left no-repeat;
	}
	
	ul#newsNav {
		float: right;
		background: #f8f7fb url(../images/servicesNavBG.gif) top left repeat-x;
		border: 1px dashed #c6c5c6;
		list-style: none;
		padding: 5px 15px;
	}
	
	ul#newsNav li {
		display: inline;
		float: left;
		background: url(../images/serviceDivide.gif) 0 2px no-repeat;
		margin-left: 8px;
		padding-left: 8px;
	}
	
	ul#newsNav li#firstNews { background: none; margin-left: 0; padding-left: 0; }
	
	ul#newsNav li a {
		text-decoration: none;
		color: #4d4d4d;
	}
	
	ul#newsNav li a:hover { color: #231f20; }
	ul#newsNav li a.selected { color: #231f20; font-weight: bold; }
	
	div.commInfo { position: relative; top: -3px; }
	
	div.communityInfo {
		width: 265px;
		float: left;
		margin-right: 45px; display: inline;
		margin-top: 30px;
		text-decoration: none;
	}
	
	div.communityInfo h2 {
		color: #5a4099;
		font-size: 1.6em;
		margin-bottom: 15px;
	}
	
	div.communityInfo a { color: #5a4099; text-decoration: none; }
	
	div#content div.communityInfo p.endPar {
		margin-bottom: 35px;
	}
	
	div#newsWide {
		width: 575px;
		float: left;
		margin-top: 30px;
		display: inline;
	}
	
	div#newsWide a { color: #5a4099; text-decoration: none; }
	
	div.latestPost {
		width: 575px;
		padding-bottom: 15px;
		float: left;
	}
	
	div.latestPost h2 {
		color: #5a4099;
		font-size: 1.6em;
	}
	
	div.latestPost small {
		color: #888;
		font-size: 1em;
	}
	
	div.latestPost-intro {
		width: 575px;
		padding-top: 10px;
		float: left;
	}
	
	div.latestMedia img {
		
	}
	
	
/* ===============[ specialisms ] ========== */

ul#specialisms {margin: 10px 0 ;}
ul#specialisms li {margin: 0 0 3px 10px}

	
/* ================[ footer ]================ */

div#footer {
	width: 870px;
	height: 18px;
	background: url(../images/footerBG.gif) top left repeat-x;
	color: #FFF;
	padding: 4px 15px 0 15px;
}

div#footer a {
	color: #8c7bb9;
	text-decoration: none;
}

div#footer a#fbFind {
	color: #FFF;
	padding: 1px 15px 2px 20px;
	margin-top: -1px;
	float: right;
	background: url(../images/fb.gif) top left no-repeat;

}

div#footer a#liFind {
	color: #FFF;
	padding: 1px 0 2px 20px;
	margin-top: -1px;
	float: right;
	background: url(../images/linkedin.png) top left no-repeat;
}
	
div#footer a#twFind {
	color: #FFF;
	padding: 1px 15px 2px 20px;
	margin-top: -1px;
	float: right;
	background: url(../images/twitter.png) top left no-repeat;
	
	}

div#siteby {
	color: grey;
	margin-top: 15px;
	margin-right: 15px;
	float: right;
	font-size: 9px;

}



div#footer span { float: left; }