/*
------------------------------
nclud'ed screen styles
http://www.nclud.com
------------------------------
*/

/* Reset. --------------------------------------------*/
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; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table {	border-collapse: collapse;	border-spacing: 0; }


/* Global Shell --------------------------------------------*/
body { font: 90%/160% Arial, Helvetica, sans-serif; background: #ebebeb url('../img/bg.gif') repeat-x; }
ul#skip { height: 0; text-indent: -999999px; }
div#wrapper { width: 868px;	margin: 0 auto;	padding: 0 4px;	background: url('../img/bg_wrapper.png') repeat-y; }

	/* Header */
	div#header { height: 73px; border-bottom: 1px solid #fff; background: #002247 url('../img/bg_header.gif') repeat-x;	position: relative; }
	div#header h1 a	{ float: left; margin: 17px 0 0 18px; width: 100px;	height: 46px; text-indent: -999999px; background: transparent url('../img/logo.gif') no-repeat;	}	
	
	/* Navigation */
	div#header ul { float: right; position: absolute; bottom: 11px; right: 2px; font-size: 12px; }	
	div#header ul li { float: left; }
	div#header ul li a { color: #fff; padding: 0 15px; text-decoration: none; border-left: 1px solid #fff; }
	div#header ul li.business a { border-left: none; }
	div#header ul li a:hover { color: #c4c4c2;}
	
		/* Navigation onstates and hover if on that page */
		body.business div#header ul li.business a,
		body.government div#header ul li.government a,
		body.careers div#header ul li.careers a,
		body.focus div#header ul li.focus a,
		body.business div#header ul li.business a:hover,
		body.government div#header ul li.government a:hover,
		body.careers div#header ul li.careers a:hover,
		body.focus div#header ul li.focus a:hover
		{ color: #fec72f; }
	
	/* Content */
	div#content-wrapper	{ padding: 20px; background: #fff url('../img/bg_content.gif') repeat-x; overflow: auto; }
	
	/* Footer */
	p#footer { clear: both; width: 868px; margin: 0 auto; background: url('../img/bg_footer.png') no-repeat top left; color: #757575; font-size: 12px; padding: 10px 0; text-align: center; }
	p#footer a { color: #757575; text-decoration: none; }
	p#footer img { margin-left: 10px; }
	
/* Homepage Content -----------------------*/				
p#info { margin-top: 20px; width: 562px; height: 79px; background: #c5c5c5 url('../img/bg_info.gif') repeat-x; float: left; color: #464646; font-size: 20px; padding: 30px 40px; font-weight: bold; line-height: 135%; }

	/* Homepage News */
	dl#news	{ color: #4a4a4a; padding: 12px; background: #bebebe url('../img/bg_news.gif') repeat-x; overflow: hidden; }
	dl#news dt { float: left; width: 140px; text-align: right; font-weight: bold; padding-right: 18px; border-right: 1px solid #9c9c9c;	}	
	dl#news dd { width: 620px; padding-left: 20px; float: left; }		
	dl#news dd span { float: left; }
	dl#news dd a { float: right; font-weight: bold; color: #4a4a4a; text-decoration: none; }
	dl#news dd a:hover { text-decoration: underline; }
		
	/* Homepage Service Boxes */
	ul#services li { margin: 20px 0 0; width: 275px; float: left; border-right: 1px solid #fff; }
	ul#services li.business { background-image: url('../img/img_business.gif'); }
	ul#services li.government { background-image: url('../img/img_government.gif'); }
	ul#services li.careers { background-image: url('../img/img_careers.gif'); }
	ul#services li a { display: block; height: 226px; background: url('../img/bar_orange.gif') repeat-x bottom left; position: relative; font-weight: bold; color: #565656; text-decoration: none; font-size: 16px; }
	ul#services li a:hover { text-decoration: underline; }
	ul#services li a span { position: absolute; bottom: 7px; right: 13px; background: url('../img/arrow_orange.gif') no-repeat right 4px; padding: 0 20px 0 0; }

	/* Call to action buttons */
	ul#callToAction	{ margin-top: 10px; float: right; }
	ul#callToAction li { margin-top: 10px; }
	ul#callToAction li a { text-align: right; display: block; width: 153px; height: 40px; color: #4b4b4b; text-decoration: none; font-size: 12px; font-weight: bold; padding: 0 14px 0 0; }
	ul#callToAction li a:hover { text-decoration: underline; }
	ul#callToAction li a span { display: block; padding: 9px 20px; 0 0; }	
	
		/* Action color buttons */
		ul#callToAction li#pledge a { background-image: url(../img/button_gray.gif); }
		ul#callToAction li#edge a { background-image: url(../img/button_blue.gif); }
		ul#callToAction li#sales a { background-image: url(../img/button_orange.gif); }

		/* Action color arrows */
		ul#callToAction li#pledge a span { background: url(../img/arrow_gray.gif) no-repeat right 13px; }
		ul#callToAction li#edge a span { background: url(../img/arrow_blue.gif) no-repeat right 13px; }
		ul#callToAction li#sales a span { background: url(../img/arrow_orange.gif) no-repeat right 13px; }		

/* Interior Global Shell -----------------------*/
div#content-wrapper h2 { display: block; height: 30px; background: url('../img/bar_orange.gif'); color: #565656; padding: 10px 0 0 18px;}
div#content-wrapper div.ddsg-wrapper h2 { display: none; }
div#content-wrapper div.ddsg-wrapper a { color: #333; }

div#content-wrapper div#content-inner { background-color: #e6e6e6; padding: 21px; overflow: auto; margin-bottom: 20px;}
	
/* Learn more links */
ul#learnMore { text-align: center; clear: both; background-color: #c9c9c9; padding: 7px; font-size: 12px; }
ul#learnMore li { display: inline; background: url('../img/arrow_gray.gif') no-repeat right; padding: 0 19px 0 0; margin: 0 60px 0 0;}
ul#learnMore li#last { margin-right: 0; }
ul#learnMore li a { color: #4b4b4b; text-decoration: none; font-weight: bold; }
ul#learnMore li a:hover { text-decoration: underline; }
		
	/* Business and Government Shell -----------------------*/	
	/* Service area at top (changes based on the body's ID) */
	div#content-wrapper p#serviceDesc, div#content-wrapper p#team { margin-bottom: 10px; height: 136px; background: url('../img/bg_desc.gif') repeat-x; }
	div#content-wrapper p#serviceDesc span { padding: 20px 30px 35px 225px; display: block; font-size: 12px; line-height: 170%;}
	div#content-wrapper p#team span { padding: 20px 30px; display: block; font-size: 14px; line-height: 170%;}
	body.business p#serviceDesc span { background: url('../img/img_business-small.gif') no-repeat; }
	body.government p#serviceDesc span { background: url('../img/img_government-small.gif') no-repeat; }
	
	/* Service Boxes (changes based on body's ID) -----------------------*/
	/* Business Service Boxes */
	body.business ul#services li { width: 261px; float: left; border-right: 1px solid #fff; }
	body.business ul#services li#staffing { background-image: url('../img/img_business-staffing.gif'); }
	body.business ul#services li#solutions { background-image: url('../img/img_business-solutions.gif'); }	
	body.business ul#services li#casestudies { background-image: url('../img/img_business-casestudies.gif'); }	
	body.business ul#services li a { display: block; height: 194px; background: url('../img/bar_gray.gif') repeat-x bottom left; position: relative; font-weight: normal; color: #fff; text-decoration: none; font-size: 12px; }
	body.business ul#services li a:hover { text-decoration: underline; }
	body.business ul#services li a span { position: absolute; bottom: 1px; right: 13px; background: url('../img/arrow_white.gif') no-repeat right 4px; padding: 0 20px 0 0; }
	body.business ul#services li a span em { display: none; }

	/* Government Service Boxes */
	body.government ul#services li { width: 195px; float: left; border-right: 1px solid #fff; }
	body.government ul#services li#staffing { background-image: url('../img/img_government-staffing.gif'); }
	body.government ul#services li#solutions { background-image: url('../img/img_government-solutions.gif'); }	
	body.government ul#services li#contracts { background-image: url('../img/img_government-contracts.gif'); }
	body.government ul#services li#pastperformances { background-image: url('../img/img_government-pastperformances.gif'); }	
	body.government ul#services li a { display: block; height: 194px; background: url('../img/bar_gray.gif') repeat-x bottom left; position: relative; font-weight: normal; color: #fff; text-decoration: none; font-size: 12px; }
	body.government ul#services li a:hover { text-decoration: underline; }
	body.government ul#services li a span { position: absolute; bottom: 1px; right: 13px; background: url('../img/arrow_white.gif') no-repeat right 4px; padding: 0 20px 0 0; }
	body.government ul#services li a span em { display: none; }
	
	/* Careers and About Shell -----------------------*/
	/* Secondary navigation on left */
	ul#secondaryNavigation { float: left; width: 199px; border-right: 1px solid #c4c4c4; }
	ul#secondaryNavigation li { margin-bottom: 15px; }
	ul#secondaryNavigation li.last { margin-bottom: 0; }
	ul#secondaryNavigation li a { color: #666; text-decoration: none; font-size: 1em; font-weight: bold; }
	ul#secondaryNavigation li a:hover { color: #002b5b; text-decoration: underline; }
	ul#secondaryNavigation li.current_page_parent a { color: #002b5b; }
	ul#secondaryNavigation li.current_page_parent ul li a { color: #666; }
	ul#secondaryNavigation li.current_page_item a { color: #002b5b; }
	ul#secondaryNavigation li.current_page_item ul li a { color: #666; }
	
		/* Hiding and showing sub sections */
		ul#secondaryNavigation li ul { display: none; }
		ul#secondaryNavigation li.current_page_parent ul,
		ul#secondaryNavigation li.current_page_item ul
		{display: block; }
	
		/* Secondary SUB navigation on left. */
		ul#secondaryNavigation li ul { margin-left: 20px; font-size: 11px;}
		ul#secondaryNavigation li ul li { margin-bottom: 0; }
		ul#secondaryNavigation li ul li a { color: #666; padding-left: 10px;}
		ul#secondaryNavigation li ul li.current_page_item a { color: #002b5b; background: url('../img/arrow_subnav.gif') no-repeat 0 2px; }

	/* Secondary Navigation image for careers page and about page*/
	body.careers ul#secondaryNavigation { padding-top: 130px; background: url('../img/img_careers-small.gif') no-repeat left top;}
	body.focus ul#secondaryNavigation { padding-top: 130px; background: url('../img/img_about-small.gif') no-repeat left top;}

	/* Secondary Navigation image at top for case studies and past performances */
	body.sprint ul#secondaryNavigation { padding-bottom: 140px; background: url('../img/img_study-sprint.gif') no-repeat left bottom;}
	body.amdocs ul#secondaryNavigation { padding-bottom: 140px; background: url('../img/img_study-amdocs.gif') no-repeat left bottom;}
	body.verizon ul#secondaryNavigation { padding-bottom: 140px; background: url('../img/img_study-verizon.gif') no-repeat left bottom;}

	body.acs ul#secondaryNavigation { padding-bottom: 140px; background: url('../img/img_study-acs.gif') no-repeat left bottom;}
	body.ccsi ul#secondaryNavigation { padding-bottom: 140px; background: url('../img/img_study-ccsi.gif') no-repeat left bottom;}
	body.computech ul#secondaryNavigation { padding-bottom: 140px; background: url('../img/img_study-computech.gif') no-repeat left bottom;}
		
/* Main Content -----------------------*/
div#content { color: #464646; width: 570px; float: right; font-size: .9em; }
div#content p { margin-bottom: 15px; }
div#content a { color: #002b5b; text-decoration: underline; }	
div#content a:hover { color: #155296; }
	
	/* Main content: ul */
	div#content ul, div.ddsg-wrapper ul { margin: 5px 0 15px 30px;	list-style: disc; }
		
	/* Main content: dl */
	div#content dl { margin-left: 30px;	}
	div#content dl dt { font-weight: bold; }
	div#content dl dd { margin-bottom: 15px; }
	
	/* Side right box */
	div.sidebox { float: right; width: 170px; border: 1px solid #c9c9c9; background: #fff url('../img/box_bg.gif') repeat-x top left; padding: 10px; margin: 0 0 10px 15px; }
		div.training { height: 400px; overflow: auto; }
		div.clients { text-align: center; }
	
	/* Team list */
	div#content ul#team { margin: 0; padding: 0; list-style: none; line-height: 120%; }
	div#content ul#team li { margin-bottom: 20px; padding: 0 0 20px 90px; font-weight: bold; color: #000; border-bottom: 1px solid #ccc; }
	div#content ul#team li em { padding: 0; font-size: .9em; color:#464646; display: block; font-weight: normal; }
	div#content ul#team li span { padding: 10px 0 0; color:#464646; display: block; font-weight: normal; } 
	
		/* picture based on which team member */
		div#content ul#team li#langston { background: #e6e6e6 url('../img/team-langston.gif') no-repeat 0 7px; }
		div#content ul#team li#spedden { background: #e6e6e6 url('../img/team-spedden.gif') no-repeat 0 7px; }
		div#content ul#team li#ringlein { background: #e6e6e6 url('../img/team-ringlein.gif') no-repeat 0 7px; }
		div#content ul#team li#pridan { background: #e6e6e6 url('../img/team-pridan.gif') no-repeat 0 7px; }
	
	/* news list */
	div#content dl#newsList,
	div#content dl#newsList dt, 
	div#content dl#newsList dd { margin: 0; padding: 0; list-style: none; }
	div#content dl#newsList dt { }
	div#content dl#newsList dd { margin-top: -5px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ccc; overflow: hidden; }
	div#content dl#newsList dd span { float: left; }
	div#content dl#newsList dd a { float: right; }
	
	/* Location boxes */
	div.locationBox { background-color: #b4b4b4; width: 245px; padding: 15px 15px 0; float: left; }
	div.locationBox-first { margin-right: 15px; }
	div.locationBox address { font-style: normal; font-weight: bold; font-size: 15px;}
	div.locationBox p { padding: 0; margin: 0; }
	div#wrapper div.locationBox ul { font-size: 11px; padding: 0 0 5px; margin: 15px 0 0; list-style: none;}
	div#wrapper div.locationBox li { width: 140px; float: left;  padding: 0; margin: 0; list-style: none; }
	div#wrapper div.locationBox li.last { width: 105px; }
	div#wrapper div.locationBox a { font-weight: bold; color: #333; text-decoration: none; display: block; clear: both; padding: 15px 20px 0 0; margin: 15px 0 0; border-top: 1px solid #ccc; text-align: right; background: url(../img/arrow_black.gif) no-repeat bottom right; }
	
	/* Position Forms */
	div#wrapper div#content ul.positionForm,
	div#wrapper div#content ul.positionForm li
	{ margin: 0; padding: 0; list-style: none; }	
	fieldset#search, fieldset#location { width: 280px; padding: 0; margin: 0; float: left;}
	fieldset legend { display: none; }
	fieldset#search label, fieldset#location label { font-weight: bold; font-size: 11px; display: block; padding-top: 10px;}
	fieldset input { display: block; width: 250px; }
	input#zip { width: 138px; display: inline;}
	fieldset select { display: block; width: 260px; }
	fieldset select#miles { width: auto; display: inline; }
	button.submit { float: right; margin: 15px 29px 0 0; }
	form h4 { border-top: 1px solid #ccc; margin-top: 15px; padding-top: 10px; clear: both;}
	form#loginform { clear: both; padding-bottom: 15px; }
		
	/* login forms */
	form#loginform ul { padding: 0; margin: 0; list-style: none; }
	form#loginform ul li { width: 280px; padding: 0; margin: 0; list-style: none; float: left; display: inline; }
	form#loginForm fieldset#login ul li label { width: 150px; display: block; font-weight: bold;}
	form#login ul li input { width: 100px; }
	
	/* Misc */
	div#content h3 { color: #000; }
	div#content img.float-right {  margin: 10px 0;}
