/* ------------------------------------------------------------------*/
/* CSS IN reDEV FOR http://www.pecalmedia.co.uk/ --------*/
/* ------------------------------------------------------------------*/
/*      w  c(..)o
/*       \__(-)
/*           /\ 
/*        w_/(_)~~~~~~~~~~>
/*            /|
/*           | \
/*          m  m
/* -----------------------------------------*/
/* ------------------------------------------------------------------*/
/* specific development by Sam Hutchinson
© sam[my]co consultancy limited / sam@sammyco.co.uk / 
www.sammyco.co.uk / http://www.pecalmedia.co.uk/
All text, images & content © sam[my]co consultancy limited / 
http://www.pecalmedia.co.uk/
All coding and site development © sam[my]co consultancy limited 2006
All rights reserved. No part of this website may be reproduced without 
the express permission of Sam Hutchinson or
http://www.pecalmedia.co.uk/ */

/* ------------------background: url(newimages/pagebg.gif) fixed repeat-y top center;----
background-color:#181C5C;
/* LIGHT / DARK BLUES USED ------00A8DE-------171D5C--*/

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
font: 11px Tahoma, Arial, Helvetica, sans-serif; color:#767676;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	background:    url("../images/newgifs/pecalsquares.gif") fixed repeat-y top center ;
	background-color: #46466e;

}


/* total last minute animate position hack, sam--*/

#rotator{
clear: both;
background-color: #ffffff;
height: 300px;
width: 590px;
margin: 0px 0px 10px 0px;
}

#rotator h1{
float: left;
/*background: url(../images/attributes/bgrotatorp.gif);*/

padding: 5px 5px 0px 5px;
margin: 228px 5px 0px 0px;

FONT-FAMILY: Georgia, Geneva, Arial, Helvetica, sans-serif;
}



/* some butchery to do away with bad bad tables----------------------------------*/
.startmain {clear:both;	background-color:#fff;width: 790px;
margin-left: auto; margin-right: auto; margin-top: 0px; padding: 0px;}
.leftcontent {width: 590px;	background-color:#fff;
margin-left: auto; margin-right: auto; margin-top: 0px; padding: 0px; float:left}
.leftcontent p{	 padding-left: 20px; padding-right: 20px; }


/* some butchery to do away with bad bad tables----------------------------------*/
.header-top {background-color:#fff;	padding: 5px;	width: 790px;
	margin-left: auto; margin-right: auto; margin-top: 0px; padding: 0px;}
.header-holder {	background-color:#171D5C;padding: 5px;	width: 790px;
	margin-left: auto; margin-right: auto; margin-top: 0px; padding: 0px;}
.header-marquee {background-color: #fff;margin: 5px;padding: 5px;width: 770px;color: #d42127;
font-size: 12px; 	margin-left: auto; margin-right: auto; padding: 0px;}

.generalpagetext {	font-size: 12px; 	font-weight: normal;	color: #000066;}

/* fix this shit----------------------------------*/

.font-verdana-yellow {
	font-size: 24px;  padding-left: 0px; 
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #ff0000;
	
}

.font-verdana-yellow-big {
	font-size: 24px;  padding-left: 8px; 
	font-weight: normal;
	color: #00A8DE;
	position: relative;
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	
}

.font-verdana-yellow-massive {
	font-size: 70px;  padding-left: 20px; 
	font-weight: normal;
	color: #fff200;
}

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

.generalpagetext a {font-size: 12px; font-weight: normal;color: #00A8DE;}
.generalpagetext a:hover {font-size: 12px; font-weight: normal;color: #00A8DE; text-decoration:underline;}
.generalpagetext-heading {	font-size: 20px; font-weight: normal;color: #FFFFFF;margin-top: 10px;}
.generalpagetext1 a {font-size: 12px; font-weight: normal;color: #FF0000;}
.generalpagetext1 a:hover {font-size: 12px; font-weight: normal;color: #00A8DE; text-decoration:underline;}
.generalpagetext-heading {	font-size: 20px; font-weight: normal;color: #FFFFFF;margin-top: 10px;}

/*-PRICING TABLES - TO FIX! yugh!-------------*/
/*-seems to be borrowed from all over place-------------*/
/*-colours overwritten by bad command urgh!-------------*/
.font-verdana-red {	font-size: 12px; font-weight: normal;color: #171D5C;}
/* -read this as price tables text for now (BLUE)---------------00A8DE-------171D5C--*/

.cellpad-5px {	padding-left: 10px;	padding-right: 10px;}

.price-seperator {width: 580px;	padding: 3px;	
border-bottom: 1px solid #D6D7D5;border-right: 1px solid #D6D7D5;
border: 1px solid #D6D7D5;}

.price-seperator-l {width: 580px;	padding: 3px; 
border-bottom: 1px solid #D6D7D5; border: 1px solid #D6D7D5;}

.border-left-pricing {	border-left: 1px solid #d42127;
font-size: 12px; font-weight: normal;color: #D6D7D5;}

.header-nav {	font-size: 24px;  padding-left: 8px; 	font-weight: normal;	
color: #00A8DE;	position: relative;font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;	}
	
.main-nav {	padding-left: 28px; padding-top: 20px; padding-right: 28px;}

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

#nav {
clear:both;
font-size: 16px ;
font-family: Tahoma, Arial, Helvetica, sans-serif; color:#767676;
BACKGROUND: #00A8DE; 
clear: both;
width: 790px;
height: 20px;
}

ul#nav {
CLEAR: both; 
PADDING: 0px 0px 0px 0px; 
MARGIN: 0px; 
BACKGROUND: #00A8DE; 
}

ul#nav li {
DISPLAY: block; 
FLOAT: left;
BACKGROUND: #00A8DE; 
}

ul#nav li span {
PADDING: 0px 8px 0px 5px;
DISPLAY: block; 
BACKGROUND: #00A8DE; 

}



ul#nav li a {
DISPLAY: block; 
font-size: 75%;

COLOR: #440066; 
LINE-HEIGHT: 20px; 
/*TEXT-ALIGN: left; */
TEXT-DECORATION: none;
}


ul#nav li a:hover {
BACKGROUND: #00A8DE;
COLOR: #ffffff; 

}
/*ul#nav li#menu8Container SPAN {
	BORDER-RIGHT: none;
	WIDTH: 102px; 
}*/
ul#nav ul {
	/* BORDER-RIGHT: #fff 1px solid; */
	BACKGROUND: #00A8DE; 
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 10px; 
	MARGIN: 0px; 
	OVERFLOW: hidden; 
	/* BORDER-LEFT: #fff 1px solid; */
	WIDTH: 170px; 
	PADDING-TOP: 0px; 
	LIST-STYLE-TYPE: none; 
	POSITION: absolute; 
	TEXT-ALIGN: left;
}
UL#nav UL LI {
	BACKGROUND-COLOR: #00A8DE;
}
UL#nav UL LI {
PADDING: 0px 5px 0px 0px;
}

UL#nav UL LI SPAN {
BACKGROUND: #00A8DE; 
BORDER-RIGHT: 0px; 
BORDER-TOP: 0px; 
WIDTH: 170px; 
	/*BORDER-BOTTOM: #fff 1px solid*/
}
UL#nav UL LI SPAN A {
BACKGROUND: #00A8DE; 

WIDTH: 170px; 
TEXT-ALIGN: left;
}

UL#nav UL LI SPAN a:visited {
DISPLAY: block; 
font-size: 75%;


LINE-HEIGHT: 20px; 
/*TEXT-ALIGN: left; */
TEXT-DECORATION: none;
}
/*UL#nav UL LI SPAN a:active {
	TEXT-ALIGN: right;
PADDING: 0px 5px 0px 5px;
DISPLAY: block; 
font-size: 75%;
font-weight: bold;
COLOR: #ffffff; 
LINE-HEIGHT: 20px; 
/*TEXT-ALIGN: left; 
TEXT-DECORATION: none;
}*/


/* menu contents -----------------------------------------------------*/
/* ------------------------------------------------------------------*/
/* ------------------------------------------------------------------*/

#menu2Content { DISPLAY: none; HEIGHT: 0px}
#menu3Content {	DISPLAY: none; /*Z-INDEX: 10;*/ HEIGHT: 0px}
#menu4Content {	DISPLAY: none;  HEIGHT: 0px}
#menu5Content {	DISPLAY: none;  HEIGHT: 0px}
#menu6Content {	DISPLAY: none;  HEIGHT: 0px}
#menu7Content {	DISPLAY: none;  HEIGHT: 0px}
#menu8Content {	DISPLAY: none;  HEIGHT: 0px}

/* SUB NAV NUMBER 1-----------------------------------------------------*/
/* ------------------------------------------------------------------*/
/* ------------------------------------------------------------------*/

#subNavContainer {FONT-FAMILY: Georgia, Geneva, Arial, Helvetica, sans-serif;
TEXT-ALIGN: center;width: 240px;FLOAT: right; padding: 15px 0px 0px 0px;}
#subNavContainer a:link, #subNavContainer a:visited {color: #00A8DE ; font-size: 85% ; 
text-decoration: none;}
#subNavContainer a:hover, #subNavContainer a:active {color: #ffffff ; font-size: 85% ;}
#subNavContainer img {border: 1px solid #440066; margin: 0px 0px 0px 0px;}
#subNavContainer P {	DISPLAY: block;	color: #ffffff ; }

/* SUB NAV NUMBER 2-----------------------------------------------------*/
/* ------------------------------------------------------------------*/
/* ------------------------------------------------------------------*/

#subNavContainer2 {
TEXT-ALIGN: center;
width: 240px;
padding: 0px 0px 0px 0px;
/*BACKGROUND: url(../images/attributes/bgoj.gif);*/
}

#subNavContainer2 img {
border: 1px solid #00A8DE; 
margin: 0px 5px 0px 5px;
}

#subNavContainer3 {
TEXT-ALIGN: center;
width: 240px;
padding: 0px 0px 0px 0px;
/*BACKGROUND: url(../images/attributes/bgoj.gif);*/
}

#subNavContainer3 a:link, #subNavContainer3 a:visited {color: #00A8DE ; font-size: 85% ; text-decoration: none;}
#subNavContainer3 a:hover, #subNavContainer3 a:active {color: #ffffff ; font-size: 85% ;}
#subNavContainer3 img {border: 2px solid #00A8DE; margin: 0px 5px 0px 5px;}
#subNavContainer3 P {DISPLAY: block;color: #ffffff ; }

/* ------------------------------------------------------------------*/
/* -fff ffff fuck off with your tables, get some real footer action--*/
/* ------------------------------------------------------------------*/
/* ------------------------------------------------------------------*/

#footer{clear:both;margin:0px; padding:0px; width:790px;height:500px; 
border-top:2px solid #D6D7D5; color:#fff; background-color:#181C5C;}

#footerlogo{margin:0px; padding:0px;width:137px;background-color:#171D5C; float: left;
margin-top:6px;	margin-left:10px;   margin-bottom:0px;   padding:0px}

#footertext{margin:0px; padding:0px;background-color:#181C5C; float: left;  
margin-top:6px; margin-left:6px;}

#footer a {color:#00A8DE; font-weight:bold;}

#footer-content{margin:0px;margin:0px auto;padding:10px 25px 0 5px;
height:249px;text-align:left; color:#fff;}

#copyrightfooter{clear:both;margin-top:6px; padding:0px;font-size:10px;color:#181C5C; 
text-align:left; color:#fff; width: 600px;}

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


a img{ border:0px;}
a{ color:#EF4338; text-decoration:none;}
a:hover{ color:#ff0000; text-decoration:underline;}
.right{float:right}.left{ float:left;}.align-right{text-align:right;}

/* ------------------------------------------------------------------*/
/* ------------------------------------------------------------------*/
/* - now we're talking a proper structured floating right nav bar ----*/
/* -- bejesus! effing table, no ta. SAM xxx-----------------------------*/

#newnavbar {	float:right; width:190px; padding-top: 10px; padding-right:10px;}

#content-right{width:190px;margin:0px; padding:0px; /*border:1px solid #000;background:   url("../images/newgifs/sidenav.gif") fixed repeat-y top right ;*/}
#content-right .right-nav{ clear:both; margin-bottom:10px;}
#content-right .right-nav div{ margin:0px; padding:0px;padding:4px 0 5px 5px;background-color:#171D5C;
color:#fff;font-weight:bold;border-top: 1px solid #D5D6D4;}
#content-right .right-nav a{ display:block;padding:5px 0 5px 17px; background:    url("../images/newgifs/paper-light.gif") 2px 6px no-repeat;
border-bottom:1px solid #D6D7D5;color:#171D5C;}
#content-right .right-nav a:hover{ display:block;padding:5px 0 5px 17px; background:    url("../images/newgifs/paper-light.gif") 2px 6px no-repeat;
border-bottom:1px solid #D6D7D5;color: #00A8DE; text-decoration:underline;}

.style1 {
	color: #FF0000;
	font-size: 12px;
	font-family: "Trebuchet MS";
	font-weight: bold;
}