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,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0}body{color:#555;background:#FFF;font:12px/18px Arial, Helvetica, sans-serif}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:400}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{display:block}


/* ## COLORS ## */
/* Dark Blue for Backgrounds : #002f69 */
/* Lighter Blue for Headers	 : #00467f */

em {font-style: italic;}
strong {font-weight: bold;}

.left {float:left;}
.right {float:right;}
.clear {clear:both;}
/*Contact Forms*/
fieldset {padding:10px 0 0 0;}
legend {font-size:12px; font-weight:bold; text-transform:uppercase; color:#002f69;}
label {display:block; color:#002f69; font-size:12px;}
input {display:block;}
input.text, textarea.text {font-size:13px; color:#002f69; padding:5px; border:1px solid #999; -webkit-border-radius:5px; -moz-border-radius:5px; margin: 0 0 10px 0;}
input.text:focus, textarea.text:focus {background:#fdfee3; border-color:#000;}
select {margin:0 0 10px 0;}
.submit {width:93px; height:30px; background:url(../i/submit.png) 0 0 no-repeat; border:none; cursor:pointer; line-height:20px;}
	.submit:hover, .submit:focus {background-position-y:-30px;}
	.submit:active {background-position-y:-60px; line-height:25px;}



html {min-height:100%; height: auto;}
body {background: #002f69 url(../i/footer_background.gif) repeat-x 0 100%;}

#container {width: 996px; margin: 0 auto; z-index:100;}

#container #quick_links .login_active {background:url(../i/arrow_on_blue_down.gif) no-repeat 100% 0; color: #fff !important;}

#header {height:83px; position:relative; z-index:100;}
#quick_links { position:absolute; top: 10px; right: 0; z-index: 5; text-align:right; }
	#quick_links a:link,
	#quick_links a:visited {background: url(../i/arrow_on_blue.gif) no-repeat 100% 0; color: #ccc; text-transform:uppercase; font-weight:bold; margin-left:20px; padding-right:17px;}
	#quick_links a:hover, #quick_links a:active {color:white;}
		#quick_links #login_dropdown {display:none; position:absolute; top:17px; right:0; z-index: 1000; border-bottom:1px solid #333;}
		#quick_links #login_dropdown li a {background-image:none; background: #666; border: 1px #333 solid; border-bottom:none; padding:0; margin:0; width:180px; height:25px; line-height: 26px; text-align: right; padding-right:5px;}
		#quick_links #login_dropdown li a:hover {background: #999;}
			#header #quick_links .login_link_active { background: url(../i/arrow_on_blue_down.gif) no-repeat 100% 0; color:white;}

.thumb_nav {height: 60px; padding:0; margin:0; position:relative; top: -10px; left:-8px;}
		
#header h2 {width: 250px; height: 188px; line-height: 190px; background: url(../i/vcc_logo.png); position:absolute; top:4px; left: -3px; z-index: 5; }
	#header h2 a:link, #header h2 a:visited, #header h2 a:hover, #header h2 a:active {display: block; height: 120px; width: 195px; position:absolute; top:50px; left:22px; text-indent: -9999px; }
#header ul {position:absolute; top:43px; right:-4px; z-index: 3;}
	#header ul li {display:inline;}
		#header ul li a:link, #header ul li a:visited {display:block; float:left; height:40px; width:126px; background:url(../i/main_nav.png) no-repeat 0 -40px; color: #fff; text-decoration:none; text-align:center; line-height: 47px; font-size: 11px;}
		#header ul li a:hover, #header ul li a:active { background:url(../i/main_nav.png) no-repeat 0 -80px; }
		#nav_resources {position: relative;}
		.project-team-resources {position: absolute; top:-5px; left:28px; cursor: pointer;}
		#header ul li a .next_line {position: absolute;top:6px; left: 35px; cursor: pointer;}
	.dropdown {position: absolute; z-index: 10000; background:#eee; border:1px solid #ccc; border-top:none; width:200px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.7); -moz-box-shadow: 0 5px 10px rgba(0,0,0,.7); display:none;}
		#about_dropdown {top:40px; left:4px;}
		#client-services_dropdown {top:40px; left:130px;}
		#project-resources_dropdown {top:40px; left:382px;}
		#experience_dropdown {top:40px; left:256px;}
		#employee-resources_dropdown {top:40px; left:508px;}
		#careers_dropdown {top:40px; left:546px;}
		#risk-management_dropdown {top:40px; left:546px;}
	#header .dropdown ol li a:link, #header .dropdown ol li a:visited {
		float: none;
		height: auto;
		line-height: 1.5em;
		padding: 5px 0 5px 5px;
		width: auto;
		background: none;
		color: #444;
		text-align: left;
	}
	#header .dropdown ol li a:hover, #header .dropdown ol li a:active {
		color: #fff;
		background: #002f69;
	}

#about #nav_about,
#client_services #nav_services,
#careers #nav_careers,
#experience #nav_experience,
#technology #nav_technology,
#quality #nav_quality,
#risk-management #nav_risk,
#ptr #nav_resources,
#emp_res #nav_employee {background:url(../i/main_nav.png) no-repeat 0 0; color: #002f69;}		

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */



#content {background: #fff url(../i/main_bg.jpg) no-repeat 0 100%; padding: 30px 0 30px 0; position:relative; z-index:1;}
	#experience #content {padding-bottom:50px;}
#article p {padding:0 10px 15px 0;font-size:12px; color:#2f2b2b; line-height:1.6em; text-align:justify;}
#article p a:link, #article p a:visited {color: #273d68; border-bottom: 1px dotted #273d68; text-decoration: none; font-weight: bold; padding: 1px;}
#article p a:hover {background: #273d68; color: #fff; border-bottom:1px solid #eee;}
#article p a:active {position: relative; top:1px;}
#gradient_decoration {background:url(../i/top_right_gradient.jpg) no-repeat 0 0; height:104px; width:425px; position:absolute; top:0; right:0;}
#main {width: 752px; float:right; }
	#main ol li a:link, #main ol li a:visited {color:#002f69;}
	#article #hero_images {width:752px; height:346px; overflow:hidden; position:relative; top:-10px; left:0; z-index:10; margin: 0 0 25px -8px; padding:0;}
	#img_mask {width:752px; height:60px; background:url(../i/img_mask_24_white.png) no-repeat 0 100%; position:absolute; top:0; left:0; z-index:1000;}
	#article {width:540px; float:left; display:inline;}
	#experience #article {width: 95%;}
#content h1 {font-size: 24px; color: #00467f; line-height: 26px; margin: 0 0 20px 0;}
#content h2 {font-size: 14px; color: #00467f; line-height: 16px; margin: 0 0 10px 0; font-weight:bold;}
#content h3 {font-size: 13px; color: #333; line-height:17px; padding:10px 0 5px 0; font-weight: bold; text-transform: uppercase;}
#content h4 {font-size: 13px; color: #555; line-height:17px; padding:0;}
#content .view_video:link, #content .view_video:visited {display:block; height:55px; width:78px; background:url(../i/view_video.png) no-repeat 0 0; text-indent: -9999px; float:left; margin: 5px 20px 5px 0;}
	#content .view_video:hover, #content .view_video:active {background-position:-78px 0;}
.sub_header {margin: -76px 0 25px -8px;}

.single_project {padding: 22px 0; margin-bottom:10px; border-bottom: 1px dashed #ccc;}
.single_project img {border:1px solid #666; background: #ddd url(../i/zoom.png) no-repeat 0 100%; padding:10px; padding-bottom: 24px; margin: 0 20px 5px 0;}
	.single_project img.no_image {padding:10px; padding-bottom:10px; background-image: none; background: #ddd;}
.single_project a:hover img {border: 1px solid #ccc;}
#content .single_project h3 {padding: 0 0 5px 0; font-size: 16px;}
#content .single_project h4 {padding: 0 0 3px 0; color: #777;}
#content .single_project p {padding-top:5px; padding-left:103px; text-align: left;}

.project_list {width:48%;}
.project {width:100%; margin: 0 0 30px 0; position:relative;}
	.project img {float:left; }
		.project_mask {width:150px; height:100px; background:url(../i/project_mask.png) no-repeat 0 0; position:absolute; top:0; left:0;}
	.project h3 {padding:0 0 7px 165px; font-weight:bold; font-size:13px; color:#333;}
	#content .project ul {padding: 0 0 0 150px;}
	#content .project ul li {list-style-type:none; }
	.project ul li a:link, .project ul li a:visited {font-weight:bold; color:#002f69; text-decoration:none; border-bottom:1px solid #002f69; padding:0 2px;}
		.project ul li a:hover, .project ul li a:active {color:#fff; background:#002f69; border-color:#000;}


#mini_sidebar {width:185px; float:right; display:inline; text-align:center;}
	#home #mini_sidebar { position:relative; top: 440px; right: 20px; }
	.sub #mini_sidebar { position:relative; top: 238px; right: 20px; }

#side_nav {width:220px; float:left; margin-left:15px; position:relative; top:85px; left:0; font-family:Verdana, sans-serif; margin-bottom: 15px;}
	#side_nav h2 {font-size: 18px; font-weight:bold; color: #00467f; margin-bottom:10px;}
	#side_nav ol {list-style-type:none; margin:0 0 35px 0; padding:0;}
	#side_nav ol li {line-height:22px;list-style-type:none;}
	#side_nav ol li a:link { color:#00467f; text-decoration:none; background: url(../i/arrow_on_white.gif) no-repeat 0 0; padding-left:18px; }
	#side_nav ol li a:visited { color:#00467f; text-decoration:none; background: url(../i/arrow_on_white.gif) no-repeat 0 0; padding-left:18px; }
	#side_nav ol li a:hover, #side_nav ul li a:active {text-decoration:underline; background: url(../i/arrow_on_white.gif) no-repeat 1px 0; padding-left:19px; }

#body_links {list-style-type:none; margin:0 0 35px 0; padding:0;}
	#body_links {line-height:22px;list-style-type:none;}
	#body_links a:link { color:#00467f; text-decoration:none; background: url(../i/arrow_on_white.gif) no-repeat 0 0; padding-left:18px; }
	#body_links a:visited { color:#00467f; text-decoration:none; background: url(../i/arrow_on_white.gif) no-repeat 0 0; padding-left:18px; }
	#body_links a:hover, #side_nav ul li a:active {text-decoration:underline; background: url(../i/arrow_on_white.gif) no-repeat 1px 0; padding-left:19px; }

#body_ulist ul li,.body_ulist ul li {line-height:22px;list-style-type:none;}
	#body_ulist ul li, .body_ulist ul li { background: url(../i/ul_bullet.gif) no-repeat 0 0; padding-left:18px; }
	
	
	#flash_container {margin: -35px 0 30px -10px;}



#monitor {display:block; width:192px; height:198px; position:absolute; bottom:80px; left:15px;}
	.sub #side_nav #monitor {position:static;}
#monitor_thumb:link, #monitor_thumb:visited {display:block; width:60px; height:60px; background:url(../i/monitor_thumb.png) no-repeat 0 0; text-indent:-9999px;}
#monitor_thumb:hover, #monitor_thumb:active {background-position-x: -60px;}

.full_width {width: 100%; height: 350px; background:transparent; clear:both;}
#footer {width: 996px; margin: 0 auto; position:relative; background:transparent;}
#footer h4 {font-size:13px; font-weight:bold; color: #fff;}
#footer ul li {list-style-type: disc; color: #fff; margin-left:14px;}
#footer ul li a:link, #footer ul li a:visited {color:#fff; text-decoration:none; font-size: 11px;}
#footer ul li a:hover, #footer ul li a:active {color:#fff; text-decoration:underline;}
#footer #copy {font-size:11px; color: #15689c; position: absolute; right:0; top:10px; }

#footer_toggle:link,
	#footer_toggle:visited {background: url(../i/arrow_on_blue.gif) no-repeat 100% 0; color: #ccc; text-transform:uppercase; font-weight:bold; position: relative; top:10px; left:10px; padding-right:17px;}
	#footer_toggle:hover, #footer_toggle:active {color:white;}
		#footer_toggle.footer_toggle_active { background: url(../i/arrow_on_blue_down.gif) no-repeat 100% 0; color:white;}

.f_abs {position:absolute;}

.f_1 {top:40px; left: 5px;}
ul.f_1 {margin-top: 20px;}

.f_2 {top:40px; left: 180px;}
ul.f_2 {margin-top: 20px;}

.f_3 {top:40px; left: 355px;}
ul.f_3 {margin-top: 20px;}

.f_4 {top:40px; left: 525px;}
ul.f_4 {margin-top: 20px;}

.f_5 {top:40px; left: 700px;}
ul.f_5 {margin-top: 20px;}

.f_6 {top:40px; left: 850px;}
ul.f_6 {margin-top: 20px;}

#experience_rotate {display: block; margin: 0 0 5px 0; position: relative; top:-18px; left:-7px; width:754px; background: url(../i/index_top_cap.png) no-repeat 0 0; padding-top:8px; height: 433px; overflow: hidden;}

.panes {position: relative;overflow: hidden; width:752px; height:347px; border: 1px solid #666; border-bottom:none;}
.panes img {cursor: pointer;}

#main #shelf {width:754px; height:84px; background: url(../i/shelf.png) 0 0 no-repeat; position: absolute; bottom:0; left:0px; padding-left:5px;}
#main #shelf li {display:inline;}
#main #shelf li a {display:block;float:left;width:74px; line-height:1em; text-align: center; position: relative; top:0px; height:100%; padding-top:7px;}
#main #shelf li a img {border: 1px solid #2c4c74;}
#main #shelf li a:link, #main #shelf li a:visited {color:#333; text-decoration: none; font-size: 11px;}
#main #shelf li a.current {background:url(../i/shelf_active.png) 0 0 repeat-x;}