html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {margin: 0; padding: 0; border: 0; outline: 0; background: transparent;}

ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup 
table {border-collapse: collapse; border-spacing: 0;}
table, caption, tbody, tfoot, thead, tr, th, td
*/


/* =General
-----------------------------------------------------------------------------*/
html {background-color:#EBEBEB;}

a:link, a:visited {color:#959595; text-decoration:none; font-weight:bold;} 
a:hover {color: #0D4D7C; text-decoration:underline; font-weight:bold;} 

body {background:url(images/bkgtile.gif) repeat-x top left;}


/* =Typography
-----------------------------------------------------------------------------*/
p {font-family: Arial, Helvetica, sans-serif;}


h1, h2, h3, h4, h5{font-family: Arial, Helvetica, sans-serif;}


/* =Wrappers
-----------------------------------------------------------------------------*/
#pageWrapper {margin:0 auto; width:960px; min-height:100%;}


/* header menu - top navigation
-----------------------------------------------------------------------------*/
#headerBox {margin:0 auto; width:960px; height:36px; position:relative; background:url(images/navtopbkg.gif) no-repeat top left;}
#headerNav {width:500px; height:80px; position:absolute; top:18px; right:60px;}

#headerNav ul {
	font-size: .75em; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #959595;
	list-style: none;
	margin:0; padding:0;		
}
#headerNav li {
	display: inline;
	text-transform:uppercase;
}
#headerNav li a {
	float: left;
	padding: 0 0 0 20px;	
	color: #959595;
	text-decoration: none;
}
#headerNav li a:hover {
	color: #0D4D7C;
	text-decoration: none;
}

/* =Logo area
-----------------------------------------------------------------------------*/
#logoBox {width:302px; height:122px; position:relative; background:url(images/logo.gif) no-repeat top left; float:left;}

#logo  ul {margin:0; padding:0; list-style:none;}
#logo a {position:absolute; width:302px; height:122px; text-indent:-1000em}
#logo .logolink a {width:270px; height:122px; top:0px; left:30px;}


/* =Main Navigation Bar
-----------------------------------------------------------------------------*/
#navbarBox {width:658px; height:122px; position:relative; background:url(images/navbarbkg.gif) no-repeat top left; float:right;}

#navbarMain {width:658px; height:38px; text-indent:-9999px; position:absolute; top:59px; right:0px;}
#navbarMain ul li {float:left;}
#navbarMain ul li a.menulink {display:block; height:38px;}


a#capabilities {width:121px; background:url(images/navbar.gif) no-repeat 0px 0;} 
a#expertise {width:96px; background:url(images/navbar.gif) no-repeat -121px 0;}
a#process {width:187px; background:url(images/navbar.gif) no-repeat -217px 0;}
a#applications {width:123px; background:url(images/navbar.gif) no-repeat -404px 0;}
a#industries {width:131px; background:url(images/navbar.gif) no-repeat -527px 0;}

a#capabilities:hover {width:121px; background:url(images/navbar.gif) no-repeat 0px -38px;}
a#expertise:hover {width:96px; background:url(images/navbar.gif) no-repeat -121px -38px;}
a#process:hover {width:187px; background:url(images/navbar.gif) no-repeat -217px -38px;}
a#applications:hover {width:123px; background:url(images/navbar.gif) no-repeat -404px -38px;}
a#industries:hover {width:131px; background:url(images/navbar.gif) no-repeat -527px -38px;}


#taglineBox {margin:0 auto; width:960px; height:40px; position:relative; background:url(images/tagline.gif) no-repeat top left;}

#backstage {width:208px; height:44px; position:relative; top:4px; left:220px; text-indent:-9999em; margin-top:-40px;}
#backstage ul li{float:right; list-style:none;}
#backstage ul li a {display:block; height:44px;}

a#backstagebtn {width:208px; background:url(images/backstage02.gif) no-repeat 0px 0;}
a#backstagebtn:hover {width:208px; background:url(images/backstage02.gif) no-repeat 0px -44px;}


/* =page content
------------------------------------------------------------------------------*/
#imageBanner{margin:0 auto; width:960px; height:200px; background:url(images/imagebox.jpg) no-repeat top left;}

#contentBox{margin:0 auto; width:960px; overflow:auto; background:url(images/contentbkg.gif) repeat-y top left; text-align:left;}

#contentMain{width:960px; height:100%; float:left; text-align:left;}

#contentLeft{width:480px; height:100%; padding:0 0 0 0; margin:0 0 0 0px; float:left; text-align:left;}
#contentLeft2{width:580px; height:100%; padding:0 0 0 0; margin:0 0 0 0px; float:left; text-align:left;}
#contentLeft3{width:620px; height:100%; padding:0 0 0 0; margin:0 0 0 0px; float:left; text-align:left;}

#contentRight{width:420px; height:100%; padding:0 0 0 0; margin:0 0 0 20px; float:left; text-align:left;}
#contentRight2{width:320px; height:100%; padding:0 0 0 0; margin:0 0 0 0px; float:left; text-align:left;}
#contentRight3{width:280px; height:100%; padding:0 0 0 0; margin:-30px 0 0 0px; float:left; text-align:left;}

#flashContent {padding:0px 0px 0px 40px;}

/* =page content main
------------------------------------------------------------------------------*/
#contentMain h1 {
	font-size: 1.2em;
	font-weight: bold;
	color: #0D4D7C;
	padding: 10px 0px 0px 40px;
	margin: 0 0 10px 0px;
}

#contentMain h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #959595;
	padding: 10px 0px 0px 40px;
	margin: 0px 0 10px 0px;
}

#contentMain h3 {
	font-size: 1.0em;
	font-weight: bold;
	color: #959595;
	padding: 10px 0px 0px 40px;
	margin: 0px 0 10px 0px;
}

#contentMain h4 {
	font-size: 1.0em;
	font-weight: bold;
	color: #0D4D7C;
	padding: 10px 0px 0px 40px;
	margin: 10px 0 10px 0px;
}

#contentMain p {
	font-size: .80em;
	line-height:19px;
	text-align:left;
	color: #000;
	padding: 10px 20px 0 40px;
	margin: 10px 0 20px 0;
}

#contentMain ul {
	list-style:square;
	color:#731E85; 
	margin:0 0 20px 40px
}

#contentMain li{
	font-size: 1.0em;
	font-weight:bold;
	line-height:36px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}


/* =page content left
------------------------------------------------------------------------------*/
#contentLeft h1 {
	font-size: 1.2em;
	font-weight: bold;
	color: #0D4D7C;
	padding: 10px 0px 0px 40px;
	margin: 0px 0 10px 0px;
}

#contentLeft h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #959595;
	padding: 10px 0px 0px 40px;
	margin: 0px 0 10px 0px;
}

#contentLeft h3 {
	font-size: 1.0em;
	font-weight: bold;
	color: #0D4D7C;
	padding: 6px 0px 0px 100px;
	margin: 0px 0 0px 0px;
}

#contentLeft h4 {
	font-size: 1.0em;
	font-weight: bold;
	color: #0D4D7C;
	padding: 10px 0px 0px 40px;
	margin: 0px 0 0px 0px;
}
#contentLeft h5 {
	font-size: 1.0em;
	font-weight: bold;
	color: red;
	padding: 10px 0px 0px 40px;
	margin: 0px 0 0px 0px;
}

#contentLeft p {
	font-size:.80em;
	font-weight:normal;
	line-height:19px;
	text-align:left;
	color: #000;
	padding: 0px 20px 0 40px;
	margin: 10px 0 20px 0;
}

#contentLeft p.contact {
	font-size: .80em;
	font-weight:normal;
	line-height:19px;
	text-align:left;
	color: #000;
	padding: 10px 0px 0 40px;
	margin: 0px 0 0px 0;
}

#contentLeft p.industry {
	font-size: .80em;
	font-weight:normal;
	line-height:19px;
	text-align:left;
	color: #000;
	padding: 20px 80px 0 80px;
	margin: 10px 0 20px 0;
}

#contentLeft p.quote{
	font-size: .9em;
	line-height:19px;
	font-weight:bold;
	text-align:left;
	color: #000;
	padding: 0px 20px 0 40px;
	margin: 10px 0 20px 0;
}

#contentLeft hr {
	color:#f2f2f2;
	height:1px;
	padding: 0 20px 0 20px;
	margin: 0 20px 0 20px;
}

#contentLeft ul {list-style:square; color:#731E85; margin:0 0 20px 40px}

#contentLeft li{
	font-size: 1.0em;
	font-weight:bold;
	line-height:24px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#contentLeft img.industry{
	border: 2px solid #731E85;
	padding: 0 0 0 0;
	margin: 6px 0 0 80px;
}

/* =page content left 2
------------------------------------------------------------------------------*/
#contentLeft2 h1 {
	font-size: 1.2em;
	font-weight: bold;
	color: #0D4D7C;
	padding: 10px 0px 0px 40px;
	margin: 0px 0 10px 0px;
}

#contentLeft2 h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #959595;
	padding: 10px 0px 0px 40px;
	margin: 0px 0 10px 0px;
}

#contentLeft2 h3 {
	font-size: 1.0em;
	font-weight: bold;
	color: #959595;
	padding: 10px 0px 0px 40px;
	margin: 0px 0 10px 0px;
}
#contentLeft2 h4 {
	font-size: 1.0em;
	font-weight: bold;
	color: #000000;
	padding: 10px 0px 0px 40px;
	margin: 0px 0 10px 0px;
}

#contentLeft2 p {
	font-size: .80em;
	font-weight:normal;
	line-height:19px;
	text-align:left;
	color: #000;
	padding: 0px 20px 0 40px;
	margin: 10px 0 20px 0;
}

#contentLeft2 hr {
	color:#f2f2f2;
	height:1px;
	padding: 0 20px 0 20px;
	margin: 0 20px 0 20px;
}

#contentLeft2 ul {list-style-image: url(images/bulletP01.gif); color:#731E85; margin:0 0 20px 40px}

#contentLeft2 li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight:bold;
	line-height:30px;
	color:#000;
	padding: 0 0px 0 0;
	margin: 0 0 0px 30px;
}

#contentLeft2 img{
	border: 2px solid #438D23;
	padding: 0 0 0 0;
	margin: 0 10px 10px 0;
}

#contentLeft2 a{
	font-weight:bold; 
	color:#0D4D7C; 
	text-decoration:none;
	}
#contentLeft2 a:hover{
	color:blue; 
	text-decoration:underline; 
	cursor:pointer;
	}


/* =page content left 3
------------------------------------------------------------------------------*/
#contentLeft3 h1 {
	font-size: 1.2em;
	font-weight: bold;
	color: #0D4D7C;
	padding: 10px 0px 0px 40px;
	margin: 0px 0 10px 0px;
}

#contentLeft3 h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #959595;
	padding: 10px 0px 0px 40px;
	margin: 0px 0 10px 0px;
}

#contentLeft3 h3 {
	font-size: 1.0em;
	font-weight: bold;
	color: #959595;
	padding: 10px 0px 0px 40px;
	margin: 0px 0 10px 0px;
}

#contentLeft3 p {
	font-size: .80em;
	font-weight:normal;
	line-height:19px;
	text-align:left;
	color: #000;
	padding: 0px 20px 0 40px;
	margin: 10px 0 20px 0;
}

#contentLeft3 hr {
	color:#f2f2f2;
	height:1px;
	padding: 0 20px 0 20px;
	margin: 0 20px 0 20px;
}

#contentLeft3 ul {list-style-image: url(images/bulletP01.gif); color:#731E85; margin:0 0 20px 40px}

#contentLeft3 li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight:bold;
	line-height:30px;
	color:#000;
	padding: 0 0px 0 0;
	margin: 0 0 0px 30px;
}

#contentLeft3 img{
	border: 2px solid #438D23;
	padding: 0 0 0 0;
	margin: 0 10px 10px 0;
}


/* =page content right
------------------------------------------------------------------------------------*/
#contentRight h1 {
	font-size: 1.2em;
	line-height:22px;
	font-weight: bold;
	color: #0D4D7C;
	padding: 10px 0px 0px 40px;
	margin: 0px 0 10px 0px;
}

#contentRight h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #959595;
	padding: 10px 0px 0px 40px;
	margin: 0px 0 10px 0px;
}

#contentRight h3 {
	font-size: 1.0em;
	font-weight: bold;
	color: #0D4D7C;
	padding: 6px 0px 0px 60px;
	margin: 0px 0 0px 0px;
}

#contentRight h4 {
	font-size: 1.0em;
	font-weight: bold;
	color: #0D4D7C;
	padding: 10px 0px 0px 40px;
	margin: 0px 0 10px 0px;
}

#contentRight p {
	font-size: .80em;
	font-weight:normal;
	line-height:19px; 
	text-align:left;
	color: #000;
	padding: 0px 20px 0 40px;
	margin: 10px 0 20px 0;
}

#contentRight p.quote{
	font-size: .9em;
	line-height:19px;
	font-weight:bold;
	text-align:left;
	color: #000;
	padding: 0px 20px 0 40px;
	margin: 10px 0 20px 0;
}

#contentRight ul {list-style-image: url(images/bulletP01.gif); margin:0 0 0px 60px}

#contentRight li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight:bold;
	line-height:36px;
	color:#000;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
#contentRight img{
	border: 2px solid #731E85;
	padding: 0 0 0 0;
	margin: 20px 0 0 20px;
}

#contentRight img.contact{
	border: 2px solid #731E85;
	padding: 0 0 0 0;
	margin: 0px 0px 0px 20px;
}

#contentRight img.industry{
	border: 2px solid #731E85;
	padding: 0 0 0 0;
	margin: 6px 0 0 40px;
}

/* =page content right 2
------------------------------------------------------------------------------------*/
#contentRight2 h1 {
	font-size: 1.2em;
	line-height:22px;
	font-weight: bold;
	color: #0D4D7C;
	padding: 10px 0px 0px 40px;
	margin: 0px 0 10px 0px;
}

#contentRight2 h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #959595;
	padding: 10px 0px 0px 40px;
	margin: 0px 0 10px 0px;
}

#contentRight2 h3 {
	font-size: 1.0em;
	font-weight: bold;
	color: #959595;
	padding: 10px 0px 0px 40px;
	margin: 0px 0 10px 0px;
}

#contentRight2 h4 {
	font-size: 1.0em;
	font-weight: bold;
	color: #0D4D7C;
	padding: 10px 0px 0px 40px;
	margin: 0px 0 10px 0px;
}

#contentRight2 p {
	font-size: .80em;
	font-weight:normal;
	line-height:19px; 
	text-align:left;
	color: #000;
	padding: 0px 20px 0 40px;
	margin: 10px 0 20px 0;
}

#contentRight2 ul {list-style:square; color:#731E85; margin:0 0 0px 60px}

#contentRight2 li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight:bold;
	line-height:36px;
	color:#000;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}	

#contentRight2 img{
	border: 2px solid #731E85;
	padding: 0 0 0 0;
	margin: 0 0 20px 0;
}

/* =page content right 2
------------------------------------------------------------------------------------*/
#contentRight3 h1 {
	font-size: 1.2em;
	line-height:22px;
	font-weight: bold;
	color: #0D4D7C;
	padding: 10px 0px 0px 40px;
	margin: 0px 0 10px 0px;
}

#contentRight3 h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #959595;
	padding: 10px 0px 0px 40px;
	margin: 0px 0 10px 0px;
}

#contentRight3 h3 {
	font-size: 1.0em;
	font-weight: bold;
	color: #959595;
	padding: 10px 0px 0px 40px;
	margin: 0px 0 10px 0px;
}

#contentRight3 h4 {
	font-size: 1.0em;
	font-weight: bold;
	color: #0D4D7C;
	padding: 10px 0px 0px 40px;
	margin: 10px 0 10px 0px;
}

#contentRight3 p {
	font-size: .80em;
	font-weight:normal;
	line-height:19px; 
	text-align:left;
	color: #000;
	padding: 0px 20px 0 40px;
	margin: 0px 0 20px 0;
}

#contentRight3 ul {list-style-image: url(images/bulletG01.gif); margin:0 0 0px 80px}

#contentRight3 li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight:bold;
	line-height:28px;
	color:#000;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}	

#contentRight3 a{font-weight:bold; color:#0D4D7C; text-decoration:none;}
#contentRight3 a:hover{color:blue; text-decoration:underline; cursor:pointer;}


/* =Footer
-----------------------------------------------------------------------------*/
#footerBox {margin:0 auto; position:relative; width:960px; height:100px; background:url(images/footerbkg.gif) no-repeat top left;}

#footer ul {position:absolute; top:55px;}
#footer li {display: inline;}

#footer a{font-weight:normal; color:#363636; text-decoration:none;}
#footer a:hover{color:#0D4D7C; text-decoration:underline; cursor:pointer;}

#footer p {font-size: .70em; line-height:17px; text-align:center; padding:55px 0 0 0;}


#contactForm {float:left; width:380px; padding:40px 0 0 40px; font-family: Arial, Helvetica, sans-serif;}

/* All form styling
-----------------------------------------------------------------------------*/
label{
	font-weight:bold;
	font-size:80%;
	text-align:right;
	width:110px;
	display:block;
	float:left;	
}

label.error{
	color:#F00;
	position:relative;
	float:none;
	display:inline;
	left:5px;
	font-size:70%;
	top:-7px;
}
input.error{
	background:#FF9;
}
.formCont input, .formCont select, .formCont textarea{
	padding:5px;
	font-size:80%;
	width:200px;
	margin-left:10px;
	position:relative;
	top:-6px;
}
.formCont input.radio{
	width:15px;
}
.formCont input.radiounder{
	width:15px;
	margin-left:120px;
}
.formCont .radlabl{
	position:relative;
	top:-9px;
	font-size:80%;
	clear:both;
}
.formCont select{
	width:210px;
}
.formCont{
	margin-bottom:10px;
	float:left;
	width:360px;
}
.formHeader{
	margin-bottom:10px;
	float:left;
	width:360px;
}
.formHeader p{font-size:80%;}
.formHeader h3{color:#036; margin-bottom:5px;}
.formSubHeader{
	float:left;
	width:360px;
	border-bottom: dotted 1px #999;
	padding-bottom:3px;
	margin:10px 0 20px 0;
	font-weight:bold;
	font-size:80%;
	color:#666;
}

.formDiv{
	margin-bottom:10px;
	float:left;
	width:360px;
	height:10px;
	border-top: dotted 1px #666;
}
.formCont input.butt{
	padding:3px;
	background:#999;
	border:solid 1px #666;
	color:#fff;
	font-weight:bold;
	margin-left:120px;
	width:75px;
	text-transform:uppercase;
}
.formCont input.butt#clear{
	margin-left:10px;}
	
.formCont p.arealabel{
	margin-left:120px;
	font-weight:bold; 
	font-size:80%;
	color:#000;
}
.formCont textarea#detail{
	margin-left:120px;
	width:350px;
	height:100px;
	margin-top:10px;
}