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,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
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;
}


/* END CSS RESET */

body { background: #bdcde0  url(../images/bg.gif) repeat-x;  font-family: Trebuchet MS, sans-serif;}

.clear { clear: both; }

#wrapper {  text-align: center; }

#container { width: 980px; margin: 0 auto; text-align: left; }

#header { height: 87px; background: url(../images/header.jpg);  }

#subsplash { height: 47px; background: url(../images/subsplash_bg.jpg); }

#splash { height: 314px; background: url(../images/splash_bg.jpg);}

#content {  min-height: 335px; background: #fff url(../images/content_bg.jpg) no-repeat; }

#content a { color: #306bb3;  text-decoration: none; }

#content a:hover { color: #014290; text-decoration: underline; }

* html #content { height: 335px; }

#nav { float: right; height: 85px; width: 628px; }
        
#nav a { float: left; height: 85px; display: block; background: url(../images/nav_bg.jpg); }

#nav a.about { width: 111px; background-position: 0 -87px; }
#nav a.about:hover { background-position: 0 0; }

#nav a.casestudies { width: 139px; background-position: -111px -87px; }
#nav a.casestudies:hover { background-position: -111px 0; }

#nav a.employment { width: 142px; background-position: -250px -87px; }
#nav a.employment:hover { background-position: -250px 0; }

#nav a.contact { width: 131px; background-position: -392px -87px; }
#nav a.contact:hover { background-position: -392px 0; }

#nav a.home { width: 105px; background-position: -523px -87px; }
#nav a.home:hover { background-position: -523px 0; }

#content p, li, dd { color: #636971; font: 12px/19px Trebuchet MS, sans-serif; margin: 15px 0; }

#content h1 { color: #6fb3da; font: 26px/36px Trebuchet MS, sans-serif; margin-bottom: 20px; }

#content h2 { color: #144489; font: 18px/26px Trebuchet MS, sans-serif; margin: 0 0; }

#content h3 { color: #758ba6; font: bold 13px/23px Trebuchet MS, sans-serif; margin: 10px 0; }

#content h3 span {color: #636971; font-weight: normal; }

#contentFooter { background: url(../images/contentFooter_bg.jpg); height: 40px; }

#logo { float: left; display: block; height: 87px; width: 300px; }

#leftPane { margin-top: 35px; width: 320px; float: left; min-height: 300px; background: url(../images/leftPane_bg.jpg) no-repeat top right; }

#leftPane img { margin-left: 30px; }

#leftPane p { padding: 10px 30px 0 40px; font-size: 16px;}

#leftPane2 { margin-top: 35px; width: 320px; float: left; min-height: 300px; }

#leftPane2 img { margin-left: 30px; }

#leftPane2 p { padding: 10px 30px 0 40px; font-size: 16px;}

#rightPane { margin-top: 35px; float: right; width: 600px; padding-right: 50px; }

#footer { background: url(../images/footer_bg.jpg) no-repeat; padding-bottom: 15px; }

#footer p { padding-top: 20px; text-align: center; color: #4d6e95; font: 11px/18px Trebuchet MS, sans-serif; }

#footer p a { color: #2e5f98; text-decoration: none; }

#footer p a:hover { text-decoration: underline; }

#footer p span { color: #93aecf; font-weight: bold; padding: 0 3px; }

#services a { float: left; height: 78px; background: url(../images/services_btns.jpg);  display: block; }

#services .digital { width: 253px; }
#services .digital:hover { background-position: 0 157px; }

#services .workflow { background-position: -253px 0; width: 224px;  }
#services .workflow:hover { background-position: -253px 157px; }

#services .enterprise { background-position: -477px 0; width: 271px; }
#services .enterprise:hover { background-position: -477px  157px; }

#services .management { clear: right; background-position: -748px 0; width: 232px;  }
#services .management:hover { background-position: -748px 157px; }

#services .tech { height: 80px !important; width: 317px; background-position: 0 -78px; }
#services .tech:hover { background-position: 0 79px }

#services .disaster { height: 80px !important; width: 347px; background-position: -317px -78px; }
#services .disaster:hover { background-position: -317px 79px }

#services .customer {height: 80px !important; width: 316px; background-position: -664px -78px;  }
#services .customer:hover { background-position: -664px 79px; }

#quotes { float: right; width: 180px; height: 200px; padding: 113px 20px 0 0; overflow: hidden; } 

#quotes .indent { text-indent: 17px; }

#quotes a { color: #bdd9f9;  }

#quotes a:hover { color: #fff; }

#quotes p { color: #fff; font: 13px/18px Trebuchet MS, sans-serif; margin: 0 0 8px 0; }

#quotes p span { color: #87aeda; font-weight: bold; font-size: 17px; }

#quotes p em {  color: #bbd5f4; font-style: italic; }

label { display: block; color: #636971; font: 12px/19px Trebuchet MS, sans-serif; margin-top: 12px; }

.textfield { border: 1px solid #c7e2f3; font: 12px/19px Trebuchet MS, sans-serif; padding: 6px; width: 250px; }

.textfield2 { border: 1px solid #c7e2f3; font: 12px/19px Trebuchet MS, sans-serif; padding: 6px; width: 350px; }

#contactForm { width: 270px; float: right; padding-left: 20px; }

.btn { border: 1px solid #436a9f; background: url(../images/btn_bg.jpg); height: 35px; font: bold 12px/19px Trebuchet MS, sans-serif; color: #fff; cursor: pointer; margin-top: 15px; }

.btn2 { border: 1px solid #436a9f; background: url(../images/btn_bg.jpg); height: 20px; font: bold 12px/19px Trebuchet MS, sans-serif; color: #fff; cursor: pointer; margin-top: 15px; }

ul { list-style-type: disc; }

ul li { margin-left: 20px; }

.logos_table  { width: 600px; margin-top: 20px; }

.logos_table tr td { vertical-align: middle; text-align: center; padding: 10px 0; }

.logoFloat { float: right; padding: 0 0 10px 30px;}

.caseStudy { padding-top: 30px; border-top: 1px solid #c7e2f3}

.caseStudy img { float: left; }

.caseStudy p, .caseStudy h2 { margin-left:  200px !IMPORTANT; }

.line { padding-bottom: 1px; border-bottom: 1px solid #c7e2f3}

/* nav */


#nav ul { /* all lists */

	margin: 0;
	list-style: none;
}



#nav li { /* all list items */
	float: left;
	display: block;
	margin: 0 !important;
	padding: 0 !important;
	  
}

#nav li:hover { position: static; }


#nav li ul { /* second-level lists */
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top: 80px;
	
}

#nav li ul li {  }

#nav li li a { 
		background: #082958 url(../images/tooltip_bg.jpg);
		color: #fff !important; 
		padding-left: 12px;
		line-height: 32px;
		font-size: 12px; 
		font-weight: bold; 
		text-align: left; 
		width: 128px;
		text-decoration: none; 
		height: 34px;
		}
		
		#nav li li, #nav li li a { display: block; clear: both; }
		

#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}

		#nav li li a:hover { 
		color: #fff;
		text-decoration: none;
		background: url(../images/nav_hover.jpg) #167dff;  }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}