@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:			right;
width:			761px;
font-size:		93%;
line-height:	normal;
margin:		    10px 0px 0px 0px;
padding:        0px;
}



.mainMenu li{
display:		inline;
}

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

.mainMenu a{
float:			left;
margin:			0px 1px 0px 0px;   /* Flip left to right as with float */
padding:        0px 0px 0px 5px;   /* Left padding as width of image */
background:		url(images/leftMenu.gif) no-repeat left top;
}



.mainMenu a span{
display:		block;
background:		url(images/rightMenu.gif) no-repeat right top;
padding:        9px 15px 7px 6px;
color:			#FFF;
text-decoration:none;
font-family:	Verdana, Arial, Helvetica, sans-serif;
font-size:		1.4em;
float:			none;
}

.mainMenu li a:hover, .mainMenu li a:hover span{
background-position:	0% 83%;
text-decoration:		none;
}

.mainMenu li a:hover span{
background-position:	100% 83%;
}


.mainMenu .selected a{
background-position:			0% 83%;
}

.mainMenu .selected a span{
background-position:			100% 83%;
}





/* =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{
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;
}