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



/* webSushi.css
------------------------------------------------------------------------------

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

Version:			2.1
Designed for:		FireFox 2

CSS file:			Design One

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





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

body{
font-family:		Trebuchet, Verdana, Arial, Helvetica, sans-serif;
font-size:			62.5%;
color:				#444444;
background:			url(images/purpleBG.jpg) top left repeat-x;
}

img{
border:				none;
}

h1, h2, h3, h4, h5, h6{
font-family:		Trebuchet, Verdana, Arial, Helvetica, sans-serif;
}


.centre p strong{
color:				#000;
}


a{
text-decoration:	none;
outline:none;
}
a:active
{
  outline: none;
}


q{
font-style:			italic;
color:				#000;
}

.clear{
clear:				both;
}

strong{
color:				#000;
}



/* 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*/

p, .left li{
font-size:			1.2em;
line-height:		1.8em;
}

p a{
text-decoration:	none;

}

p a:hover{
text-decoration:	underline;
}

a:hover{
text-decoration:	underline;
}


/* =LAYOUT
------------------------------------------------------------------------------*/

.wrapper{
width:				762px;
margin-left:		auto;
margin-right:		auto;
background:			#FFF;
padding:            20px 36px 10px 36px;
margin-top:			-11px;
}

* .wrapper{
* position:			relative;
* top:				-20px;
* margin-top:		0px;
* padding-bottom|:  0px;
}




/* =TAB =MENU
------------------------------------------------------------------------------*/

.mainMenu{
float:			left;
width:			761px;
font-size:		93%;
line-height:	normal;
margin:		    10px 0px 0px 0px;
padding:        0px 0px 0px 0;
}



.mainMenu li{
	float: left;
	background:	none;
}

.mainMenu ul, .subMenu ul{
margin:			0px 0px 0px 0;
padding:        0px;
list-style:		none;
}

.mainMenu li{
float:			left;
margin:			0px 1px 0px 0px;   /* Flip left to right as with float */
padding:        0px 0px 0px 0px;   /* Left padding as width of image */
}


.mainMenu a{
float:			left;
width: 109px;
background:		url(images/nav-tab-bg.jpg) no-repeat 0 0;
padding:        9px 0 7px 0;
text-align: center;
color:			#FFF;
text-decoration:none;
font-family:	Verdana, Arial, Helvetica, sans-serif;
font-size:		1.4em;
}

.mainMenu li a:hover{
background-position: -109px 0;
text-decoration:		none;
}


.mainMenu li a.selected {
background-position: -109px 0;
}





/* =SUB =MENU
------------------------------------------------------------------------------*/

.subMenu{
float:				left;
list-style:			none;
width:				760px;
margin:				0px 0px 0px 0px;
height:				31px;
padding:            8px 0px 0px 0px;
background:			url(images/subMenu.jpg) top left repeat-x;
}



.subMenu li{
float:				left;
margin-right:		1px;
}

.subMenu li a{
padding:            0px 15px 10px 15px;
color:				#FFF;
}

.subMenu li a.selected{
font-weight:        bold;
}

.subMenu{
height:				23px;
}


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

.top{
width:				761px;
}

.logo a{
background:			url(images/LOGO.gif) top left no-repeat;
height:				72px;
width:				247px;
text-indent:        -3000px;
margin:				0px 0px 0px 0px;
float:				left;
display:			block;
}

.contact{
display:			block;
float:				right;
color:				#791e74;
background:			url(images/iconEnvelope.jpg) center left no-repeat;
padding-left:       40px;
}

.contact a{
color:				#791e74;
}


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

.bannerHome{
height:				287px;
width:				760px;
}

.bannerHome .bannerText{
display:            none;
}


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

.content{
width:				762px;
}

.left{
width:				500px;
float:				left;
}


.left h3{
font-family:		Trebuchet, Verdana, Arial, Helvetica, sans-serif;
font-style:			italic;
font-weight:		lighter;
font-size:			3em;
color:				#791e74;
margin:				10px 0px 10px 0px;
}

.left p a{
background-color:	#ffe5fe;
color:				#791e74;
padding:            2px 2px 2px 2px;
}

.left img{
margin:            2px 0 6px 8px;
padding:           1px;
}

.left h4{
font-size:			1.5em;
}

.left h5{
font-size:			1.3em;
}


.right{
float:				right;
width:				250px;
margin-top:			10px;
}

.right h4 a, .right p a{
color:				#FFF;
text-decoration:	none;
display:			block;
}

.right p a{
padding-bottom:    20px;
}

* .right p a{
* padding-bottom:   80px;
* display:			block;
* width:			100px;
* height:			0px;
}

.right div{
margin-top:			-14px;
}

* .right div{
* margin-top:		0px;
}

.right h4{
color:				#FFF;
font-size:			1.3em;
position:			relative;
top:				18px;
left:				18px;
font-style:			italic;
}

.right p{
width:				100px;
position:			relative;
left:				115px;
top:				20px;
color:				#FFF;
font-style:			italic;
}

.box{
width:				248px;
height:				155px;
}




.relatedText{
color:				#fff;
font-family:		Trebuchet, Verdana, Arial, Helvetica, sans-serif;
font-weight:		lighter;
font-size:			1.2em;
margin:             0px;
width:				500px;
height:				24px;
padding:            8px 0 2px 10px;
background:			url(images/subMenu.jpg) top left repeat-x;
}

.related{

}

.related li{
font-size:			1.2em;
line-height:		1.4em;
color:				#791E74;
}

.related li a{
color:				#791E74;
background-color:	#FFE5FE;
padding:            2px;
}

.left ul li a{
color:				#791E74;
background-color:	#FFE5FE;
padding:            2px;
}


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

.footer{
width:				762px;
margin-top:			30px;
}


.footerMenu{
list-style:			none;
padding:            0px;
border-top:			2px solid #791e74;
width:				762px;
font-size:			1.2em;
padding-bottom:		30px;
margin-left:		0px;
}

* .footerMenu{
* padding-bottom:    0px;
* margin-bottom:     0px;
}

.footerMenu li{
float:				left;
padding:            0px 30px 0px 0px;
margin-top:			5px;
}

.footerMenu li a{
color:				#791e74;
}


/* =FORM
------------------------------------------------------------------------------*/

form label{
float:				left;
width:				500px;
}

form input, form textarea{
float:				left;
border:				1px solid #791e74;
background:			url(images/inputBG.gif) bottom left repeat-x #FFFFFF;
font-size:			1.2em;
padding:            2px;
}

form p{
width:				500px;
height:				30px;
margin:				0px;
padding:            0px;
}

* div[class="left"] form p{
* margin:             5px 0px 15px 0px;
}

.submitButtonPara{
float:				none;
width:				500px;
clear:				both;
}

form .submitButtonPara input{
background:			#791e74;
color:				#FFF;
border:				none;
margin-top:			10px;
}

* form p[class="submitButtonPara"] input{
* margin-top:		30px;
}

   	.content form label{
   		font-size: 1.3em;
   		font-weight: bold;
   	}
   	
   	
   	.content .form-row{
   		float: left;
   		width: 100%;
   		margin: 0 0 10px 0;
   	}
   			
   			
   	.content .form-row input{
   		width: 250px;
   	}
   	
   
   	.content .form-row textarea{
   		width: 250px;
   		height: 80px;
   	}   	
   	
   	
   	.content .form-button input{
   		background: #791e74;
		color: #FFF;
		border: none;
		padding: 8px 10px;
		margin-top: 10px;
		font-size: 16px;
		width: 256px;
   	}
   	
   	* html .content .form-button input { /* IE6 will look bold enough in other browsers */
	font-weight: bold;
}