/****************************************************************
 *	Author		: Michael-Thor Bateman Bsc(Hons)	*
 *	Filename	: index.css				*
 *	Created		: 10th August 2004			*
 *	Modified	: 13th August 2004			*
 ****************************************************************/


/*********************** Tag Definitions ************************/
body	{ margin		: 0 0 0 0;
	  padding		: 0 0 0 0;

	  font-family		: verdana,arial,helvetica,sans;
	  font-size		: 80%;
	  text-align		: center;	/* Centres body for IE */

	  color			: #222222;

	  background		: url(../images/bgback.png);
	  background-color	: #aaa; /*#C8C2B9;*/

	}


h1	{ font-size : 113%; color:#b33; margin: 0 0 0 0;}
.blacktext	{color:#000;}

a	{ color : #222; }


table.content	{ clear:left; margin: 10px 0 23px 0; }


td.shadowcell	{ width			: 50px;
		  vertical-align	: bottom;
		  margin		: 0 0 0 0;
		  padding		: 0 0 0 0;
		}


td.colourhead	{ vertical-align	: top;

		  margin		: 0 5px 0 5px;
		  padding		: 0 0 0 0;
		  font-weight		: bold;
		}
td.colourvalue	{ vertical-align	: top;
		  text-align		: right;
		  margin		: 0 0 0 5px;
		  padding		: 0 0 0 0;
		}


img.imagelink	{ border 	: 0 }


ul.customers	{ margin	: 15px 0 0 25px }
.customerintro	{ margin-left	: 10px }


ul.logo		{ margin	: 15px 0 0 0 }
ul.logo li	{ margin	: 1.2em 0 0 15px; }


ul.brandlist	{ margin	: 0 0 0 17px }


.subheader	{ color		: #222; font-weight:bold }
.exampletext	{ color		: #CC3333; }


.ftrcntctdtls		{ color		: #cc3333;/*#666666;*/
			  font-size	: 120%;
			}
.ftrlink		{ color		: #cc3333;/*#666666;*/ }
.homeftrcntctdtls	{ color		: #cc3333;
			  font-size	: 120%;
			}
.ftrregdtls		{ font-size	: 85%;
			  color		: #666;
			}


.mininav		{ /*margin	: 35px 30px 20px 30px;*/
			  margin	: 35px 15px 20px 15px;
			  font-size	: 85%;
			  text-align	: center;
			}
.mininavmain		{ margin 	: 0px 65px 35px 65px; }

.snrpartword	{ color:#666666;

		  font-size	: 140%;
		  line-height	: 1.8em;
		  visibility	: hidden;
		}


.pantonelist	{ margin	: 8px 0 0 0 }


.toshort	{ height	: 330px; vertical-align:top; }

/************************** Named Divs **************************/
#wrapper	{ width			: 650px;
	 	  background-color	: #ffffff;
	 	  margin		: 5px auto 0px auto;	/* Centres containers content for Mozilla */
		}


#flashheader	{ height	: 100px;
		  margin	: 5px auto 0 auto;	/* Centres containers content for Mozilla */
		  border-top	: 1px solid #E8E5E2;
		}


#nav	{ background-color	: #cccccc;
	  border-top		: 2px solid #999999;
	  border-bottom		: 1px solid #cccccc;
	  width			: 100%;
	  line-height	: 1.4;
	}


#mainimage	{ border : 3px solid #BAB2A7; }


#imagecontainer	{ width			: 42%;
		  margin-right		: 8px;
		  padding		: 32px 0 32px 0;
		  vertical-align	: top;
		  text-align		: center;
		  background-color	: #ddd;
		  border		: 8px solid #E8E5E2;
		}


#content	{ padding		: 35px 65px 35px 65px;
		  background-color	: #d1cAc0; /*#C1BAB0;*/
		  text-align		: left;
		}

#newscontainer	{ width			: 42%;
		  margin-right		: 8px;
		  padding		: 27px 0px 35px 32px;

		  text-align		: left;
		  vertical-align	: top;

		  background-color	: #CCCCCC;

		  border		: 8px solid #E8E5E2;
		}

#contentmininav	{ background-color	: #d1cAc0; /*#C1BAB0;*/
		  text-align		: left;
		}


#partcontent	{ height		: 313px;
		  padding		: 35px 65px 35px 65px;
		  vertical-align	: top;
		  background-color	: #C1BAB0;
		  text-align		: left;
		}


#newslinks	{ margin		: 50px 0 0 0; }


#palettecontainer	{ margin		: 25px auto 0px auto;	/* Centres containers content for Mozilla */
		  	  text-align		: center;		/* Centres body for IE */
			}
#palettecontainer img	{ margin: 5px;	}


#brandnav	{ font-size		: 90%;
		  padding		: 0px 0px 0px 0px;
		  margin		: 70px auto -20px auto;	/* Centres containers content for Mozilla */

		  text-align		: center;		/* Centres body for IE */
		}
#topbrandnav	{ font-size		: 90%;
		  padding		: 0px 0px 0px 0px;
		  margin		: -20px auto 35px auto;	/* Centres containers content for Mozilla */

		  text-align		: center;		/* Centres body for IE */
		}


#footer	{ background		: url(../images/footer.png) no-repeat 0% 0%;
	  height		: 118px;
	  padding		: 0 0 0 8px;
	  text-align		: justify;
	  vertical-align	: top;
	  background-color	: #999999; /*transparent;*/
	  margin		: 0px auto 0px auto;	/* Centres containers content for Mozilla */
	  font-size		: 85%;
	}


#homefooter	{ background	: url(../images/homefooter.png) no-repeat 0% 0%;
		  height		: 118px;
		  padding		: 0 0 0 8px;
		  text-align		: justify;
		  vertical-align	: top;
		  background-color	: transparent;
		  margin		: 0px auto 0px auto;	/* Centres containers content for Mozilla */
		  font-size		: 85%;
		}

#sitedesignfooter	{  margin: 5em;
	  		   font-size	: .9em;
			   color	: #aaa;
			   text-align	: center;
			}
#sitedesignfooter a	{  color : #aaa; text-decoration:none }			



/********************** Navigation Elements *********************/
.selectedarea	{ color		: #000; font-weight:bold; }
.selectmininav	{ color		: #fff; }
.selectednews	{ color		: #000; font-weight:bold; }
.toplevel	{ display	: block; }

#navmenu, #navmenu ul	{ padding	: 0;
		  	  margin	: 0;
		  	  list-style	: none;

		  	  line-height	: 1.1;
			}

#navmenu li	{ /* all list items */
 		  float			: left;
		  padding		: 2px 2px 4px 2px;

	  	  width			: 85px; /*79*/	  		/* width is defined for opera */

		  font-size		: 88%;

	  	  background-color	: #cccccc;
	  	  border-right		: 1px solid #999999;
		}


#navmenu a	{ display		: block;
	 	  width			: 85px;
	 	  color			: #222;
	 	  text-decoration	: none;
		}




#navmenu li:hover, #navmenu li.sfhover { /* Background colour of top-level items on 'mouse over' */
	background: #D9D1BF;
	color:#6D6550
}

#navmenu li ul	{ /* second-level list */
		  position	: absolute;

		  width		: 85px;/*10%;*/
		  left		: -999em;	/* using left instead of display to hide menus because 'display: none' isn't read by screen readers */
		}

#navmenu li ul li	{ /* second-level list items */
			  border-top	: 1px solid #999999;
	  	  	  border-left	: 1px solid #999999;
		 	  border-right	: 1px solid #999999;

		 	  width		: 85px; /*9.1em;*/

		 	  background	: #E2D7BA;

		 	  opacity		: 0.95;			/* Standardised - Safari 1.2, Mozilla */
		 	/* Non-standardised opaque backgrounds - no workaround for Opera :/ */
		 	  filter		: alpha(opacity=95);	/* Internet Explorer */
		 	  -khtml-opacity	: 0.95;			/* Safari 1.1 */
		 	}

#navmenu li:hover ul { /*Drop Down menu as a whole*/
		/* Styling for Browsers that implement CSS correctly*/
		  left			: auto;

		  margin		: 4px 0px 0px -3px;
		 }
#navmenu li.sfhover ul {
		/* Styling for IE*/
		  left			: auto;

		  margin		: 4px 0px 0px -45px; /*IE 6*/
}


#navmenu li:hover ul li:hover, #navmenu li.sfhover ul li.sfhover{ /* Background colour of drop-down items on 'mouse over' */
		  background	: #fff;
		 }

.navend		{ border-right	: 1px solid #999999; }
.navbottom	{ border-bottom	: 1px solid #999999; }



/* P.name1.name2.name3 {declaration} <P class="name1 name2 name2">This paragraph has three classes attached</P> */


/********** KILROY JAMES STANDARD CLASSES 30/07/2004 */

/* TEXT STYLES *********/
.i			{ font-style: italic }

.plain			{ text-decoration: none }
.underline		{ text-decoration:underline }

.b			{ font-weight: bold }
.nob			{ font-weight: normal }

.nowrap			{ white-space:nowrap }
.wrap			{ white-space:normal }


/* FONT SIZES **********/
.pc2em			{ font-size: 18px }
.pc120			{ font-size: 120% }
.pc110			{ font-size: 110% }
.pc90			{ font-size: 90% }
.pc85			{ font-size: 85% }
.pc80			{ font-size: 80% }
.pc70			{ font-size: 70% }
.pc60			{ font-size: 60% }
.pc100			{ font-size: 100% }


/* LINE HEIGHTS ********/
.lh20			{ line-height: 2em }
.lh17			{ line-height: 1.7em }
.lh15			{ line-height: 1.5em }
.lh14			{ line-height: 1.4em }
.lh13			{ line-height: 1.3em }
.lh12			{ line-height: 1.2em }
.lh1			{ line-height: 1em }
.lh0			{ line-height: normal }

/* DISPLAY  ************/

.inline			{ display:inline }


/* ALIGNMENT ***********/
.valign-t		{ vertical-align: top }
.valign-m		{ vertical-align: middle }
.valign-b		{ vertical-align: bottom }

.align-l		{ text-align: left}
.align-c		{ text-align: center }
.align-r		{ text-align: right }

.float-r		{ float: right }
.float-l		{ float: left }


/* BORDERS  ************/
.border			{ border:1px solid #eee9d9 }

.border-r		{ border-right:1px solid #eee9d9 }
.border-l		{ border-left:1px solid #eee9d9 }
.border-b		{ border-bottom:1px solid #eee9d9 }
.border-t		{ border-top:1px solid #eee9d9 }
.border-grey		{ border-color: #999 }

.picture-frame		{ border:1px solid #eee9d9; padding:10px; }
.brd-col-grey		{ border-color: #ccc }

/* MARGIN & PADDING ****/
.tight			{ margin:0; padding:0 }

.nomargin		{ margin: 0 }
.mrg-t-10		{ margin-top: 10px }
.mrg-r-10		{ margin-right: 10px }
.mrg-b-10		{ margin-bottom: 10px }
.mrg-l-10		{ margin-left: 10px }
.mrg-10			{ margin: 10px }

.nopad			{ padding:0 }
.pad-t-10		{ padding-top: 10px }
.pad-t-3		{ padding-top: 3px }
.pad-r-10		{ padding-right: 10px }
.pad-r-20		{ padding-right: 20px }
.pad-b-10		{ padding-bottom: 10px }
.pad-b-15		{ padding-bottom: 15px }
.pad-b-20		{ padding-bottom: 20px }
.pad-l-10		{ padding-left: 10px }
.pad-l-20		{ padding-left: 20px }
.pad-10			{ padding:10px }