/*

*/
/***********************************************************************/
/* dirtyfork                                                           */
/***********************************************************************/



/* hide from ie on mac \*/
body 
{
	background-color: #677075;
	font-family: verdana,arial,helvetica,sans-serif;
	color: #000;
	margin: 0px;
	padding: 0px;
	font-size: 9px;
}
	
#mainContainer
{
	width:800px;
	margin: 20px auto;
	padding: 0px;
	background-color: #FFFFFF;
	/*top: 50%;
	left: 50%;
	height:517px;
	margin-left: -400px; set to a negative number 1/2 of your width*/
	/*margin-top: -258px; set to a negative number 1/2 of your height*/
}
/* end hide */

#container
{
	/* background-color: #FFF; */
	width: 800px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	/*border: solid 10px #FFFFFF;*/
	background: url(images/bg_test.gif) top left repeat-y;
}

#top
{
	background-color: #FFF;
	width: 800px;
	height: 69px;
	float: left;
	padding: 0px;
	margin: 0px;
	border-top: solid 20px #C5001B;
	background-image: url(images/logo_screen.gif);
}

#logintop
{
	background-color: #FFF;
	width: 800px;
	height: 69px;
	float: left;
	padding: 0px;
	margin: 0px;
	border-top: solid 20px #C5001B;
}

#loginbox
{
	background-color: #FFF;
	width: 700px;
	float: center;
	margin-top: 100px;
	padding-left: 40px;
}

#logoLink
{
	float: left;
	width: 250px;
	height: 69px;
	padding: 0px;
	margin: 0px;
	display: block;
}

#logoLink a
{
	float: left;
	width: 250px;
	height: 69px;
	padding: 0px;
	margin: 0px;
	display: block;
	text-indent: -99999px;
}

/***********************************************************************/
/* bottom                                                              */
/***********************************************************************/

#bottom
{
	width: 800px;
	float: left;
	padding: 8px 0px 0px 0px;
	margin: 0px;
	background-color: #677075;
}

#bottom p
{
	color: #CCC;
	padding: 0px;
	margin: 0px;
	font-size: 9px;
}

#bottom p a
{
	color: #000000;
	font-size: 9px;
}

#bottomLeft
{
	float: left;
	width: 400px;
	text-align: left;
}

#bottomRight
{
	float: left;
	width: 400px;
	text-align: right;
}


.levelTwo
{
	width: 210px;
	padding: 0px;
	background-color: #8295A0;
}

/***********************************************************************/
/* main navigation (left menu)                                          */
/***********************************************************************/

#mainnavigation
{
	float: left;
	width: 166px;
	padding: 21px 0px 0px 0px;
	background-image: url(images/menu_bg.jpg);
	background-color: #dee3e6;
	background-repeat: repeat-x;
	/*height: 403px;*/
}

/* Main Menu*/
#menu2
{		
	width: 166px;
	/*height: 258px;*/
	padding: 0px;
	background: url(images/menu_left.gif) 0 0 no-repeat;
	float: left;
	margin: 0px;
	overflow: hidden;
}		
		
#menu2 a 
{		
	display: block;		
	height: 16px;
	text-indent: -99999px;
}

#menu2 span 
{
	display: none;
}
		 	
#marketsNav 
{
	width: 166px; 
	margin: 0px 0px 8px 0px;
	padding: 0px; 
}	

#qualityNav 
{
	width: 166px; 
	margin: 0px 0px 8px 0px;
	padding: 0px;  
}	

#caseNav 
{
	width: 166px; 
	margin: 0px 0px 8px 0px;
	padding: 0px;  
}

#testimonialNav 
{
	width: 166px; 
	margin: 0px 0px 8px 0px;
	padding: 0px;  
}

#centreNav 
{
	width: 166px; 
	margin: 0px 0px 8px 0px;
	padding: 0px;  
}

#quoteNav 
{
	width: 166px;
	margin: 0px 0px 8px 0px;
	padding: 0px; 
}

#newsNav 
{
	width: 166px; 
	margin: 0px 0px 8px 0px;
	padding: 0px; 
}

#resourcesNav 
{
	width: 166px; 
	margin: 0px 0px 8px 0px;
	padding: 0px; 
}

a#marketsNav:hover
{
	background-image: url(images/markets_over.jpg);
}

a#qualityNav:hover 
{
	background-image: url(images/quality_over.jpg);
}

a#caseNav:hover 
{
	background-image: url(images/case_over.jpg);
}

a#testimonialNav:hover 
{
	background-image: url(images/testimonial_over.jpg);
}

a#centreNav:hover 
{
	background-image: url(images/centre_over.jpg);
}

a#quoteNav:hover 
{
	background-image: url(images/quote_over.jpg);
}

a#newsNav:hover 
{
	background-image: url(images/news_over.jpg);
}

a#resourcesNav:hover 
{
	background-image: url(images/resources_over.jpg);
}


a#marketsNav:hover,
a#qualityNav:hover, 
a#caseNav:hover, 
a#testimonialNav:hover, 
a#centreNav:hover,   
a#quoteNav:hover, 
a#resourcesNav:hover, 
a#newsNav:hover { border: none; }



.marketSelected 
{
	background-image: url(images/markets_over.jpg); 
}

.qualitySelected 
{
	background-image: url(images/quality_over.jpg); 
}

.caseSelected 
{
	background-image: url(images/case_over.jpg); 
}

.testimonialSelected 
{
	background-image: url(images/testimonial_over.jpg); 
}

.centreSelected 
{
	background-image: url(images/centre_over.jpg); 
}

.quoteSelected 
{
	background-image: url(images/quote_over.jpg); 
}

.newsSelected 
{
	background-image: url(images/news_over.jpg); 
}

.resourcesSelected 
{
	background-image: url(images/resources_over.jpg); 
}



/* top menu finish here */


/********************/


/***********************************************************************/
/* top right navigation (sub menu)                                     */
/***********************************************************************/


/* new drop down nav */

#menu 
{
  	float: left;
	width: 604px;
	margin: 0px;
	padding: 0px 30px 0px 0px;
	background-color: #C5001B;
	border-bottom: solid 1px #000000;
}

#menu  ul 
{
	display: block;
	margin: 0px;
	padding: 0px;
	list-style: none;
	z-index: 90;
}

#menu  ul li {
	float: right;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	list-style-type: none;
}

#menu ul li a {
	float: left;
	display: block;
	width: auto;
	color: #FFF;
	background: #C5001B;
	padding: 4px 10px 5px 10px;
	margin: 0px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 9px;
	border-right: solid 1px #000;

}

#menu  ul li a:hover {
	color: #C5001B;
	text-decoration: none;
	background-color: #FFFFFF;
	
}

#menu  ul li.sep {
	color: #fff;
	padding: 0px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu  ul li a {
	float: none;
}

/* End IE5-Mac hack */
#menu ul.level2, #menu ul.level3 {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 10px 0px 10px 0px;
	visibility: hidden;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	line-height: 1em;
	background-color: #FFFFFF;
}

#menu ul.level2 li, #menu ul.level3 li {
	/*border-bottom: 1px solid #000;*/
	float: none;
	margin: 0px;
	padding: 0px;
	width: 150px;
	border: 0px !important;
}

#menu ul.level2 li a, #menu ul.level3 li a {
	padding: 5px 9px 5px 5px;
	background-color: #FFFFFF;
	color: #000000;
	margin: 0px !important;
	border: 0px !important;
}

#menu ul.level2 li a:hover,#menu ul.level3 li a:hover {
	font-weight: normal;
	background-color: #FFF;
	background-image: none;
	color: #C5001B;
	margin: 0px;
}

#menu ul li a.selected {
	background-color: #FFFFFF;
	color: #C5001B;
}

#menu  ul li ul li a.selected {
	background-color: #FFFFFF;
	color: #000000;
}

/********************/


.spaceDevider
{
	color: #FFFFFF;
	margin: 0px;
	padding: 3px 0px 0px 0px;
	display: block;
	font-size: 9px;
	float: left;
}


/* /////////////////////////////////// */


/***********************************************************************/
/* HOME BODY ELEMENTS                                                  */
/***********************************************************************/


#rightBodyContainerOne
{
	float: left;
	width: 634px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	background-image: url(images/bg_1.jpg);
	background-repeat: no-repeat;
}

#homepageTag
{
	float: left;
	width: 584px;
	margin: 0px;
	padding: 22px 0px 10px 30px;
}

#homepageTag h1
{
	font-size: 47px;
	line-height: 47px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	letter-spacing: -1px;
	font-weight: normal;
	text-transform: none;
}

#homepageTag p
{
	color: #FFF;
	padding: 15px 0px 0px 4px;
	margin: 0px;
	font-size: 10px;
	font-weight: bold;
}

.homeNewscontainer
{
	float: left;
	width: 250px;
	padding: 30px 0px 0px 5px;
	margin: 0px;
}

.homeNews
{
	float: left;
	width: 230px;
	background-color: #FFFFFF;
	background-image: url(images/grad.jpg);
	background-repeat: repeat-x;
	padding: 5px 10px 5px 10px;
	margin: 0px;
}

.homeNewsLink
{
	float: left;
	width: 230px;
	background-color: #FFFFFF;
	padding: 5px 10px 5px 10px;
	margin: 0px;
}

.homeNews h2
{
	font-size: 18px;
	line-height: 19px;
	color: #C5001B;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	font-weight: normal;
	text-transform: uppercase;
}

.homeNewsLink p
{
	color: #000000;
	padding: 0px;
	margin: 0px;
	font-size: 9px;
}

.homeNewsLink p a
{
	font-size: 9px;
	line-height: 10px;
	color: #C5001B;
	margin: 0px;
	padding: 2px;
	font-weight: normal;
	text-transform: uppercase;
	text-align: right;
	display: block;
	text-decoration: none;
}

.homeNewsLink p a:hover
{
	color: #666666;
}

#dualListContainer
{
	float: left;
	width: 300px;
	padding: 30px 0px 0px 35px;
	margin: 0px;
}


.dualList
{
	float: left;
	width: 150px;
	margin: 0px;
	padding: 0px;
}

.dualList p
{
	font-size: 9px;
	line-height: 14px;
	color: #FFF;
	margin: 0px;
	font-weight: normal;
	display: block;
	text-decoration: none;
	padding: 0px 3px 5px 0px;
}

.dualList p a
{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

.dualList p a:hover
{
	color: #FFF;
	font-weight: bold;
	text-decoration: underline;
}


/***********************************************************************/
/* TOP LINKS BODY ELEMENTS                                             */
/***********************************************************************/

#rightBodyContainerTwo
{
	float: left;
	width: 634px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	background-image: url(images/bg_2.jpg);
	background-repeat: no-repeat;
}

#rightBodyContainerTwoInner
{
	float: left;
	width: 426px;
	padding: 25px 40px 0px 45px;
	margin: 0px;
	overflow: hidden;
}

#rightBodyContainerTwoInner ul
{
	padding: 0px;
	margin: 0px 0px 0px 15px;
}

#rightBodyContainerTwoInner li
{
	padding: 0px;
	margin: 0px 0px 3px 0px;
	color: #000000;
}

#rightBodyContainerTwoInner li a
{
	color: #C5001B;
	text-decoration: none;
}

#rightBodyContainerTwoInner li a:hover
{
	color: #666;
	text-decoration: none;
}

ul#dualList2 
{
	padding: 0px;
	margin: 0px 0px 0px 15px;
}

ul#dualList2 li
{
	padding: 0px;
	margin: 0px 0px 3px 0px;
	color: #000000;
	width: 200px;
	float: left;
}

.rightBodyContainerTwoInnerShort
{
	float: left;
	width: 213px;
	padding: 0px;
	margin: 0px;
}


/***********************************************************************/
/* LEFT LINKS BODY ELEMENTS                                            */
/***********************************************************************/

#rightBodyContainerThree
{
	float: left;
	width: 634px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(images/bg_3.jpg);
	background-repeat: no-repeat;
}

#rightBodyContainerThreeInner
{
	float: left;
	width: 549px;
	padding: 25px 40px 0px 45px;
	margin: 0px;
	background-color: #FFFFFF;
}

#rightBodyContainerThreeInnerLong
{
	float: left;
	width: 549px;
	padding: 25px 40px 0px 45px;
	margin: 0px;
	background-color: #FFFFFF;
}

.rightBodyContainerThreeInnerShortest
{
	float: left;
	width: 183px;
	padding: 0px;
	margin: 0px;
}

#rightBodyContainerThreeInner ul
{
	padding: 0px;
	margin: 0px 0px 0px 15px;
}

#rightBodyContainerThreeInner li
{
	padding: 0px;
	margin: 0px 0px 3px 0px;
	color: #000000;
}

#rightBodyContainerThreeInner li a
{
	color: #C5001B;
	text-decoration: none;
}

#rightBodyContainerThreeInner li a:hover
{
	color: #666;
	text-decoration: none;
}

.casestudy
{
	float: left;
	width: 250px;
	border-bottom: solid 1px #C5001B;
	margin: 0px 20px 10px 0px;
	padding: 3px 0px 2px 0px;
}

.casestudyBlank
{
	float: left;
	width: 250px;
	margin: 0px 20px 10px 0px;
	padding: 3px 0px 2px 0px;
}

.blackTop
{
	color: #000000;
	display: block;
	width: 549px;
	letter-spacing: +3px;
}


#rightBodyContainerFour
{
	float: left;
	width: 634px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	background-color: #FFFFFF;
}

#rightBodyContainerFourInner
{
	float: left;
	width: 549px;
	padding: 25px 40px 0px 45px;
	margin: 0px;
}



/***********************************************************************/
/* FORM ELEMENTS                                                       */
/***********************************************************************/


.formContainer
{
	float: left;
	width: 500px;
	padding: 0px;
	margin: 0px;
}

.formContainerShort
{
	float: left;
	width: 426px;
	padding: 0px;
	margin: 0px;
}

.formBoxLeft
{
	float: left;
	width: 103px;
	padding: 4px 10px 0px 0px;
	margin: 0px 0px 4px 0px;
	text-align: right;
	font-weight: bold;
}

.formBoxRight
{
	float: left;
	width: 313px;
	padding: 0px;
	margin: 0px 0px 4px 0px;
	text-align: left;
}



/***********************************************************************/
/* EXTRAS                                                              */
/***********************************************************************/

.screenHide
{
	display: none;
}


.clear
{
	clear: both;
	height: 1px;
	font-size: 1px;
	padding: 0px;
	margin: 0px;
}

.right
{
	text-align: right;
}

.back
{
	float: left;
	display: block;
	width: 274px;
}

.back2
{
	float: left;
	display: block;
	width: 264px;
	padding-left: 10px;
}

.next
{
	float: left;
	display: block;
	width: 274px;
	text-align: right;
}


.backShort
{
	float: left;
	display: block;
	width: 212px;
}

.nextShort
{
	float: left;
	display: block;
	width: 212px;
	text-align: right;
}

img
{
	border: 0px;
}

.imageLeft
{
	float: left;
	display: block;
	padding: 0px 5px 0px 0px;
}

.imageRight
{
	float: right;
	display: block;
	padding: 0px 5px 0px 0px;
}

.imageRight2
{
	float: right;
	display: block;
	padding: 10px 5px 0px 0px;
}

/***********************************************************************/
/* SCROLLING                                                           */
/***********************************************************************/

.scrollingPane
{
	float: left;
	width: 500px;
	margin: 0px;
	padding: 0px;
	overflow: auto;
	height: 210px;
}


/***********************************************************************/
/* COLOURS                                                             */
/***********************************************************************/

.black
{
	color: #000000;
}

.red
{
	color: #C5001B;
}


/***********************************************************************/
/* basic xhtml formatting                                              */
/***********************************************************************/


p
{
	color: #000000;
	padding: 0px 0px 10px 0px;
	margin: 0px;
	font-size: 9px;
	display: block;
}

p a
{
	font-size: 9px;
	color: #C5001B;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	text-decoration: none;
}

p a:hover
{
	color: #666666;
}

h1
{
	color: #C5001B;
	padding: 0px 0px 10px 0px;
	margin: 0px;
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase;
}

h2
{
	color: #C5001B;
	padding: 0px 0px 10px 0px;
	margin: 0px;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
}

select {
	font-size: 9px;
}

input {
	font-size: 9px;
}