/************************************************************************

	GLOBAL CSS
	==========

	Provides all global styles for the site which more specific sections 
	can be built on using the layered css technique

	Author:		Tom Harman		[www.optixsolutions.co.uk]

	Listing Order:
	==============

	Universal
	Forms
	General Structure / Layout
	Navigation Elements
	Header Elements
	Body Elements
	Footer Elements
	Messages

************************************************************************/

/***********************************************************************
	UNIVERSAL STYLES
************************************************************************/

body {
	background: #EEF6F8;
	font-size: .8em;
	color: #314572;
}



html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, abbr, input, select, textarea, table, td, th {
	font-family: Arial, Helvetica, sans-serif;
}

h1, h2, dl dt {
	color: #22415E;
	font-size: 115%;
}

strong.testi{
font-size:110%;
}

h1 {
	font-size: 125%;
}

img {
	border: 1px solid #777;
}

div#content ul {
	list-style-type: disc;
	list-style-position: inside;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}

div#content p, div#content h1, div#content h2, div#content h3, div#content h4, div#content h5, 
div#content h6, div#content table, div#content ul, div#content ol, div#content form {
	margin: 1em 0;
}

div#content h1 {
	margin: 0 0 1em 0;
}

/***********************************************************************
	FORMS
************************************************************************/

fieldset, legend {
	border: none;
}

legend {
	background: transparent;
	font-size: 1em;
	font-weight: bold;
	margin: 1em 0;
	padding: 0 .5em;
}

label {
	float: left;
	padding: 0 1em 0 0;
	text-align: right;
}

form fieldset div {
	clear: both;
	display: block;
	margin-bottom: .5em;
	padding: 0;
}

div.submit {
	clear: both;
	text-align: center;
	width: auto;
}

div.multi input {
	border: 0;
	width: auto;
}
 
form 									{ width: 100%; }

label		 							{ float: left;	height: 22px; width: 45%; }

fieldset div input,
fieldset div select,
fieldset div textarea  			{ width: 45%; }

fieldset div input.small,
fieldset div select.small,
fieldset div textarea.small 	{ width: 25%; }

div.req label						{ font-weight: bold; }

div.multi label 					{ height: 22px; }

div.req label:before, 
div.req p:before {
	content: "* ";
}

input:focus, textarea:focus {
	background: #fafafa;
	color: #000;
}

fieldset div input, 
fieldset div select, 
fieldset div textarea  {
	border: 1px solid #aaa;
	color: #333;
	font-weight: normal;
	padding: 1px;
}

div.submit input {
	background: #777;
	border: 1px solid #333;
	color: #fff;
	font-weight: bold;
	padding: 1px .7em;
	width: auto;
}

/***********************************************************************
	GENERAL STRUCTURE/LAYOUT
************************************************************************/

div#container, div#footer {
	background: #fff url(../i/layout/bg.gif) repeat-y;
	margin: 0 auto;
	width: 756px;
}

div#container {
	margin-top: 15px;
}

/***********************************************************************
	HEADER ELEMENTS
************************************************************************/

div#header {
	background: url(../i/layout/header.jpg) no-repeat;
	height: 151px;
	margin: 0 0 5px 0;
}

div#header div#branding-logo a {
	display: block;
	height: 115px;
	float: left;
	margin: 0 0 0 20px;
	position: relative;
	text-indent: -999em;
	top: 15px;
	width: 130px;
}

div#header div#branding-images {
	float: right;
	position: relative;
	right: 15px;
	top: 30px;
}

div#header div#branding-images img {
	border: 2px solid #284571;
	float: left;
	margin: 0 10px;
	position: relative;
}

/***********************************************************************
	FOOTER ELEMENTS
************************************************************************/

div#footer {
	background: url(../i/layout/footer.gif) no-repeat;
	color: #666;
	padding: 18px 0 0 0;
}

div#footer a {
	color: #666;
	text-decoration: underline;
}

div#footer a:hover {
	color: #000;
}

div#footer div#siteinfo-legal, div#footer div#siteinfo-credits {
	padding: 0 15px;
}

div#footer div#siteinfo-legal {
	float: right;
	position: relative;
}

div#footer div#siteinfo-credits {
	float: left;
	position: relative;
}

/***********************************************************************
	NAVIGATION
************************************************************************/

div#nav {
	xborder-right: 1px dotted #08A4CD;
	display: table-cell;
	float: left;
	height: 100%;
	padding-left: 10px;
	position: relative;
	width: 144px;
	font-size: .9em;
}

div#nav ul li {
	border-bottom: 1px dotted #08A4CD;
}

div#nav ul li a {
	background: url(../i/layout/bullet-1.gif) 130px center no-repeat;
	color: #08A4CD;
	display: block;
	font-weight: bold;
	padding: 10px 8px 10px 3px;
}

div#nav ul li a:hover {
	background: #f9f9f9 url(../i/layout/bullet-1.gif) 130px center no-repeat;
}

div#nav dl {
	margin: 10px 0 0 5px;
}

div#nav dl dd {
	margin: 8px 0;
}

div#nav dt.callus {
font-size: 1.2em;
	font-weight: bold;
	margin: -.2em 0 .5em 0;
	letter-spacing: -1px;
}

div#nav dd.phone {
font-size: 1.6em;
	font-weight: bold;
	margin: -.2em 0 .5em 0;
	letter-spacing: -1px;
}

div#nav dd.email {
font-size: 1em;
	font-weight: normal;
	margin: -.2em 0 .5em 0;
	letter-spacing: -1px;
	
}

a.specialLink:link { color: #22415E; }
a.specialLink:visited { color: #22415E; }
a.specialLink:hover { color: #22415E; }



/***********************************************************************
	BODY ELEMENTS
************************************************************************/

div#content-container {
	border-left: 1px dotted #08A4CD;
	float: right;
	padding-right: 15px;
	position: relative;
	width: 586px;
}

div#content {
	border-bottom: 1px dotted #08A4CD;
	clear: both;
	float: none;
	text-align: left;
	padding: 10px 2px 10px 10px;
}

div#content a {
	color: #4879A7;
	text-decoration: underline;
}

div#content a:hover {
	color: #27415A;
}

div#content h1#welcome {
	background: url(../i/layout/welcome.gif);
	height: 38px;
	text-indent: -999em;
	width: 206px;
}

h2#business-presentations {
	background: url(../i/layout/business-presentations.gif);
	height: 71px;
	margin-bottom: 10px;
	text-indent: -999em;
	width: 254px;
}


/* =services-we-offer */

div#content ul#services-we-offer {
	clear: both;
	float: right;
	margin: 0;
	margin-top: 50px;
	position: relative;
}

div#content ul#services-we-offer li {
	background: url(../i/layout/bullet-2.gif) 0 center no-repeat;
	font-weight: bold;
	list-style: none;
	padding: 3px 0;
	text-indent: 12px;
}

div#content ul#list-text {
margin:18px;
text-indent:-16px;
}

* html div#content ul#services-we-offer li {
	text-indent: 0;
	
}

a.serviceslink:link { color: #22415E; text-decoration: none;  }
a.serviceslink:visited { color: #22415E; text-decoration: none; }
a.serviceslink:hover { color: #22415E; text-decoration: none; }

/* =content-sub */

div#content-sub-left, div#content-sub-right {
	float: left;
	text-align: justify;
}

div#content-sub-left {
	border-right: 1px dotted #08A4CD;
	padding: 10px;
	width: 270px;
}

div#content-sub-right {
	padding: 10px 2px 10px 10px;
	width: 282px;
}

div#content-sub-right img {
	float: left;
	margin: 4px 10px 0 0;
	position: relative;
}

/***********************************************************************
	MESSAGES
************************************************************************/

.error { 
	color: #a00;
	font-weight: bold;
}

.error ol li {
	font-weight: normal;
	list-style-type: lower-roman;
	list-style-position: inside;
	margin-left: 0;
	padding-left: 1em;
	text-indent: 1em;
}

.notice {
	color: #d22;
	font-weight: bold;
}

.message { 
	
}