/* ---- ---- CSS File - Base Section ---- ---- */

* {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	text-decoration: none;
	font-family: Arial;
}
html, body, table, tr, td {
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
body {
	height: 100%;
	overflow-y: scroll !important;
	overflow-y: auto;
}
#wrapper td { 
	vertical-align: top;
}
#wrapper {
	z-index: 100 !important;
	position: absolute;
}

/* ------------------------------------------------------------------------------------------------- */


#background {
	position: fixed !important;
	position: absolute;
	z-index: 0;
	width: 100%;
	min-width: 1050px;
}
.height {
	width: auto !important;
	height: 100% !important;
	min-height: 700px !important;
}

/* ------------------------------------------------------------------------------------------------- */

a:link 		{	color: #FFFFFF; }
a:visited 	{	color: #FFFFFF; }
a:hover 	{	color: #FFFFFF; }
a:active 	{	color: #FFFFFF; }

/* ------------------------------------------------------------------------------------------------- */

h1, h2, h3, h4, h5 {
	color: #49b6e8;
	font-weight: normal;
	font-size: 16pt;
	width: 500px;
	margin: 5px 0px 15px 5px;
}
p {
	color: #FFFFFF;
	font-size: 9pt;
	width: 500px;
	margin: 5px 0px 15px 5px;
}
.light .copy p {
	color: #333333 !important;
}
.light .copy h1 {
	color: #1c95cd !important;
}
a {
	color: #FFFFFF;
	font-size: 11pt;
}
h2 a:link		{	color: #a4e1fc; }
h2 a:visited 	{	color: #a4e1fc; }
h2 a:hover	 	{	color: #FFFFFF; }
h2 a:active	 	{	color: #FFFFFF; }

.light .copy p a:link, .light .copy p a:visited { 
	color: #49b6e8;
}
.light .copy p a:hover, .light .copy p a:active { 
	color: #a4e1fc;
}

.blog h1 a { font-size: 16pt; }

/* ------------------------------------------------------------------------------------------------- */

.content {
	width: 810px;
	margin: 0 auto 0;
}
.body {
	width: 500px;
	padding: 0px 10px 10px 10px;
	float: left;
}
.body img {
	max-width: 520px;
}
.header {
	height: 137px;
	width: 516px;
	display:block;
	background: url(/resources/img/headers/index.png) no-repeat;
	behavior: url(/resources/htc/iepngfix.htc);
	margin: 96px 0px 10px 0px;
}
.header span { display: none; }
.home .header  { width: 567px; }
.contact_page .header {	background: url(/resources/img/headers/contact.png) no-repeat; }
.team_page .header {	background: url(/resources/img/headers/team.png) no-repeat; }
.team_member .header {	background: url(/resources/img/headers/team.png) no-repeat; }
.consulting .header {	background: url(/resources/img/headers/consulting.png) no-repeat; }
.approach .header {	background: url(/resources/img/headers/approach.png) no-repeat; }
.products .header {	background: url(/resources/img/headers/products.png) no-repeat; }
.clients .header {	background: url(/resources/img/headers/clients.png) no-repeat; }
.blog .header {	background: url(/resources/img/headers/blog.png) no-repeat; }
.error .header {	background: url(/resources/img/headers/error.png) no-repeat; }
.projects .header {	background: url(/resources/img/headers/error.png) no-repeat; }
.press .header {	background: url(/resources/img/headers/press.png) no-repeat; }

.copy 	{ width: 500px; }
.copy p { width: 450px; }
.copy p { line-height: 16px; }

/* ------------------------------------------------------------------------------------------------- */

.navigation {
	width: 220px;
	height: auto;
	float: right;
	overflow: hidden;
	position: relative;
}

.navigation span {	display: none; }
.logo {
	display: block;
	height: 102px;
	width: 219px;
	background: url(/resources/img/base/logo.png) no-repeat;
	behavior: url(/resources/htc/iepngfix.htc);
	z-index: 20000;
}
.logo img { visibility: hidden; }
.nav, .nav ul {
	width: 214px;
	overflow: hidden;
	position: relative;
	margin-top: -2px;
}
.nav li {
	height: 28px;
	overflow: hidden;
	position: relative;
	margin: 2px 0px 0px 0px;
	float: left;
}
.nav li a {
	position: relative;	
	display: block;
	width: 214px;
	height: 28px;
	overflow: hidden;
	behavior: url(/resources/htc/iepngfix.htc);
}
.nav li #nav_consulting { background: url(/resources/img/base/nav.png) 0px 0px no-repeat; }
.nav li #nav_approach 	{ background: url(/resources/img/base/nav.png) 0px -56px no-repeat; }
.nav li #nav_products 	{ background: url(/resources/img/base/nav.png) 0px -112px no-repeat; }
.nav li #nav_team 		{ background: url(/resources/img/base/nav.png) 0px -168px no-repeat; }
.nav li #nav_clients 	{ background: url(/resources/img/base/nav.png) 0px -224px no-repeat; }
.nav li #nav_contact 	{ background: url(/resources/img/base/nav.png) 0px -280px no-repeat; }

.nav li #nav_consulting:hover, .nav li.current #nav_consulting, .nav li #nav_consulting.current 	{ background-position: 0px -28px; }
.nav li #nav_approach:hover, .nav li.current #nav_approach, .nav li #nav_approach.current		{ background-position: 0px -84px; }
.nav li #nav_products:hover, .nav li.current #nav_products, .nav li #nav_products.current		{ background-position: 0px -140px; }
.nav li #nav_team:hover, .nav li.current #nav_team, .nav li #nav_team.current				{ background-position: 0px -196px; }
.nav li #nav_clients:hover, .nav li.current #nav_clients, .nav li #nav_clients.current		{ background-position: 0px -252px; }
.nav li #nav_contact:hover, .nav li.current #nav_contact, .nav li #nav_contact.current		{ background-position: 0px -308px; }

/* ------------------------------------------------------------------------------------------------- */

#promo {
	display: block;
	height: 63px;
	width: 219px;
	background: url(/resources/img/base/promo.png) no-repeat;
	behavior: url(/resources/htc/iepngfix.htc);
	margin-top: 5px;
}
#blog, #contact {
	padding-bottom: 10px !important;
}
#blog, #login, #contact {
	width: 219px;
	height: auto;
	background: url(/resources/img/base/nav_top.png) no-repeat;
	behavior: url(/resources/htc/iepngfix.htc);	
}
#blog_bottom, #login_bottom, #contact_bottom {
	width: 219px;
	height: 11px;
	background: url(/resources/img/base/nav_bottom.png) no-repeat;	
	behavior: url(/resources/htc/iepngfix.htc);
}
#login {
	height: 25px; 
	overflow: hidden;
}
#login label {
	font-family: Arial;
	float: left;
	width: 180px;
	margin: 5px 0px 0px 10px;
	font-size: 10pt;
	color: #FFFFFF;
}
#login input.single {
	float: left;
	width: 180px;
	margin: 2px 0px 0px 10px;
	font-family: Helvetica, Arial;
	color: #999;
	font-size: 9pt;
}
#login input.submit {
	margin: 10px 0px 10px 10px;
	background: url(/resources/img/base/login.gif) no-repeat;
	width: 100px;
	height: 25px;
	border: none;
	cursor: pointer;
}

#blog h1 a, #login h1 a { 
	font-family: Arial;
	margin: 0px 0px 0px 5px;
	font-size: 12pt;
}
#blog h1 a:link, #login h1 a:link, #blog h1 a:visited, #login h1 a:visited {	color: #a6daf2;	}
#blog h1 a:hover, #login h1 a:hover, #blog h1 a:active, #login h1 a:active {	color: #FFFFFF;	}

#blog p a:link, #login p a:link, #blog p a:visited, #login p a:visited {	color: #FFFFFF;	}
#blog p a:hover, #login p a:hover, #blog p a:active, #login p a:active {	color: #a6daf2;	}

#blog h1, #login h1, #contact h1 {
	padding: 7px 0px 3px 5px;
	margin: 0px;
	font-size: 10pt;
	color: #a6daf2;
}
#contact h1 {	padding: 7px 0px 3px 10px; }

#blog p, #login p, #contact p { 
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 4px 5px;
}
#contact p { 
	padding: 2px 0px 0px 15px;
	font-size: 10pt;
}
#blog a, #login a, #contact a { 
	font-family: Arial;
	font-size: 10pt;
	margin: 0px 0px 0px 5px;
}

/* ------------------------------------------------------------------------------------------------- */

.products .copy ul, .blog .copy ul {
	font-size: 9pt;
	margin: 0px 0px 20px 20px;
}
.products .copy ul li, .blog .copy ul li {
	list-style-type: circle;
	margin: 1px 0px 2px 20px;
	color: #FFF;
}
.blog .copy ul li {
	color: #333;
}
.copy strong {
	font-weight: bold;
}
.copy em {
	font-style: italic;
}

.copy ol {
	font-size: 9pt;
	margin: 0px 0px 20px 20px;
}
.copy ol li {
	margin: 1px 0px 2px 20px;
	color: #FFF;
}
.copy ol br { display: none; }
.copy a { font-size: 9pt; }

.dark .copy a:link 	{ color: #a4e1fc; }
.dark .copy a:visited 	{ color: #a4e1fc; }
.dark .copy a:hover 	{ color: #FFF; }
.dark .copy a:active 	{ color: #FFF; }

/* ------------------------------------------------------------------------------------------------- */

#team_members {
	height: auto;
	float: left;
}
#team_members ul {
	width: 320px !important;
	height: 500px !important;
	float: left !important;
}
#team_members li {
	float: left !important;
}
#team_members li a {
	float: left;
	margin: 3px;
	padding: 2px 2px 2px 2px;
	border: 1px solid transparent;
}
#team_members li a:hover {
	border: 1px solid #49b6e8;
}
#team_members li img {
	padding: 0px;
	margin: 0px;
}
#team_info {
	width: 170px;
	float: left;
	margin-top: 3px;
	height: 150px;
	overflow: hidden;
}
#team_info li {
	height: 200px;
}
#team_info h1 { margin: 0px 0px 0px 5px;}
#team_info h1, #team_info p { 
	width: 160px;
	height: auto;
}
.bio_pic {
	float: left;
	padding: 3px;
	margin: 0px 20px 10px 5px;
	border: 1px solid #49b6e8;
}
.team a {
	border: 1px solid #49b6e8 !important;
}

/* ------------------------------------------------------------------------------------------------- */

.contact_page .address p {
	color: #49b6e8;
	font-weight: bold;
	margin: 0px 0px 3px 20px;
}
.contact_page p.number {
	margin: 10px 0px 3px 10px;
}
.contact_page p.number a, .contact_page p.number {
	font-size: 9pt !important;
}
.contact_page p.number a:hover { color: #49b6e8; }
.contact_page .column {
	width: 200px;
	float: left;
	margin: 10px 0px 3px 0px;
}
.contact_page .column p {
	width: 200px;
	float: left;
	margin: 5px 0px 0px 20px;
}
.contact_page .column p.subtitle {
	margin: 10px 0px 3px 0px;
}

/* ------------------------------------------------------------------------------------------------- */

.promo_form {
	float: left;
	margin-top: 20px;
	width: 500px;
}
.promo_form p {
	width: 500px;
	margin: 5px 10px;
	float: left;
}
.promo_form p.space, .promo_form p.comment {
	margin-top: 20px;
}
.promo_form label {
	width: 200px;
	float: left;
}
.promo_form input, .promo_form textarea {
	width: 250px;
	float: left;
	padding: 2px;
}
.promo_form p.postcode input {
	width: 100px;
}
.promo_form p.submit input {
	width: 80px;
	margin-top: 10px;
}
input.required {
	background: #c4ddf4;
}
p.message {
	color: #CD5555;
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 11pt;
}
p.thanks {
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 11pt;
}
p.note {
	font-size: 8pt;
	line-height: 9pt;
	padding-top: 15px;
	float: left;
	color: #DDD;
}

/* ------------------------------------------------------------------------------------------------- */

.blog .copy a:link, .blog .copy a:visited { color: #1c95cd; }
.blog .copy a:hover, .blog .copy a:active { color: #a6daf2; }
.comment {
	width: 490px;
	border-bottom: 1px solid #CCC;
	margin:  0px 0px 10px 5px;
	padding-bottom: 15px;
}
.blog h2 {
	font-size: 11pt;
	margin-top: 30px;
	width: 490px;
	border-bottom: 1px solid #CCC;
	padding-bottom: 3px;
}
.comment h2, .comment h2 a {
	font-size: 10pt;
	margin: 10px 0px 4px 0px;
	border-bottom: none;
}
.comment h2 a {
	font-size: 10pt;
	margin: 10px 0px 4px 5px;
}
.comment p.date { 
	font-size: 8pt; 
	text-align: right; 
	width: 480px;
	margin: 5px 0px 5px 0px;
} 
.comment p { margin: 2px 0px 2px 5px;}
.archive p {
	margin: 0px 0px 10px 5px;
	color: #999 !important;
	font-size: 8pt;
}
.archive h1 a { font-size: 11pt !important; }
.archive h1 { margin: 5px 0px 5px 5px;}

.list p { margin: 2px 0px 5px 5px; }
.list p.author { font-size: 8pt; }

/* ------------------------------------------------------------------------------------------------- */


.blog form p {
	width: 500px;
	margin: 5px 10px;
	float: left;
}
.blog form label {
	width: 100px;
	float: left;
	font-family: Arial;
	color: #333;
	font-size: 9pt;	
	margin: 5px 0px 5px 5px;
}
.blog form input, .blog form textarea {
	float: right;
	padding: 0px 2px;
	width: 300px;
	margin: 5px 0px 5px 5px;
}
#comment-form-remember-me label {
	width: 150px;
}
#comment-form-remember-me input {
	float: right;
	width: 100px;
	margin-right: 200px;
}
.blog form input#comment-preview {
	display:none;
}
.blog form input#comment-submit {
	width: 80px;
	margin: 10px 0px;
	clear:both;
}
.blog .copy ul {
	font-size: 9pt;
	margin: 0px 0px 20px 20px;
}
.blog .copy ul li {
	list-style-type: circle;
	margin: 1px 0px 2px 20px;
}
.blog .copy strong {
	font-weight: bold;
}
.blog .copy em {
	font-style: italic;
}
.blog .copy a { font-size: 9pt; }
.blog .copy h1 a { font-size: 16pt; }