foobar
{
	color: #ec1a50;				/* Pink - Designs Background */
	color: #9d9fa2;				/* Light Grey - Occasional Use plus gallery*/   
	color: #403d3e;				/* Dark Grey - Body Copy and Headings */
}

*
{
	margin:				0;
	padding:			0;
	box-sizing: 		content-box;
	-moz-box-sizing:	content-box;
}

html 
{ 
/*	min-height:			101%;    Forces in scroll barr */
}

body
{
	min-height:			101%;
	font:				normal 70%/1.6 Verdana, Arial, Helvetica, sans-serif;
	color:				#403d3e;				/* Dark Grey - Body Copy */
	background-color: 	#ec1a50;				/* Pink - Designs Background */
}

li
{
	font-size: 10px;
	list-style-image:url(/img/designs_bullet.png)
	
}

a
{
	color: #403d3e;				/* Dark Grey - Body Copy and Headings */
	font-weight: bold;
	text-decoration: none;
}



a:hover
{
	/*color: #808080;*/
	text-decoration: underline;
}

a:focus							/* Stops dotted grey focus border */
{
-moz-outline-style: none;
outline-style:none;
}

/*
	Overall white frame
*/
div#outer
{
	width:				950px;
	margin:				20px auto 10px auto;			/* GARY - increased to 50px top margin to match exiting site */
	text-align:			left;
	background-color:	#ffffff;
	padding:			0px;							/* GARY - watch this one on new layout */
	position:			relative;
}

div#header
{
	height: 125px;
	/* background-image:url(../img/designs_logo.png); */
	background-color: #ec1a50;				/* Pink - Designs Background */
}

div#menu
{
	padding-top: 81px;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:18px;
	color: #ffffff;
	vertical-align:middle;
}

div#menu a
{
	text-decoration: none;
	color: #ffffff;	
	font-size:12px;
	font-weight: bold;

}

div#menu a:hover
{
	color: #ffffff;
	text-decoration: underline;
}

div#content
{
	clear: both;
	background-color:#FFFFFF;
	min-height: 670px;       		/*  fudge to ensure background  compatibility during IE8 / Firefox transitions  */
}

/*
	foot is address and web site credit copyright etc...
*/

div#foot
{
	text-align: left;
	font-size: 11px;
	color: #ffffff;
	padding-top: 5px;
	font-weight: normal;
	background-color: #ec1a50;				/* Pink - Designs Background */
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	width: 950px;
}

div#foot a
{
	color: #ffffff;
	font-weight: normal;
	text-decoration:none;
}

div#foot a:hover
{
	color: #ffffff;
	text-decoration: underline;
}

div#foot span		/* copyright text floats  right */
{
	float: right;
		line-height:30px;
}


/* HOME PAGE STYLING */

div#home_img
{
	padding:20px;
}


div#home_text
{
	padding: 10px 0px 20px 63px;
	width: 620px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:12px;
}


/* SPLIT PAGE STYLING  (About Us, Emergency, Vehicle Livery etc*/


div#split
{
	background-color:#FFFFFF;
	width:950px;
	height:auto;
}

div#split_img
{
	float:right;
	width:480px;
	padding:68px 19px 0px 0px;
}


div#split_text
{
	padding: 17px 0px 20px 68px;
	width: 361px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:12px;
	float:left;
	background-color:#FFFFFF;
}

div#split_text_contact
{
	padding: 17px 0px 20px 68px;
	width: 250px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:12px;
	float:left;
	background-image:url(../img/designs_contact_right_bg.png);
	background-repeat:no-repeat;
}


div#split_text_contact_form     /* For Contact Form */
{
	padding: 124px 0px 20px 0px;
	width: 600px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:12px;
	float:right;
	background-color:#FFFFFF;
}


/* NEWS PAGE STYLING  */


div#news
{
	padding: 17px 0px 20px 68px;
	width: 882px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:12px;
	float:left;
	background-color:#FFFFFF;
	overflow-y: auto;
	height:630px;
}

div#news div.imgright
{
	float:right;
	clear: both;
	padding: 2px;
	margin: 7px 50px 0px 30px;
	/* border: 1px solid #d7e3e8;		/* light grey line */
}

div#news div.imgright img
{
	display: block;					/* remove descender space as there are no letter p,q,g or ys involved */
}

div#news div.hr
{
	clear: both;
	height: 12px;
	width: 770px;
	margin: 10px auto;
	overflow: hidden;
	background-color: #ffffff;		/* white line  INVISIBLE keeps formatting true above news item*/
}


div#news h2
{
	font-size:				1.33em;
	font-family:			Arial, Helvetica, sans-serif;
	color:					color: #403d3e;				/* Dark Grey - Body Copy and Headings */
	font-weight:			bold;
	margin-top:				5px;
}

div#news p
{
	width: 550px;
}


/* SERVICES PAGE STYLING  unique in a few ways */


div#services
{
	background-color:#FFFFFF;
	width:950px;
	float:left;
}

div#services img
{
	float:left;
	padding:67px 0px 0px 68px;
	border:none;
}

div#services_buttons
{
	float: left;
	padding: 80px 0px 0px 20px;	
	border:none;
}


/* TESTIMONALS PAGE STYLING  unique in a few ways also used for AFFILIATIONS */


div#testimonials
{
	background-color:#FFFFFF;
	width:950px;
	height:auto;
}

div#testimonials img
{
	float:left;
	padding:67px 0px 0px 68px;
}

div#testimonials_img
{
	float:right;
	width:480px;
	padding:68px 19px 0px 0px;
}


div#testimonials_text
{
	padding: 17px 0px 20px 68px;
	width: 770px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:12px;
	float:left;
	background-color:#FFFFFF;
}



/*
	force the border of the content div to surround any floats, this
	BR is the last tag before the closing tag of that div
*/
div.clear
{
	clear:	both;
}

.nocss
{
	display: none;
}





ul,ol
{
	padding-left:		2em;
	margin-bottom:		1em;
}

img
{
	border-style:	none;
}

table
{
	border-collapse:	collapse;
}

td
{
	vertical-align:	top;
	text-align:	left;
	padding:	5px;
}

th
{
	vertical-align:	top;
	text-align:	right;
	padding:	5px;
}


table.border,
table.border th,
table.border td
{
	border:		1px solid #999;
	text-align:	left;
	vertical-align:	top;
}

table.border,
table.center
{
	margin: 0 auto;
}




h1
{
	font-size:			2.0em;
	font-family:	Arial, Helvetica, sans-serif;
	margin-bottom:				0.5em;
	#403d3e;				/* Dark Grey - Body Copy and Headings */
	font-weight:	bold;
}

h2
{
	font-size:			1.33em;
	font-family:			Arial, Helvetica, sans-serif;
	margin-bottom:		0.75em;
	#403d3e;				/* Dark Grey - Body Copy and Headings */
	font-weight:			bold;
}

h3
{
	font-size:			1.2em;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:		0.8em;
	margin-top: 		3px;
	font-weight: 		bold;
	#403d3e;				/* Dark Grey - Body Copy and Headings */
	
}

h4
{
	font-size:			1.0em;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:		0.8em;
	margin-top: 		2px;
	font-weight: 		bold;
	#403d3e;				/* Dark Grey - Body Copy and Headings */
	
}

h5
{
	font-size:			1.1em;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:		0.3em;
	margin-top: 		3px;
	font-weight: 		bold;
	#403d3e;				/* Dark Grey - Body Copy and Headings */
}

h2 li
{
	font-size:			0.8em;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:		0.4em;
	margin-top: 		3px;
	font-weight: 		bold;
}



p
{
	font-size:			0.9em;
	line-height: 1.4em;
	margin-bottom:				1em;
	color:    #231f20; 		/* Off black  */
}


/*
	image alignment
*/

div.img_head
{
	float: right;
	margin-left: 10px;
}

div.img_left
{
	float: left;
	margin-right: 17px;
	padding-top: 7px;
}

div.img_right
{
	float: right;
	margin-left: 7px;
	padding: 2px;
	border: 1px solid #d7e3e8;		/* light grey line */
}

div.img_left img,
div.img_right img,
div.img_head img
{
	display: block;	/* kill descender space */
}

/*
	text-alignment
*/
div.txt_left
{
	float: left;
	width: 540px;
}

div.txt_leftside		/* GARY - popped this in for where there's text on left and more text on right ie: Contact page */
{
	float: left;
	width: 220px;
	margin-left: 8px;
}

div.txt_services		/* GARY - keeps the text on Services Pages just how we want it */
{
	float: left;
	width: 300px;
}


div.menuservices  /* GARY - Controls Menu on RH side of Services pages */
{
 float: left;
 width: 231px;
 margin-left: 8px;
 font-size: 1.0em;
 margin-bottom: 1em;
 font-family:Verdana, Arial, Helvetica, sans-serif;
  
}
 
div.menuservices p  
{
 line-height: 19px;
 font-size: 1.2em;
 padding-top:  4px;
}
 
div.menuservices a  
{
 color:    #686868;    /* Dark Grey - Services menu */ 
 font-size:  1.0em;
}

div.menuservices a:hover
{
	color:			 #000000;				
}


div.serv_gallery a					/* GARY - Controls the link to GALLERY at the bottom of the Services Page */
{
	float: left;
	margin-top: 10px;
	font-size:	1.0em;
	margin-bottom:	10px;
	color: #808080;				/* Mid Grey body area and SAXON MENUS */
}



/*
	blurb
*/
div.blurb
{
 float: left;
 width: 232px;
 padding-left: 8px;
 margin-top: 8px;
}


div.blurb h3
{
 margin-bottom: 0.3em;
}



/*
	cross-site links
*/
div.plate_group
{
	float: right;
	width: 540px;
	padding-top: 3px;
	min-height: 250px;
	margin-right: 0px;

}

div.plate
{
	width: 160px;
	height: 200px;
	float: left;
	padding: 0px 10px;
	_padding: 0px 5px; 
}

div.plate h4
{
	line-height:		1.3em;
}

div.plate p
{
	font-size: 0.8em;
	
}

div.plate a
{
	float: right;
}


div.plate img
{
		padding-bottom:   8px;				/* GARY - puts a bit of space between logos and text that's under them */
		padding-top:  15px;
		
}

div.contacts_group							/* GARY - bottom of About Us etc*/
{
	float: left;
	width: 540px;
	padding-top: 3px;
	font-size:			0.9em;
	margin-bottom:				1em;
}

div.contacts
{
	width: 180px;
	float: left;
	padding: 5px 0px;
}



/* COLOURS FOR LITTLE LINKS HERE AND THERE OR CLASSES AND SPANS */

.red
{
	color: #ec1a50;				/* Pink - Designs Background */
	font-weight: bold;
}

.contact_red
{
	color: #ec1a50;				/* Pink - Designs Background */
	font-weight: bold;
	font-size: 13px;
}







/*
	Contact Form
*/
p.error
{
	color: red;
}





table.premiertable 
table.premiertable,
table.premiertable th,
table.premiertable td
{
	text-align:left;
	padding: 0px;

}


table.premiertable td
{
	text-align:left;
	padding: 0px 0px 7px 0px;
	font-size:12px;
}


div.txt_premier		/* GARY - keeps the text on Services Pages just how we want it */
{
	float: left;
	margin-left: 10px;
}

.formtable
{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:11px;
	color: #000000;
}