@charset "UTF-8";
/* CSS Document */

/* design.css
------------------------------------------------------------------------------

Author:  		Peter Richman
E-mail:			peter@plugandplaydesign.co.uk
Company: 		Plug and Play Design
Date:			25/03/2008

Version:		3.2
Designed for:	FireFox 2

CSS file:		Design One 

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





/* =USUAL SUSPECTS
------------------------------------------------------------------------------*/



body{
font-family:	Verdana, Arial, Helvetica, sans-serif;
font-size:		62.5%;
color:			#444444;
margin-top:		0px;
}

img{
border:				none;
}


.centre p strong{
color:			#000;
}


a{
text-decoration:	none;
color:				#009FD8;
}

a:hover{
text-decoration:	underline;
}

h1{
font-size:			1.8em;
}

/* HACK for FIREFOX!! - to always display right hand scroll bars in short pages
this prevents the page bouncing left when changing pages */

html { 
overflow: -moz-scrollbars-vertical; 
height: 100%; 
}

/*Hack over*/



/* =COLOUR SCHEMES
------------------------------------------------------------------------------*/



/* =TOP
------------------------------------------------------------------------------*/


.topBG{
height:				85px;
width:				100%;
background:			url(../images/blueFade.jpg) top  left repeat-x;
float:				left;
margin-top:			0px;
padding-top:        0px;
}



.top{
width:				838px;
height:				85px;

margin-left:		auto;
margin-right:		auto;
background:			url(../images/topBG.jpg) top left no-repeat;
}



.topContents{
color:				#086d8e;
font-size:			1.2em;
height:				85px;
padding-left:		30px;
height:				85px;
}




.topContents img{
margin-left:		5px;
margin-top:			10px;
}

.topContents a{
color:				#086d8e;
font-size:			1.2em;
}

.topContents p{
float:				right;
padding-right:      50px;
margin-top:			-20px;
margin-bottom:		10px;
}

.topContents .phone{

margin-left:		160px;
padding-top:        0px;
}



/* =CONTENT
------------------------------------------------------------------------------*/

.content{
width:				846px;
margin-left:		auto;
margin-right:		auto;
background:			url(../images/bodyBG.gif) top left repeat-y;
}


/* =MAIN MENU
------------------------------------------------------------------------------*/

.mainMenu{
float:				left;
margin-left:		22px;

}

.mainMenu ul{
float:				left;
list-style:			none;
height:				38px;
width:				773px;
padding-left:       28px;
padding-top:        10px;
margin-top:			0px;
background:			url(../images/mainMenuBar.jpg) top left repeat-x;
}

.mainMenu ul li{
float:				left;
padding-right:      35px;
color:				#FFF;
font-size:			1.4em;
}

.mainMenu ul li a{
color:				#FFF;
}

.mainMenu ul li a:hover{
color:		#000;
}
.mainMenu ul li a.login{
color:				#000;
}


/* =WRAPPER
------------------------------------------------------------------------------*/

.wrapper{
margin-top:			0px;

}



/* =BANNER
------------------------------------------------------------------------------*/

.banner{
margin-left:		46px;
margin-top:			5px;
margin-right:		auto;
margin-bottom:		8px;
width:				751px;
}

* .banner{
* margin-top:		16px;
}

/* =LEFT
------------------------------------------------------------------------------*/

.left{
width:				477px;
float:				left;
padding-left:       43px;
}

* .left{
* margin-top:		20px;
}

.left p{
text-align:			justify;
line-height:		20px;
font-size:			1.2em;
color:				#666;

}

.left .mainQuote{
color:				#009fd8;
font-size:			1.75em;
font-style:			italic;
padding-left:       3px;
margin-right:		0px;
margin-left:		0px;
font-weight:		600;
}


.left .mainQuote a{
color:				#000;
}

.left .mainQuote a:hover{
text-decoration:	none;
}

.left .mainQuote span{
font-size:			0.7em;
}




h1{
color:				#009fd8;
}


ul li{
font-size:			1.2em;
}



/* =RIGHT
------------------------------------------------------------------------------*/

.right{
width:				251px;
float:				right;
margin-right:		50px;
margin-top:			20px;
}

.newsBox, .support, .micro{
border:				1px solid #CCC;
margin-bottom:		25px;
}

.right h2{
color:				#009fd8;
margin-left:		10px;
}

* .right h2{
* margin-top:		10px;
}

.right h2 span{
color:				#000;
font-style:			italic;
}

.right .newsBox .more a{
color:				#009fd8;
float:				right;
padding-bottom:     10px;
padding-right:      10px;
}

.newsContent a{
color:				#009fd8;
text-decoration:	underline;
}

.newsContent a:hover{
text-decoration:	none;
}

#pscroller1{
width: 240px;
height: 100px;
}

.newsItem{
width:				240px;
float:left;
}

.newsItem .date{
font-size:			2em;
font:				Arial, Helvetica, sans-serif;
font-weight:		bolder;
margin-left:		10px;
margin-top:			10px;
float:				left;
color:				#666;
width:				20px;
}

.newsItem img{
float:				left;
margin-left:		5px;
margin-top:			7px;
}
.newsItem p
{
	float:left;
	clear:both;
}

* .newsItem .date{
_margin-left:		5px;
* margin-top:       0px;
}

* div[class="newsItem"] .date{
* margin-left:		10px;
}

.newsItem .date span{
font-size:			0.6em;
}

.newsItem .newsContent{
width:				180px;
padding-right:      10px;
margin-top:			10px;
float:				right;
}

* .newsItem .newsContent{
* margin-top:       2px;
}

.support{

height:				110px;
}

.micro{
height:				262px;
}

.support a{
color:				#000;
font-size:			20px;
font-style:			italic;
margin-left:		12px;
font-weight:		bold;
}

.support a:hover{
color:				#009fd8;
text-decoration:	underline;
}

.micro img{
margin-top:			15px;
margin-left:		27px;
}


/* =FOOTER
------------------------------------------------------------------------------*/

.footer{
float:				right;
width:				800px;
margin-top:			40px;
}

.footer ul{
float:				right;
list-style:			none;
margin-right:		20px;
}

.footer ul li{
float:				left;
padding-right:      30px;
}

.footer a{
color:				#666;
}

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

.footer p{
float:				right;
width:				800px;
text-align:			right;
padding-right:      50px;
margin-top:			0px;
}


.papd{
float:				left;

margin-bottom:		20px;
}


/* =CLEAR
------------------------------------------------------------------------------*/

.clear{
clear:				both;
}


/* =CONTACT US
------------------------------------------------------------------------------*/

.form{
width:				400px;
margin-left:		40px;
margin-top:			20px;
}

* .form{
* width:			400px;
}
fieldset
{
	width:400px;
	border: none;
}
div.element
{
	float:left;
	display:block;
	clear:both;
	width:100%;
	margin-bottom: 5px;
}
.form input, .form textarea{
border:				1px solid #CCC;
margin-bottom:		5px;
background:			url(../images/formBG.gif) top left repeat-x;
float:left;
clear:left;
display:inline;
}
.form span
{
	display:inline;
	float:left;
	padding-left: 5px;
}

.form input:focus, .form textarea:focus{
border:				1px solid #009fd8;
}

.form label{

	display:block;
	float:left;
	clear:both;
}

/* .form label{
* padding-left:       40px;
}*/



/* =NEWS
------------------------------------------------------------------------------*/

.newsContentWrapper{
margin-left:		45px;
margin-right:		45px;
}


.mainNewsItem{
width:				477px;
border-top:		1px solid #CCC;
float:left;
}

.mainNewsItem .mainDate{
font-size:			4em;
font-weight:		bold;
float:				left;
width:				60px;
margin-top:			20px;
margin-bottom:		20px;
line-height:		40px;
float: left;
display:inline;
}

.mainNewsItem .newsContent{
float:				right;
width:				400px;
margin-top:			20px;
margin-bottom:		13px;
display:inline;
}

.mainNewsItem .newsContent h2{
margin-top:			6px;
color:				#009fd8;
font-size:			1.5em;
}

.mainNewsItem .mainDate span{
font-size:			0.6em;
}


/* =IE =HACKS
------------------------------------------------------------------------------*/

* .mainMenu{
* margin-left:		-18px;
* padding-left:     0px;
}



* html .content .mainMenu{
_margin-left:		-58px;
}

* html .content{
_padding-left:		0px;
}

* html .right{
_margin-right:		24px;
_padding-right:		0px;
}

* .right h2{
* font-size:		1.4em;
}