/* Layout CSS.
This section defines boxes for a simple 2-column CSS layout - a left nav box, and a main content box.
This is a fixed design .
*/

.container
{
    /* This fixes the width and places the content in the centre of the browser window.
	All page content is contained with this div. */
	position: relative; /* to the browser window */  
	width: 922px; /*A set width */ 
	min-height: 700px; 
	padding: 0px;
	margin: 0px auto 0px auto; /*  right and left margins are auto*/ 

	/* Hack to stop container collapsing. */
	border: 0px;

	/* Places header image at the top of the content page. */
	
	/* Matches the background colour of the header image. */
	background-color: #FFFFFF;
}

.leftcolumn
{
    /*Basic positioning of the menu bar.
	Moves the menu to the upper left.*/
	position: absolute;
	width: 203px;
	top: 201px;
	

}

/*As well as the nav bar along the top, there are two nav bars in the left hand column: services (and serviceslist) and industries (and industrieslist). */ 

.services  /* Holds the title of the services list  */ 
{
   
	position: relative;
	width: 191px;
	height: 26px;
	background-color: #5b7584;
	font: 1.0em arial, verdana, helvetica, sans-serif;
	font-style:bold;
    color: #FFFFFF;
    
    padding: 8px 0px 0px 12px;
}

.serviceslist /* The links comprising the services nav bar*/ 
{
    
	position: relative;
	margin:2px 0px 5px 0px;
	width: 191px;
	height:150px;
	background-color: #f3f4f4;
	font: 1.0em arial, verdana, helvetica, sans-serif;
    color: #5b7584;
    padding: 8px 0px 0px 12px;
    line-height: 1.8em;
}

.industries /* Holds the title of the industries list  */ 
{
   	position: relative;
	margin:2px 0px 0px 0px;
	width: 191px;
	height: 26px;
	background-color: #459a87;
	font: 1.0em arial, verdana, helvetica, sans-serif;
	font-style:bold;
    color: #FFFFFF;
    
    padding: 8px 0px 0px 12px;
}

.industrieslist /* The links comprising the industries nav bar*/ 
{
   
	position: relative;
	margin:2px 0px 0px 0px;
	width: 191px;
	height:203px;
	background-color: #f3f4f4;
	font: 1.0em arial, verdana, helvetica, sans-serif;
    color: #459a87;
    padding: 8px 0px 0px 12px;
    line-height: 1.8em;
}

.footer /* Holds the footer image */ 
{
   position: relative;
   margin-right: 0px;
}


.banner /* Banner along the top of the page: holds logo, quote and chess picture */ 
{
    position: relative;
	height: 157px;
	top: 0px;
	left: 0px;
	background-image: url(../images/banner.gif); /* All 3 images in the one image*/ 
	background-repeat: no-repeat;
	margin-right: 0px;
}

.navbar
{
    position: relative; /*Holds the entire lefthand column */ 
	width: 922px;
	height: 40px;
	top: 0px;
	left: 0px;
}

.content /* The entire content below the banner, and right of the lefthand nav bar */ 
{
    margin: 4px 0px 20px 210px;
	position: relative;
	background-color: #FFFFFF;
	color: #29404d;
	width: 711px;
	min-height: 425px;
	font: 1.0em arial, verdana, helvetica, sans-serif;
   
}

.fillerbox /* Problems with IE compatibility - this stops content box collapsing */ 
{
    position:relative;
	height: 328px;
	width: 711px;
	margin-right: 0px;
}

.fillerboxnews /* Problems with IE compatibility - this stops content box collapsing */ 
{
    position:relative;
	height: 253px;
	width: 711px;
	margin-right: 0px;
}

.fillerboxcareers /* Problems with IE compatibility - this stops content box collapsing */ 
{
    position:relative;
	height: 258px;
	width: 712px;
	margin-right: 0px;
}