/* CSS Document */

/* style.css
------------------------------------------------------------------------------

Author:						Plug and Play Design
E-mail:						steven@plugandplaydesign.co.uk
Company:					Plug and Play Design
Date:						17/12/2009

Version:					1

Designed for:					FireFox 2+
						Safari 3+
						IE 7+
						Opera 9+
						Chrome
					
Consideration for:				IE 6
						Netscape
						IE Mac
							
CSS 2.1 Validated:				w3.org/TR/CSS21/jigsaw/w3/org/css-validator/			

CSS file:					Main Style Sheet 

------------------------------------------------------------------------------*/
/* =RESET
------------------------------------------------------------------------------*/
*,body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, table, caption, thead, tfoot, tbody, tr, th, td, ul, ol, li, dl, dd, dt, form, fieldset{
	margin:					0px;
	padding:				0px;
}

/* =USUAL SUSPECTS
------------------------------------------------------------------------------*/
h1{
	margin:					0 0 20px 0;
	font:					bold 3.5em Helvetica,Arial,sans-serif;
	color:					#1f3371;
}
h2{
	margin:					0 0 14px 0;
	font-size:				2.6em;
	color:					#1f3371;
}
h3{
	margin:					0 0 10px 0;
	font-size:				2em;
	color:					#1f3371;
}
p {
	margin:					0 0 16px 0;
	font-size:				1.3em;
	line-height:				1.6em;
}
a{
	outline-style:				none;
	outline-width:				0px;	
	text-decoration:			underline;
	color:					#252525;
}
a:hover{
	text-decoration:			none;
}
a img {
	border:					none;
}
img{
	border:					none;
}
ul {
	font-size:				1.4em;
}
ul.nav li{
	display:				inline;
	list-style:				none;
}
.floatleft{
	float:					left;
}
.floatright{
	float:					right;
}
.clearfix{
	min-height:				1%;			
}
.clearfix:after{
  	content:				'.';
 	display:				block;
  	clear:					both;
 	height:					0;
  	visibility:				hidden;
}

/* =BODY
------------------------------------------------------------------------------*/
body{
	font-size:				62.5%;
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	text-align:				center;
	color:					#252525;
	background:				#fafcff url(../images/body-bk.gif) repeat-x scroll top left;
}

/* =WRAPPER
------------------------------------------------------------------------------*/
.wrapper{
	width:					915px;
	margin:					0 auto;
	text-align:				left;
}

/* =HEADER
------------------------------------------------------------------------------*/
.header{
	margin:					0 0 60px 0;
	padding:				28px 9px 0 0;
}
.header h2{
	margin:					0;
	font: 					normal 2.1em Arial, Helvetica, sans-serif;
	font-style:				italic;
	color:					#1f3371;
}
.header h3{
	margin:					0;
	font: 					bold 4.2em Arial, Helvetica, sans-serif;
	font-style:				italic;
	color:					#215bc3;
}
img.logo{
	float:					left;
	margin:					0;
}

/* =NAV BAR
------------------------------------------------------------------------------*/
.nav_bar{
	clear:					both;
}
ul.main_nav{
	padding:				25px 0 0 0;
}
ul.main_nav li{
	float:					left;
	display:				block;
	margin:					0 1px 0 0;
	padding:				0 0 0 20px;
	background:				#0a4b99 url(../images/ul-mainnav-li-bk.gif) no-repeat scroll top left;					
}
ul.main_nav li a{
	float:					left;
	display:				block;
	padding:				11px 20px 11px 0;
	font-size:				1em;
	color:					#fff;
	text-decoration:			none;
	background:				#0a4b99 url(../images/ul-mainnav-li-a-bk.gif) no-repeat scroll top right;						
}
ul.main_nav li.selected{
	float:					left;
	display:				block;
	margin:					0 1px 0 0;
	padding:				0 0 0 20px;
	background:				#78a4ff url(../images/ul-mainnav-li-selected-bk.gif) no-repeat scroll top left;					
}
ul.main_nav li.selected a{
	float:					left;
	display:				block;
	padding:				11px 20px 11px 0;
	font-size:				1em;
	font-weight:				bold;
	background:				#78a4ff url(../images/ul-mainnav-li-selected-a-bk.gif) no-repeat scroll top right;						
}
ul.main_nav li a:hover{
	text-decoration:			underline;
}

/* =CONTENT
------------------------------------------------------------------------------*/
.content ul {
	padding:0 0 0 20px;
}
.content ul li{
	padding:0 0 10px 0;
}
.banner{
	width:					280px;
	height:					189px;
	margin:					0 0 18px 0;
	padding:				21px 59px 11px 576px;
	text-align:				center;
	background:				transparent url(../images/banner-bk-2.jpg) no-repeat scroll 0 0;
}
.banner h2{
	font: 					bold 2.7em Arial, Helvetica, sans-serif;
	color:					#215bc3;
}
.banner h2 strong{
	font-size:				1.8em;
}
.text{
	float:					left;
	width:					519px;
	padding:				0 60px 0 36px;
}
.contact_details{
	float:					right;
	margin:					34px 0 0 0;
	padding:				0 76px 0 0;
	text-align:				right;
	color:					#002d8b;
}
.contact_details p{
	margin:					0;
}
.contact_details a{
	color:					#002d8b;
}
.home_box{
	clear:					both;
	margin:					0 0 20px 0;
	padding:				0 0 0 20px;
}
.box{
	float:					left;
	width:					194px;
	margin:					0 28px 0 0;
}
.box h3 a{
	display:				block;
	width:					165px;
	margin:					0 0 0 14px;
	height:					61px;
	padding:				10px 0 0 0;
	font:					normal 0.9em Calibri,Arial,Helvetica,sans-serif;
	text-align:				center;
	text-decoration:			none;
	color:					#1f3371;
	background:				transparent url(../images/home-box-h3-a-bk.gif) no-repeat scroll 0 0;
}
.box h3 a strong{
	font-size:				1.2em;
}
.box h3 a:hover{
	text-decoration:			underline;
	color:					#2763d3;
}
.services{
	margin:					0 0 10px 0;
}

/* =LOGOS
------------------------------------------------------------------------------*/
.logos{
	padding:				20px 0 30px 0;
	background:				transparent url(../images/logos-bk.gif) repeat-x scroll top left;
}

/* =FOOTER
------------------------------------------------------------------------------*/
.footer{
	width:					915px;
	margin: 				0 auto 30px auto;
}
.footer p a{
	font-size:				0.8em;
	text-decoration:			none;
	color:					#1f3371;
}
.footer ul.nav li a{
	padding:				0 24px 0 0;
	font:					normal 0.8em Arial,Helvetica,sans-serif;
	text-decoration:			none;
	color:					#043976;
}
.footer ul.nav li.selected a{
	font-weight:				bold;
	text-decoration:			underline;
	color:					#3473f9;
}