BODY, H1, H2, H3, P, TH, TD, DIV, TEXTAREA, INPUT, SELECT {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
BODY, H1, H2, H3, P, TH, TD, DIV {
	padding: 0;
	margin: 0;
}
body {
	font-size : 63%;
	color: #858F98;
	background: #F6F8FB url(../graphics/bg.png) repeat-x 0 -90px;
}
img { 
	border: none;
	vertical-align: top;
}
.floatFix:after, .images:after {
	content: ".";
    height: 0px;
    clear: both;
    visibility: hidden;
    display: block;
}
p {
	padding: 0 0 6px 0;
	line-height: 1.6em;
	text-align: justify;
}
#main_wrap {
  	width: 754px;
  	margin: 20px auto 0 auto;
  	border: 1px solid #DEDEDE;
  	padding: 0 13px 0 13px;
  	background: #FFFFFF;
} 
#head_wrap {
	padding: 22px 0 4px 0;
}
#topImg {position: relative;}
#topImg, #topImg DIV {
	background-repeat: no-repeat;
	background-position: bottom;
	height: 181px;
	width: 754px;
}
#topImg IMG {
	margin: 107px 0 0 13px;
}
#topImg DIV {
	position: absolute;
	top: 0;
	left: 0;
}
.js #topImg DIV {background-color: #FFF;}
#topImg DIV DIV {
	display: none;
	background-color: none;
	position: static;
}
.js #topImg DIV DIV {
	display: block;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
#logo {
 	float: left;
	margin: 0;
	width: 172px;
}
#content {
	margin: 20px 0 0 0;
	padding: 0 0 40px 0;
}
#content.content_wrapper {
	background: url(../images/content-trim.gif) left repeat-y;
}
#content.content_wrapper_inside {
	background: url(../images/content-trim-inside.gif) left repeat-y;
}
#content.contact_wrapper {
	background: url(../images/contact-trim.gif) left repeat-y;
}
#content_left {
  	float: left;
 	width: 506px;
 	padding: 0 14px 0 10px;
	border-right: 1px solid #D9D9D9;
}
#content_right {
  	float: right;
 	width: 200px;
 	padding: 0 10px 0 0;
}
#content_right H3 {padding: 8px 0; font-size: 110%;}
#content_right H3 IMG {
	float: right;
	margin: 0 0 0 8px;
	border: 1px solid #D9D9D9;
}
#content_right P IMG {
	float: right;
	margin: 0 0 3px 5px;
}
P.line {border-bottom: 1px solid #D9D9D9;}
#content_new_left {
  	float: left;
 	width: 187px;
 	padding: 0 0 0 13px;
}
#content_new_left UL {list-style: none; margin: 0; padding: 0;}
#content_new_left UL UL {padding-left: 15px;}
#content_new_right {
  	float: right;
 	width: 506px;
 	padding: 0 13px 0 23px;
	border-left: 1px solid #D9D9D9;
}
#content_left_inside {
  	float: left;
 	width: 182px;
 	padding: 0 13px 0 13px;
 	margin: 5px 0 10px 0;
}
#content_right_inside {
  	float: right;
 	width: 506px;
 	padding: 0 13px 0 13px;
}
#contact_left {
  	float: left;
 	width: 466px;
 	padding: 0 23px 0 13px;
	border-right: 1px solid #D9D9D9;
}
#contact_right {
  	float: right;
 	width: 222px;
 	padding: 0 13px 0 13px;
}
#bottomNav {
	list-style: none;
	clear: both;
	line-height: 1em;
  	margin: 0 13px 15px 13px;
	padding: 0;
}
#bottomNav LI {
	float: left;
	border-right: 1px solid #858F98;
	padding: 0 6px 0 0;
	margin: 0 6px 0 0;
	text-transform: uppercase;
}
#bottomNav LI:last-child {
	border-right: 0;
	padding-right: 0;
	margin-right: 0;
}
#bottomNav LI A {text-decoration: none;}
#bottom_nav {
  	margin: 25px 13px 15px 13px;
  	font-size: 90%;
}
#foot_wrap {
  	width: 782px;
	margin: 0 auto 0 auto;
	padding: 7px 0 30px 0;
}
#foot_left {
  	float: left;
  	width: 480px;
}
#foot_right {
	float: right;
	width: 240px;
	text-align: right;
}
.why {
	margin-top:15px;
}
/* HOME LINKS #########################################*/
#homeLinks {margin-right: -18px; margin-bottom: 13px;}
#homeLinks A {
	min-height: 0;
	display: inline;
	display: -moz-inline-stack;
	display: inline-block;
	width: 246px;
	margin: 13px 14px 6px 0;
	text-decoration: none;
	padding: 0;
	border: 0;
	background: #E7EDF3;
}
#homeLinks A H2 {
	background: #004188 url(../graphics/home.jpg) no-repeat 0 bottom;
	color: #FFF;
	padding: 7px 10px 92px 10px;
}
#homeLinks A.products H2 {background-position: -246px bottom;}
#homeLinks A.portfolio H2 {background-position: -492px bottom;}
#homeLinks A.contact H2 {background-position: -738px bottom;}
#homeLinks P {padding: 7px 10px;}
#homeLinks A:hover P {text-decoration: underline;}
.address_wrap {
	padding: 0 0 10px 0;
}
#links_wrap {
	padding: 8px 0 19px 0;
}
.last {
  	margin: 0;
}
#links-left {
	width: 243px;
	float: left;
}
#links-right {
	width: 243px;
	float: right;
}
.address_left {
	width: 220px;
	float: left;
}
.address_right {
	width: 220px;
	float: right;
}
.address2_left {
	width: 140px;
	float: left;
}
.address2_right {
	width: 300px;
	float: right;
}
/*//////////////////////  H TAGS  //////////////////////*/
H1 {
	font-family: eurostile, verdana, Arial, Helvetica, sans-serif;
	color: #004188;
	margin: 0 0 8px 0;
	font-size: 230%;
	letter-spacing: -1.2px;
}
.js H1 {
	font-size: 265%;
	font-stretch: semi-expanded;
	visibility: hidden;
}
H2 {font-size: 130%;}
H2.swf {
	font-family: "Eurostile condensed", verdana;
	font-size: 180%;
	color: #004188;
	background: url(../graphics/bg.png) no-repeat right 10px;
	border-bottom: 1px solid #D9D9D9;
	margin: 5px 0 10px 0;
	padding: 0 0 3px 0;
}
.js H2.swf {
	visibility: hidden;
}
h3 {
	font-size: 115%;
	color: #004188;
	margin: 6px 0 6px 0;
	padding: 0;
}
h4 {
	font-size: 130%;
	color: #004188;
	margin: 6px 0 10px 0;
	padding: 0;
}
h5 {
	font-size: 100%;
	color: #004188;
	line-height: 1.6em;
	padding: 6px 0 0 0;
	margin: 0;
}
h6 {
	font-size: 100%;
	color: #004188;
	line-height: 1.6em;
	padding: 12px 0 0 0;
	margin: 0;
}
/*//////////////////////  TEXT  //////////////////////*/
.black {color: #000000;}
.blue {
	color: #004188;
	font-weight: bold;
}
ul {
	padding-left: 15px;
	padding-bottom: 3px;
}
li {
	padding-bottom: 3px;
	line-height: 1.6em;
}
/*//////////////////////  LINKS  //////////////////////*/
a:link {color: #004188;}
a:visited {color: #004188;}
a:hover {color: #000000;}
a:active {color: #000000;}
#foot_wrap a {
	text-decoration: none;
}
.links {
	list-style: none;
}
ul.links li {
	padding: 0 0 6px 0;
}
ul.links {
	padding: 0;
}
a.linkon {
	color: #000000;
}
/*//////////////////////  MAIN NAVIGATION  //////////////////////*/
#nav {
 	background: #C2C9CF;
 	color: #FFF;
 	list-style: none;
	margin: 3px 0 0 0;
	padding: 0;
}
#nav li {
 	float: left;
 	padding: 0;
 	margin: 0;
}
#nav li a {
	display: block;
	margin: 7px 0;
	padding: 0 0 0 21px;
	color: #FFFFFF;
	font-size : 114%;
	text-decoration: none;
	background: url(../graphics/bg.png) no-repeat 11px -25px;
}
#nav li a:hover, #nav li a.on:link, #nav li a.on:visited, #nav li a.on:hover, #nav li a.on:active { 
	color: #004188; 
	background: url(../graphics/bg.png) no-repeat 11px -55px;
}

/* PAGE CONTROLS ##############################*/
.pageControls {
	font-size: 110%;
	color: #004188;
	line-height: 1.6em;
	padding: 18px 0 0 0;
}
.pageControls A, DIV.on {
	float: left;
}
.pageControls A:LINK, .pageControls A:VISITED, .pageControls A:ACTIVE {
	background-color: transparent;
	border: none;
	padding: 2px;
	font-weight: bold;
}
.pageControls A:HOVER, .pageControls DIV.on {
	padding: 2px;
	color: #000;
	font-weight: bold;
}
.pageControls DIV.on {
	color: #004188;
	font-weight: bold;
}
.pageControls DIV.end {
	padding: 3px 0px;
	color: #004188;
	font-weight: bold;
}
/*//////////////////////  IMAGES  //////////////////////*/
.office {
 	margin: 8px 0 6px 0;
}
.accred {
 	margin: 20px 0 6px 0;
}
.office_people {
 	margin: 10px 0 16px 0;
}
.profile {
 	float: left;
 	padding: 5px 20px 7px 0;
}
.profile2 {
 	float: right;
 	padding: 5px 0 7px 20px;
}
/*//////////////////////  FORMS  //////////////////////*/
form#contact ol {
	padding-left: 0;
	padding-bottom: 3px;
}
form#contact fieldset {
	padding:0 0 10px 0;
	width:222px;
	float: left;
}
form#contact ol li {
	margin:0 0 10px 0;
	list-style:none;
}
form#contact label {
	color:#004188;
	width:200px;
	display:block;
	float:left;
	margin-bottom: 5px;
}
form#contact textarea {
	border:1px solid #cccccc;
	color:#858F98;
	font-size:100%;
	padding:3px;
	width:200px;
	height:156px;
}
form#contact input {
	border:1px solid #cccccc;
	color:#858F98;
	font-size:100%;
	padding:3px;
}
/* target specific input elements */
form#contact input.text {width:200px;}
form#contact input.button {
	border: 0;
	background:#004188;
	padding:2px 10px;
	color:#FFFFFF;
}
/* focus highlight div when active*/
form#contact input:focus { border:1px solid #004188;}
form#contact textarea:focus {border:1px solid #004188;}
/* FRAMEWORK MESSAGES ###########################*/
#msg {
	background-color: #FFFCD9;
	border: 1px solid #AAA;
	padding: 5px 5px 5px 26px;
	margin: 15px 0 0 0;
	background-repeat: no-repeat;
	background-position: 5px 5px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}
#msg.tick {background-image: url(../graphics/contented/tick.png);}
#msg.error {background-image: url(../graphics/contented/error.png);}
/* PEOPLE ####################################*/
#people A {
	display: block;
	float: left;
	width: 100px;
	text-decoration: none;
	text-align: center;
	margin-bottom: 10px;
}
#people A IMG {
	margin: 0 0 5px 0;
	clear: both;
}
#people A SPAN {
	text-decoration: underline;
}
#training DIV {
	padding: 0 0 10px 0;
}
/*IMAGE SLIDE SHOW ##################################*/
#imgWrap {
	display: block;
	height:134px;
	position: relative;
}
#imgWrap IMG {
	background: #FFF;
}
.slideShow {
	background-position: left top;
	background-repeat: no-repeat;
}
.slideShow img {
	display: none;
	opacity: 0;
}
#imgWrap.floatLeft {
 	float: left;
 	margin: 5px 20px 7px 0;
 }
 /* IMAGE STYLES ###################################*/
#content.mceContentBody {background: #FFF; padding: 20px 20px 10px 20px; margin: 0;}
.left {text-align: left;}
.centre {text-align: center;}
.right {text-align: right;}
IMG.left, IMG[style="float: left;"], .images IMG {float: left; margin: 3px 10px 5px 0;}
IMG.left.last, IMG[style="float: left;"].last {margin-right: 0;}
IMG.right, IMG[style="float: right;"] {float: right; margin: 3px 0 5px 10px;}
.images {
	margin-right: -10px;
}
/* ADMIN ###########################################*/
IMG {
	vertical-align: top;
	border: 0;
	padding: 0;
	margin: 0;
}
IMG.floatLeft {
	border: 1px solid #000;
	margin: 0 10px 5px 0;
}
IMG.floatRight {
	border: 1px solid #000;
	margin: 0 0 5px 10px;
}
/* TABLES ##############################*/
TABLE, TR, TD, TH {
	padding: 0;
	border: 0;
	margin: 0;
	border-collapse: collapse;
	border-spacing: 0;
	text-align: left;
}
TABLE {
	width: 100%;
	margin-top: 15px;
	font-size: 100%;
}
TH {
	background-color: #000;
	color: #FFF;
	background: #004289 url(../graphics/contented/nav-back.png) repeat-x top center;
}
TH IMG {
	margin-left: 3px;
	vertical-align: middle;
}
TH A:LINK, TH A:VISITED, TH A:ACTIVE, TH A:HOVER {
	color: #FFF;
	white-space: nowrap;
}
TD, TH {
	padding: 5px;
}
TD {
	border-bottom: 1px dotted #4B7E76;
}
TD H3 {font-size: 110%;}
TD H3, TD P {
	padding: 0;
	margin: 0;
}
TD IMG.floatLeft {
	margin: 10px;
}
TD.order {
	text-align: center;
	width: 5%;
}
TD.order IMG {
	padding: 0 3px;
}
TD.first {
	padding-left: 26px;
	background: url(../graphics/house.png) no-repeat 5px 50%;
}
TD H3 IMG {
	border: 1px dotted #4B7E76;
	float: left;
	margin-right: 5px;
}
/* FORMS ##############################*/
FORM {
	margin: 0;
	padding: 0;
	display: inline;
}
LABEL SPAN { text-decoration: underline; }
TEXTAREA, SELECT, INPUT { font-size: 100%; }
INPUT { overflow: visible; }
INPUT.long { width: 80%; }
INPUT.med { width: 50%; }
INPUT.short { width: 30%; }
INPUT.submit {width: auto; font-weight: bold;}
INPUT.checkbox { width: auto; border: 0; }
SELECT.multi { height: 250px; }
OPTGROUP { font-style: normal; }
OPTGROUP OPTION { padding: 0; }
TEXTAREA { width: 95%; height: 150px; }
LABEL { font-weight: bold; }
FIELDSET {border: 0;}
FIELDSET DIV {float: left; width: 33%;}
FIELDSET DIV INPUT {vertical-align: middle; margin-right: 5px; width: auto; border: 0; padding: 0;}
/* FORMS LAYOUT ##################################### */
FORM.edit {
	display: block;
	clear: both;
	padding-top: 15px;
}
/* LABELS ########################################### */
.edit LABEL, .editThin LABEL {
	display: block;
	float: left;
	clear: left;
	cursor: help;
}
.edit LABEL {
	width: 20%;
	margin: 3px 1% 3px 0;
	text-align: right;
}
.editThin LABEL {
	padding: 3px 5px 3px 0;
}
/* CONTROLS ########################################### */
.editThin INPUT, .editThin TEXTAREA {
	width: 97%;
	clear: both;
}
.edit INPUT, .editThin INPUT {padding: 2px 5px;}
.edit INPUT, .edit TEXTAREA, .edit SELECT {float: left;}
.edit INPUT, .edit TEXTAREA {width: 74%;}
.edit TEXTAREA, .editThin TEXTAREA {padding: 3px 0 3px 5px;}
.edit INPUT.checkbox, .editThin INPUT.checkbox {
	width: auto;
	border: 0;
	padding: 0;
	margin: 3px 0 0 5px;
}
.edit FIELDSET {float: left; width: 70%;}
.edit FIELDSET DIV INPUT, .editThin FIELDSET DIV INPUT {vertical-align: middle; margin: 0 5px 0 0; width: auto; border: 0; padding: 0;}
.edit INPUT.med {width: 50%;}
.edit INPUT.short {width: 30%;}
.edit INPUT.submit {width: 40%;}
.edit TEXTAREA.wysiwyg, .editThin TEXTAREA.wysiwyg {height: 400px;}
.editThin SELECT {width: 100%}
.edit SELECT.multi {height: 100px;}
.edit OPTGROUP, .editThin OPTGROUP {
	padding: 5px 0 5px 26px;
	border-top: 1px solid #000;
	background: url(../graphics/icons/record.png) no-repeat 5px 5px;
}
.edit OPTION, .editThin OPTION {
	padding: 3px;
}
/* OTHER FORM COMPONENTS ############################## */
.edit DIV, .editThin DIV {
	padding: 3px 0;
	position: relative;
}
.edit SPAN, .editThin SPAN {
	color: #FF0000;
	display: block;
	float: left;
	clear: right;
	padding-left: 5px;
}
.edit SPAN.mceEditor {padding: 0;}
.edit .label {padding: 0 0 0 22%;}
.edit P {
	margin-left: 21%;
	clear: both;
	padding: 5px 0 0 0;
	font-weight: bold;
}
.editThin .datetime, .editThin .img {
	clear: both;
}
.editThin .delete {
	padding-top: 5px;
	clear: both;
}
.editThin .img INPUT.checkbox {
	margin: 0 3px 0 0;
}
.edit .datetime SELECT, .editThin .datetime SELECT {
	width: auto;
	float: none;
}
.editThin DIV.error {
	color: #FF0000;
}
.editThin DIV.error IMG {
	vertical-align: middle;
	margin-right: 5px;
}
.editThin P {
	clear: both;
	padding-top: 5px;
}
.edit DIV.floatFix DIV {
	float: left;
}
.edit DIV DIV INPUT.checkbox {
	margin: 2px 8px 0 0;
}
/* FILES ############################################# */
A.file:LINK, A.file:VISITED, A.file:ACTIVE, A.file:HOVER, .file {
	display: block;
	float: left;
	clear: left;
	min-height: 6px;
	padding: 5px 0 5px 21px;
	background: url(../graphics/contented/filetypes/file.gif) no-repeat left 60%;
}
A.doc:LINK, A.doc:VISITED, A.doc:ACTIVE, A.doc:HOVER, .doc {background: url(../graphics/contented/filetypes/doc.gif) no-repeat left 60%;}
A.eml:LINK, A.eml:VISITED, A.eml:ACTIVE, A.eml:HOVER, .eml {background: url(../graphics/contented/filetypes/eml.gif) no-repeat left 60%;}
A.gif:LINK, A.gif:VISITED, A.gif:ACTIVE, A.gif:HOVER, .gif {background: url(../graphics/contented/filetypes/gif.gif) no-repeat left 60%;}
A.html:LINK, A.html:VISITED, A.html:ACTIVE, A.html:HOVER, .html {background: url(../graphics/contented/filetypes/html.gif) no-repeat left 60%;}
A.jpg:LINK, A.jpg:VISITED, A.jpg:ACTIVE, A.jpg:HOVER, .jpg {background: url(../graphics/contented/filetypes/jpg.gif) no-repeat left 60%;}
A.png:LINK, A.png:VISITED, A.png:ACTIVE, A.png:HOVER, .png {background: url(../graphics/contented/filetypes/png.gif) no-repeat left 60%;}
A.ppt:LINK, A.ppt:VISITED, A.ppt:ACTIVE, A.ppt:HOVER, .ppt {background: url(../graphics/contented/filetypes/ppt.gif) no-repeat left 60%;}
A.pdf:LINK, A.pdf:VISITED, A.pdf:ACTIVE, A.pdf:HOVER, .pdf {background: url(../graphics/contented/filetypes/pdf.gif) no-repeat left 60%;}
A.mp3:LINK, A.mp3:VISITED, A.mp3:ACTIVE, A.mp3:HOVER, .mp3 {background: url(../graphics/contented/filetypes/mp3.gif) no-repeat left 60%;}
A.xls:LINK, A.xls:VISITED, A.xls:ACTIVE, A.xls:HOVER, .xls {background: url(../graphics/contented/filetypes/xls.gif) no-repeat left 60%;}
A.zip:LINK, A.zip:VISITED, A.zip:ACTIVE, A.zip:HOVER, .zip {background: url(../graphics/contented/filetypes/zip.gif) no-repeat left 60%;}
A.mov:LINK, A.mov:VISITED, A.mov:ACTIVE, A.mov:HOVER, .mov {background: url(../graphics/contented/filetypes/mov.gif) no-repeat left 60%;}
A.rm:LINK, A.rm:VISITED, A.rm:ACTIVE, A.rm:HOVER, .rm {background: url(../graphics/contented/filetypes/rm.gif) no-repeat left 60%;}
A.wma:LINK, A.wma:VISITED, A.wma:ACTIVE, A.wma:HOVER, .wma, A.wmv:LINK, A.wmv:VISITED, A.wmv:ACTIVE, A.wmv:HOVER, .wmv {background: url(../graphics/contented/filetypes/wma.gif) no-repeat left 60%;}