/*	Headings */

h1, h2 {
	font-family: Verdana, arial, sans-serif;
	font-weight: bold;
	text-align: center;
	}

h1     {
	font-size: 20pt;
	}

h2     {
	font-size: 16pt;
	}


/*	General body default */

body { 	color: black;
	background: #ffffcc;
       	font-family: Verdana, arial, sans-serif;
       	font-size: 10pt;
	width: 740px;
	margin-left: auto;
	margin-right: auto;
	behavior: url("csshover3.htc");

/*	border: thin dashed black; */

       	}


/*	Banner top of page */

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

img.banner {
	border: none;
	}

#title {
	max-width: 740px;
	border-bottom: 2px solid black;
	margin-bottom: 6px;
	}


/*	Navigation menu */

#menu {	max-width: 740px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	background-image: url("images/background.jpg")
	}


/*	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: #f6ffd5;
	color: #2d2b2b;
	}

#tabmenu li a:visited {
	color: #2d2b2b;
	}

/*	Change background colour when we hover */

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

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

#tabmenu li.selected a {
	position: relative;
	top: 1px;
	padding-top: 4px;
	background-color: #DBFF6C;
	color: black;
	}


/*	Change background colour for tag pointing to current page */

/*
#indexpage #tabmenu li a[href="index.html"],
#solutions1page #tabmenu li a[href="solutions1.html"],
#solutions2page #tabmenu li a[href="solutions2.html"],
#solutions3page #tabmenu li a[href="solutions3.html"],
#solutions4page #tabmenu li a[href="solutions4.html"],
#solutions5page #tabmenu li a[href="solutions5.html"],
#industries1page #tabmenu li a[href="industries1.html"],
#industries2page #tabmenu li a[href="industries2.html"],
#industries3page #tabmenu li a[href="industries3.html"],
#industries4page #tabmenu li a[href="industries4.html"],
#casestudiespage #tabmenu li a[href="casestudies.html"],
#eventspage #tabmenu li a[href="events.html"],
#contactpage #tabmenu li a[href="contact.html"],
#registerpage #tabmenu li a[href="register.html"],
#downloadspage #tabmenu li a[href="downloads.html"]
	{
	background-color: #DBC06C;
	color: black;
	}
*/

#indexpage #indexlink,
#solutions1page #solutionslink,
#solutions2page #solutionslink,
#solutions3page #solutionslink,
#solutions4page #solutionslink,
#solutions5page #solutionslink,
#industries1page #industrieslink,
#industries2page #industrieslink,
#industries3page #industrieslink,
#industries4page #industrieslink,
#casestudiespage #casestudieslink,
#eventspage #eventslink,
#contactpage #contactlink,
#registerpage #registerlink
	{
	background-color: #DBC06C;
	color: black;
	}




/*	For a list of topics feeding to links, make the link to
	the current page look like it does nothing */
/*
#solutions1page #pagelist li a[href="solutions1.html"],
#solutions2page #pagelist li a[href="solutions2.html"],
#solutions3page #pagelist li a[href="solutions3.html"],
#solutions4page #pagelist li a[href="solutions4.html"],
#solutions5page #pagelist li a[href="solutions5.html"],
#industries1page #pagelist li a[href="industries1.html"],
#industries2page #pagelist li a[href="industries2.html"],
#industries3page #pagelist li a[href="industries3.html"],
#industries4page #pagelist li a[href="industries4.html"]
	{
	cursor: default;
	text-decoration: none;
	color: black;
	}
*/

#solutions1page #solutions1link,
#solutions2page #solutions2link,
#solutions3page #solutions3link,
#solutions4page #solutions4link,
#solutions5page #solutions5link,
#industries1page #industries1link,
#industries2page #industries2link,
#industries3page #industries3link,
#industries4page #industries4link
	{
	cursor: default;
	text-decoration: none;
	color: black;
	}




/*	General default for the body content */

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

/*	Pad out paragraphs and lists */

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

#content ul, #content ol {
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 30px;
	padding-right: 10px;
	}

#content table {
	padding: 6px 10px;
	}


/*	Equally split left and right sides */

#leftside {
	width: 47%;
	float: left;

/*	border: thin dashed black; */

	}

#rightside {
	width: 47%;
	float: right;

/*	border: thin dashed black; */

	}


/*	Split with small left and large right side */

#leftsmall {
	width: 32%;
	float: left;
	padding-left: 10px;

/*	border: thin dashed black; */

	}

#rightlarge {
	width: 64%;
	float: right;
	padding-right: 10px;

/*	border: thin dashed black; */

	}

/*	Split with large left and small right side */

#leftlarge {
	width: 64%;
	float: left;

/*	border: thin dashed black; */

	}

#rightsmall {
	width: 32%;
	float: right;

/*	border: thin dashed black; */

	}


/*	Bit of tweaking for the registration page */

#registerpage #leftsmall {
	width: 19%;
	float: left;
	padding-left: 10px;

/*	border: thin dashed black; */

	}

#registerpage #rightlarge {
	width: 77%;
	float: right;
	padding-right: 10px;

/*	border: thin dashed black; */

	}


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

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

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

#rightlarge .indent {
	margin-left: 281px;
	}


/*	Next event box */

#nextevent {
	margin: 15px 10px;
	border: medium solid black;
	text-align: center;
	}

#nextevent h1 {
	font-size: 14pt;
	}


/*	Box advertising download */

#downloadbox {
	margin: 15px 10px;
/*	border: medium solid black; */
	text-align: center;
	}

#downloadbox h1 {
	font-size: 14pt;
	}

#downloadlist {
	line-height: 2em;
	}


/*	Brochure download page */

#brochuredownload {
	margin-top: 40px;
	line-height: 2em;
	text-align: center;
	}


/*	Registration and contact fields */

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

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

.formfield {
	background-color: #ccffcc;
	}

.formfieldblue {
	background-color: #ffcc99;
	}


/*	Events table */

table.events {
	border: thin solid;
	border-spacing: 8px;
	}

table.events td {
	text-align: center;
	vertical-align: middle;
	padding: 8px;
	}

table.events img {
	border: none;
	}


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


/*	General for the admin page */

#admin {
	max-width: 740px;
	margin-left: auto;
	margin-right: auto;
	}

#admin h1 {
	text-align: left;
	}


/*	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;
	height: 20px;
	}

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

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


/*	For any mention of ThinkBig, use a different colour */

.thinkbig {
	color: royalblue;
	}

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

/*	Put a Word DOC icon by links to DOCs */

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

/*	Put a Word 2007 DOCX icon by links to DOCXs */

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