/*===========================================================================================*
 * SITE SPECIFIC FAC STYLES                                                                  *
 * Applies Fonts, colours and general formatting styles to the web page. No layout!          *
 * Optix Solutions Ltd / Tom Harman 2005                                                     *
 *===========================================================================================*/


/* =FONTS ************************************************************************************/ 

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, abbr, input, select, textarea, table, td, th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body {
	font-size: 80%;
	color: #333;
}

/* =COLOURS **********************************************************************************/

body, a {
	color: #000;
}

body {
	background: #007CB2;
}

#nav-global div, #nav-global div a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
}

a {
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

a:hover, #nav-global div a:hover {
	color: #007CB2;
}

#who a {
	font-weight: normal;
}

#contact a #contact ul{
	display: list-item;
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

#contact li {
	list-style-image: url(../i/bullet.gif);
	margin: 0px 0px 8px 0px;
}

h1, #index h1, #index a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 180%;
	color: #333;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

h2, h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

h2 {
	border-bottom: 1px solid #d7d7d7;
}


#content p, #content td, #content tr, #content table {
	text-align: justify;
	vertical-align: top;
	/*margin-bottom: 12px;*/
}

/* =FORMS *************************************************************************************/

form 														{ width: 100% }
input, textarea  	{ width: 80% }
textarea													{ height: 100px }
label, div.fm-multi label 							{ width: 46% }
div.padOut 												{ margin-left: 50.5% }

/* button colours */	

#fm-submit input {
	border: 1px solid #666;
	padding: 2px 1em;
	background: #BD9A3A;
	color: #fff;
	width: auto;
	font-weight: bold;
}

input, textarea, select {
	color: #555;
}

/* =GENERIC OUTPUT CLASSES ********************************************************************/

.error 		{ }

.notice		{ }

.message 	{ }

/* =CONTENT ***********************************************************************************/

#content {
	
}

#content ul {
	list-style-type: disc;
	list-style-position: inside;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}

h1.index1 {
	text-align: center;

}

h1.index2 {
		font-size: 140%;
		padding-top: 3px;
	padding-left: 70px;
	background: url(../i/layout/header-bullet.gif) 35px 5px no-repeat;
	
}

h1.index2 a {
	color: #333;
}


div.columnLeft h1.index2 a:hover {
	text-decoration: none;
	color: #017CB1;
}

h1.main-header {
	padding-left: 50px;
	background: url(../i/layout/header-bullet.gif) 15px 5px no-repeat;
	/*color: #017CB1;*/
	color: #017CB1;
}

/** html h1.main-header {
	padding-left: 50px;
}*/

h1.main-header span {
	color: #8EBAD5;
	/*color: #ACCCDF;*/
}

h1 {
	margin: .7em auto;
}

h1.main-header-2 {
	color: #017CB1;
	padding-left: 100px;
	margin-bottom: 40px;
}

h1.main-header-2 span {
/*	color: #aaa;*/
	color: #8EBAD5;
}

.index h1.main-header span {
	color: #017CB1;
}

.index h1.main-header {
	color: #8EBAD5;
}


/* =H1 IMAGE REPLACEMENT **********************************************************************/
/* must reference replace! make sure calling class using class="replace content" */

#content-container h1 {
	padding: 28px 0 0 0;
	height /**/:28px;
}

#h1-home 					{ background-image: url(../i/layout/h1-welcome.gif) }

/* =NAV IMAGE REPLACEMENT **********************************************************************/

.nav-replace {
	padding-top: 15px;
}

.nav-replace li {
	padding-bottom: 4px;
}

.nav-replace li a {
	padding: 21px 0 0 0;
	height /**/:21px;
}

#nav-home a 				{ background-image: url(../i/layout/nav-home.gif) }
#nav-home a:hover 		{ background-image: url(../i/layout/nav-home-f2.gif) }


td.default					{ padding:0; margin: 0; }
#who td.default h3				{ padding:0; margin: 0; text-align: left;}

div#columnCentral {
	margin-left: 250px;
}

	div#who {
		width: 100%;
		padding: auto 20px;
		margin: 0 auto;
	}
	
	div#who table {
		text-align: center; 
		margin: 0 auto;
	}
	
	div#content p {
		padding: 0 20px;
		margin: .2em 20px 1em;
	}
	
	div#content div#who p {
		padding: 0 0px;
	}
	
	div#content div#who td {
		padding: 0 0 0 5px;
	}
	
	div#content h3 {
		padding: 0 20px;
		margin: 1em 20px;
	}
	
	div#content ul.fileList li {
		margin-bottom: .8em;
	}
	
	ul.fileList	li {
		list-style: none;
		margin-left: 65px;
	}
	
	/*#content img {
		float: right;
		padding: .2em;
	}*/
	
dl, dd, dt {
	margin:0;
	padding: 0;
}

#sitemap ul {
	list-style-position: inside;
	margin-left: 40px;
}

#contactDetails {
	font-family: Helvetica, sans-serif;
	margin: 25px 0 0 50px;
}

#contactDetails h1 {
	font-family: Helvetica, sans-serif;
	font-size: 110%;
	text-transform: uppercase;
	text-decoration: underline;
}

#contactDetails h2 {
	font-family: Helvetica, sans-serif;
	font-size: 120%;
	border: 0;
	margin: .5em 0;
	/*padding: 0 .5em 0 1.8em;
	background: url(../i/layout/header-bullet.gif) no-repeat;*/
}

.careers #main #content ul {
	/*list-style: none;*/
/*	margin-left: 2em;*/
padding-left: 4em;
	text-indent: .5em;
	list-style: square;
}

* html .careers #main #content ul {
	padding-left: 2em;
}