/*	Headings */

h1, h2, h3 {
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	}

h1, h2 {
	text-align: center;
	}

h3 {	font-style: italic;
	text-align: left;
	padding: 6px 12px;
	}

h1     {
	font-size: 20pt;
	}

h2, h3 {
	font-size: 12pt;
	}


/*	General body default */

body { 	color: black;
	background: lightcyan;
       	font-family: Verdana, Arial, sans-serif;
       	font-size: 10pt;
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	behavior: url("csshover3.htc");
       	}


/*	Banner top of page */

#header {
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
	}

img.banner {
	border: none;
	}


/*	Navigation menu */

#menu {	max-width: 750px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	}

/*	Lay the navigation tags out horizontally in boxes */

#tabmenu {
	padding: 3px 0;
	font: bold 12px Verdana, Arial, sans-serif;
	border-bottom: 1px solid gray;
	list-style-type: none;
	}

#tabmenu li {
	display: inline;
	margin: 0;
	}

/*	Available tags */

#tabmenu li a {
	text-decoration: none;
	padding: 3px 7px;
	margin-right: 3px;
	border: 1px solid gray;
	border-bottom: none;
	background-color: darkseagreen;
	color: black;
	}

#tabmenu li a:visited {
	color: maroon;
	}

/*	Change background colour when we hover */

#tabmenu li a:hover {
	background-color: lightsteelblue;
	color: black;
	}

/*	Change background colour for tag pointing to current page */
/*
#indexpage #tabmenu li a[href="index.html"],
#needspage #tabmenu li a[href="needs.html"],
#servicespage #tabmenu li a[href="services.html"],
#processpage #tabmenu li a[href="process.html"],
#clientspage #tabmenu li a[href="clients.html"],
#contactpage #tabmenu li a[href="contact.html"]
	{
	color: black;
	background-color: deepskyblue;
	}
*/

#indexpage #indexlink,
#needspage #needslink,
#servicespage #serviceslink,
#processpage #processlink,
#clientspage #clientslink,
#contactpage #contactlink
	{
	color: black;
	background-color: deepskyblue;
	}



/*	Don't do anything for the actual click */

#tabmenu li a:active {
	color: black;
	}


/*	General default for the body content */

#content {
	max-width: 750px;
	display: block;
	border: 1px solid gray;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.3em;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
	padding-right: 10px;
	}

/*	Pad out paragraphs and lists */

#content p {
	padding: 6px 12px;
	}

#content ul, #content ol {
	padding: 6px 20px;
	}


/*	For split page, left and right sides equal */

#leftside, #rightside {
	width: 370px;
	}

#leftside {
	float: left;
	}

#rightside {
	float: right;
	}

#rightside form td {
	font-size: small;
	}

#leftside .indent {
	margin-left: 30px;
	}

#rightside .indent {
	margin-left: 30px;
	}


/*	Keep the input fields over to the left */

td input, td textarea, td select {
	float: left;
	}


/*	Form fields */

.formfield, .mandformfield {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: normal;
	color: blue;
	border: 1px solid gray;
	}

.formfield {
	background-color: floralwhite;
	}

.mandformfield {
	background-color: bisque;
	}


/*	Buttons at bottom of form */

#endbuttons {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	}

/*	General centred class to, er, centre stuff */

.centered {
	text-align: center;
	}

.centered table {
	margin-left: auto;
	margin-right: auto;
	}

/*	Like leftside/rightside but justifying to the centre line */

#leftmirror {
	width: 370px;
	float: left;
	text-align: right;
	}

#rightmirror {
	width: 370px;
	float: right;
	text-align: left;
	}

/*	Testimonial quotes to go in boxes */

.right-test, .left-test {
	display: block;
	border: thin solid;
	width: 500px;
	margin: 25px;
	padding: 8px 5px;
	}

.right-test {
	float: right;
	}

.left-test {
	float: left;
	}

/*	The quote text */

.right-test p.quote, .left-test p.quote {
	font-weight: bold;
	}

/*	And who said it */

.right-test p.quotee, .left-test p.quotee {
	font-weight: normal;
	text-align: left;
	}


/*	Subheading class to avoid breaking the h1 h2 h3 hierarchy */

.subhead, .productname {
	font-weight: bold;
	}


/*	Dummy div to close leftside and rightside, in order to get a clear:both
	in before the end of the #content division and force the box to enclose
	the entire #content division */

#endcontent {
	clear: both;
	}


/*	Footer - sits outside the content box and gives contact details etc */

#footer {
	clear: both;
	font-size: small;
	max-width: 750px;
	text-align: center;
	padding-top: 2px;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.5em;
	}


/*	Put an Adobe PDF icon by links to PDFs */

a[href $='.pdf'] {
	padding-right: 18px;
	background: transparent url("images/adobe.gif") no-repeat center right;
	}