/* CSS Document */

html, body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color:white;
	}

body {
	background-color:#394d6e;
	padding: 0;
	margin:0;
	/*background-image: url(/img/btm-secondary.jpg);*/
	background-image: url(/img/btm-secondary3.jpg);
	background-repeat:repeat-x;
	background-position: bottom;
	}

div.blueprint {
	padding: 0;
	margin:0;
	/*background-image: url(/img/blueprint-bg.jpg);*/
	background-repeat:no-repeat;
	background-position: top;
	}


a:link, a:visited {
	color:#9eb1cc;
	}

a:hover, a:active {
	color:white;
	}

div#repeater-fade {
	background-image:url(/img/top-repeater.jpg);
	background-repeat:repeat-x;
	background-position:top;
	min-height:300px;
	}

div#container {
	width: 1010px;
	margin: 0 auto 0 auto;
	min-height: 800px;
	padding-bottom: 45px;
	}
	
div#header {
	height: 122px;
	padding: 20px 0 0 10px;
	}

div#header p {
	width: 195px;
	float:right;
	text-align:right;
	color:white;
	font-size: 7.5pt;
	line-height:2em;
	}

h1 {
	height: 88px;
	width: 178px;
	background-image: url(/img/logo.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float:left;
	}

h1 a {
	height: 88px;
	width: 178px;
	display:block;
	}

h1 a span {
	display:none;
	}

h3 {
	padding: 0 0 20px 0;
	margin:0;
	font-size: 9pt;
	}

h4 {
	padding: 0 0 0px 0;
	margin:0;
	font-size: 9pt;
	color:#9eb1cc;
	}

p {
	padding: 0 0 10px 0;
	margin:0;
	font-size:9pt;
	line-height:18px;
	}

div#nav {
	height: 30px;
	}

div#nav ul {
	padding:5px 0 0 10px;
	margin:0;
	}

div#nav ul li {
	float:left;
	list-style-type:none;
	}

div#nav ul li a span {	
	display:none;
	}

div#nav ul li.divider {
	display:block;
	background-image:url(/img/divider.gif);
	background-position:top center;
	background-repeat:no-repeat;
	width: 6px;
	height:15px;
	padding: 0 3px 0 3px;
	}

div#nav ul li a#home {
	display:block;
	background-image:url(/img/home.gif);
	background-position:top;
	width: 57px;
	height:15px;
	}

div#nav ul li a#home:hover {
	display:block;
	background-image:url(/img/home.gif);
	background-position:bottom;
	width: 57px;
	}

div#nav ul li a#about {
	display:block;
	background-image:url(/img/about-us.gif);
	background-position:top;
	width: 102px;
	height:15px;
	}

div#nav ul li a#about:hover {
	display:block;
	background-image:url(/img/about-us.gif);
	background-position:bottom;
	width: 102px;
	}

div#nav ul li a#about-on {
	display:block;
	background-image:url(/img/about-us.gif);
	background-position:bottom;
	width: 102px;
	height:15px;
	}

div#nav ul li a#portfolio {
	display:block;
	background-image:url(/img/portfolio.gif);
	background-position:top;
	width: 111px;
	height:15px;
	}

div#nav ul li a#portfolio:hover {
	display:block;
	background-image:url(/img/portfolio.gif);
	background-position:bottom;
	width: 111px;
	}

div#nav ul li a#portfolio-on {
	display:block;
	background-image:url(/img/portfolio.gif);
	background-position:bottom;
	width: 111px;
	height:15px;
	}

div#nav ul li a#capabilities {
	display:block;
	background-image:url(/img/capabilities.gif);
	background-position:top center;
	background-repeat:no-repeat;
	width: 120px;
	height:15px;
	padding: 0 0 0 4px;
	}

div#nav ul li a#capabilities:hover {
	display:block;
	background-image:url(/img/capabilities.gif);
	background-position:bottom center;
	background-repeat:no-repeat;
	width: 120px;
	padding: 0 0 0 4px;
	}

div#nav ul li a#capabilities-on {
	display:block;
	background-image:url(/img/capabilities.gif);
	background-position:bottom center;
	background-repeat:no-repeat;
	width: 120px;
	padding: 0 0 0 4px;
	height:15px;
	}

div#nav ul li a#careers {
	display:block;
	background-image:url(/img/careers.gif);
	background-position:top;
	width: 102px;
	height:15px;
	}

div#nav ul li a#careers:hover {
	display:block;
	background-image:url(/img/careers.gif);
	background-position:bottom;
	width: 102px;
	}

div#nav ul li a#careers-on {
	display:block;
	background-image:url(/img/careers.gif);
	background-position:bottom;
	width: 102px;
	height:15px;
	}

div#nav ul li a#sitemap {
	display:block;
	background-image:url(/img/sitemap.gif);
	background-position:top;
	width: 102px;
	height:15px;
	}

div#nav ul li a#sitemap:hover {
	display:block;
	background-image:url(/img/sitemap.gif);
	background-position:bottom;
	width: 102px;
	}

div#nav ul li a#contact {
	display:block;
	background-image:url(/img/contact-us.gif);
	background-position:top;
	width: 102px;
	height:15px;
	}

div#nav ul li a#contact:hover {
	display:block;
	background-image:url(/img/contact-us.gif);
	background-position:bottom;
	width: 102px;
	}

div#nav ul li a#contact-on {
	display:block;
	background-image:url(/img/contact-us.gif);
	background-position:bottom;
	width: 102px;
	height:15px;
	}

div#content {
	border:3px solid white;
	min-height: 400px;
	background-image:url(/img/content-bg.gif);
	background-repeat:repeat-y;
	}
	
/********** HOME PAGE CSS **************/

div#image-left-hm {
   height:599px;
	width: 599px;
	background-image: url(/img/webCOMP_final_one.jpg);
	background-repeat:no-repeat;
	border-bottom: 3px solid white;
	float:left;
	border-right:3px solid white;
	}
div#image-left-hm:hover
{
   background-image:url(/img/webCOMP_final_two.jpg);
}
div#image-left-hm div#top-image {
	height: 295px;
	background-image: url(/img/top-left.jpg);
	background-repeat:no-repeat;
	border-bottom: 3px solid white;
	}

div#image-left-hm div#btm-image {
	height: 298px;
	background-image: url(/img/btm-left.jpg);
	background-repeat:no-repeat;
	}

div#image-right-hm div#top-image-rt {
	height: 295px;
	background-image: url(/img/top-right.jpg);
	background-repeat:no-repeat;
	border-bottom: 3px solid white;
	}

div#image-right-hm div#btm-image-rt {
	height: 298px;
	background-image: url(/img/btm-right.jpg);
	background-repeat:no-repeat;
	}

div#image-left-hm div#top1 {
	height: 200px;
	background-image: url(/img/top1.jpg);
	background-repeat:no-repeat;
	background-position: bottom;
	}

div#image-left-hm div#top2 {
	height: 198px;
	background-image: url(/img/top2.jpg);
	background-repeat:no-repeat;
	}
	
div#image-left-hm div#top3 {
	height: 198px;
	background-image: url(/img/top3.jpg);
	background-repeat:no-repeat;
	}

div#right-col-hm {
	float:left;
	width: 402px;
	
	}

div#right-col-hm div#copy-top {
	background-image: url(/img/home/right-col-top.jpg);
	height: 248px;
	background-position:bottom;
	padding: 20px 30px 30px 30px;
	}


div#right-col-hm div#copy-top p {
	font-size: 8.5pt;
	line-height: 22px;
	color:white;
	padding: 10px 0 10px 0;
	margin:0px;
	}

div#right-col-hm div#copy-btm {
	background-image: url(/img/home/right-col-btm.jpg);
	height: 258px;
	background-position:top left;
	/*padding: 40px 0 0px 20px;*/
	padding:40px 0 0 0;
	}

div#right-col-hm div#copy-btm div#feature {
	
	}
#feature
{
  margin:0 auto 0 auto;
  
}
#feature a
{
	background: url(/img/blackboard-feature-sm.jpg);
	/*width:244px;*/
	width:350px;
	/*height:143px;*/
	height:180px;
	display: block;
	border: 3px solid white;
	/*margin:29px auto 43px auto;*/
	margin:15px auto 20px;
}
#feature a:hover,#feature a:active
{
   /*
   width: 305px;
	height:175px;
	margin:16px auto 24px auto;
   background: url(/img/feature.jpg);
   */
}
#feature a:hover .caption {
	/*
	position:absolute;
	z-index: 10;
	display:block;
	background:#42626f;
	border-right:1px solid white;
	border-bottom:1px solid white;
	text-decoration:none;
	text-align:left;
	font-size:7.5pt;
	background-image:url(/img/image-hdr-bg.gif);
	background-repeat:repeat-y;
	color:white; 
	cursor: hand;
	*/
}

#feature .caption { display:none; }

#feature a:hover .caption .inner h4
{
	font-size: 8pt !important;
	padding: 10px 10px 0px 10px !important;
	margin: 0px !important;
}

#feature a:hover .caption .inner p
{
	font-size: 7pt !important;
	line-height: 11px !important;
	padding: 0px 10px 10px 10px !important;
	margin: 0px !important;
}


#feature a:hover .inner {
display:block;
padding:0px 5px 5px 5px; 
cursor: hand;
} /* no IEboxModelHack */
#view-more
{
   position:relative;
   text-align:center;
   width:200px;
   bottom:0;
   margin:0 auto 0 auto;
   
}
div#right-col-hm div#copy-btm h5 {
	padding:0;
	margin:6px 0px 0px 0px;
	font-size:7pt;
	
	}

div#right-col-hm div#copy-btm h5 a {
	display:block;
	width:154px;
	height:20px;
	background-image:url(/img/home/feature-btn.jpg);
	background-position:top;
	text-transform:uppercase;
	font-size:7pt;
	text-align:center;
	text-decoration:none;
	padding:12px 0 0 0;
	
	border: none;
	}

div#right-col-hm div#copy-btm h5 a:hover {
	display:block;
	width:154px;
	height:20px;
	background-image:url(/img/home/feature-btn.jpg);
	background-position:bottom;
	text-transform:uppercase;
	font-size:7pt;
	text-align:center;
	text-decoration:none;
	padding:12px 0 0 0;
	}

	
div#right-col-hm div#copy-btm img {
	border:3px solid white;
	margin:10px auto 20px auto;
	}

div#right-col-hm div#copy-btm h4 {
	padding: 40px 0 0 0;
	margin: 0;
	font-size: 9pt;
	}

div#right-col-hm div#copy-btm p {
	padding: 10px 0 0 0;
	margin: 0;
	font-size: 9pt;
	line-height: 18px;
	}


/********** SECONDARY **************/

div#content div#leftcol {
	width: 186px;
	background-image:url(/img/left-col/left-repeater.jpg);
	background-repeat:repeat-y;
	float:left;
	}

div#content div#leftcol div#left-btm-fade {
	background-image:url(/img/left-col/left-btm.jpg);
	background-position:bottom;
	background-repeat: no-repeat;
	min-height: 600px;
	}

div#content div#leftcol div#left-top-fade {
	background-image:url(/img/left-col/left-top-col.jpg);
	background-position:top;
	background-repeat:no-repeat;
	min-height: 100px;
	}

/******* LEFT NAV **********/
ul#leftnav {
	padding:26px 0 45px 1px;
	margin:0;
	}

ul#leftnav li {
	font-size: 8pt;
	list-style-type:none;
	}

ul#leftnav li a {
	color:white;
	text-decoration:none;
	background-image:url(/img/leftnav-dividers.gif);
	background-position:top;
	padding:6px 0 0 18px;
	margin:0;
	height:17px;
	display:block;
	background-repeat:no-repeat;
	}

ul#leftnav li a.top, ul#leftnav li a.top:hover {
	background-image:url(/img/leftnav-divider-top.gif) !important;
	}


ul#leftnav li a.btm, ul#leftnav li a.btm:hover {
	background-image:url(/img/leftnav-divider-btm.gif) !important;
	}

ul#leftnav li a:hover {
	color:white;
	text-decoration:none;
	background-image:url(/img/leftnav-dividers.gif);
	background-position:bottom;
	padding:6px 0 0 18px;
	margin:0;
	height:17px;
	display:block;
	background-repeat:no-repeat;
	}

ul#leftnav li.current-page a {
	color:white;
	text-decoration:none;
	background-image:url(/img/leftnav-dividers.gif);
	background-position:bottom;
	padding:6px 0 0 18px;
	margin:0;
	height:17px;
	display:block;
	background-repeat:no-repeat;
	}
ul.left-sub-menus
{
    margin-top:0;
	width:120px;
	

}
ul.left-sub-menus li
{
   margin-left:-23px;
   padding:0;
   
}

ul.left-sub-menus li a
{
      background:url(/img/left-col/left-btm.jpg) top   !important;

}
ul.left-sub-menus li  a:hover
{
     background:url(/img/left-col/left-btm.jpg) bottom   !important;
}
ul.left-sub-menus li.current-submenu a
{
  background:url(/img/left-col/left-btm.jpg) bottom   !important;
}
div#content div#rightcol {
	float:right;
	width:792px;
	padding: 25px 0 20px 25px;
	background-image:url(/img/content-bg.jpg);
	background-repeat:no-repeat;
	min-height:600px;
	background-color:black;
	}

div#content div#rightcol h2 {
	padding:0px 0 5px 0px;
	font-size: 18pt;
	color:white;
	margin:0;
	}

div#content div#rightcol ul {
	padding: 0 50px 10px 25px;
	margin:0;
	}

div#content div#rightcol ul li {
	line-height:16px;
	}

div#content div#rightcol ul#breadcrumb {
	padding:0 0 50px 0;
	margin:0;
	}

div#content div#rightcol ul#breadcrumb li {
	padding:0 12px 0 0;
	margin:0 8px 0 0;
	display:inline;
	background-image:url(/img/cookie-divider.gif);
	background-repeat:no-repeat;
	background-position:right;
	font-size:8.5pt;
	}

div#content div#rightcol ul#breadcrumb li a:link, div#content div#rightcol ul#breadcrumb li a:visited {
	color:white;
	}

div#content div#rightcol ul#breadcrumb li a:hover, div#content div#rightcol ul#breadcrumb li a:active {
	color:#9eb1cc;
	}

div#content ul#breadcrumb li a:link, div#content ul#breadcrumb li a:visited {
	text-decoration:none;
	}

div#content ul#breadcrumb li.last {
	background-image:none !important;
	font-style:italic;
	}

div#content p {
	padding-right: 50px;
	}



div#subcat-list {
	padding: 0;
	margin:0;
	}

div#subcat-list img {
	padding: 0;
	margin:0 0px 0 0;
	float:left;
	border-top:3px solid white;
	border-right:3px solid white;
	border-left:3px solid white;
	}

div#subcat-list div#right-subcat {
	float:left;
	width:516px;
	}

div#subcat-list div#right-subcat h3 {
	border-bottom:1px solid #97a4b7 ;
	background-image:url(/img/top-bar-repeater.gif);
	padding:8px 30px 5px 10px !important;
	margin:0px 0px 0 0;
	font-size:10pt;
	font-weight:bold;
	}



div#subcat-list div#right-subcat p {
	padding: 5px 60px 0 10px;
	margin:0 0px 0 0;
	font-size:9pt;
	line-height:16px;
	}

div#subcat-list .divider {
	border-top:3px solid white;
	}
	
.list-this {
	line-height:16px;
	}

div#footer {
	font-size: 7.5pt;
	color:white;
	padding: 10px 0 50px 0;
	}
/*
img#sec-image-right {
	float:right;
	border-left:3px solid white;
	border-top:3px solid white;
	border-bottom:3px solid white;
	border-right:3px solid white;
	margin: 0 20px 10px 10px;
	}
*/

div#sec-image-right
{
	float:right;
	text-align:center;
	margin: 0 20px 10px 10px;
}
#sec-image-left
{
	position:relative;
	display:inline;
	float:left;
	margin-right:10px;
}
div#sec-image-right img{
    border-left:3px solid white;
	border-top:3px solid white;
	border-bottom:3px solid white;
	border-right:3px solid white;
}
div#sec-image-right label
{
    margin:0 auto 0 auto;
}
div.border-short {
	border-top: 1px solid #9eb1cc;
	margin-top:10px;
	width:520px;
	}

/*** implementing Holly Hack ***/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

/*.clearfix {display: inline-block;}*/

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/*.clearfix {display: block;}*/
/* End hide from IE-mac */


div.portfolio-image {
	background-color:#42626f;
	border:1px solid white;
	width:364px;
	float:left;
	margin: 0 15px 15px 0;
	height:310px;
	display:inline;
	}

div.portfolio-image img {
	border-top:1px solid white;
	border-bottom:1px solid white;
	}

div.portfolio-image h4 {
	padding: 5px;
	margin:0;
	background-image:url(/img/image-hdr-bg.gif);
	background-repeat:repeat-y;
	color:white;
	}

div.portfolio-image ul.copythis {
	padding: 5px !important;
	margin:0 !important;
	}

div.portfolio-image ul.copythis li {
	display:inline;
	list-style-type:none;
	line-height:11px !important;
	padding: 0px 10px 0px 0px !important;
	margin:0px;
	font-size:7.5pt;
	}

div.portfolio-thumb {
	background-color:#42626f;
	border:1px solid white;
	width:175px;
	float:left;
	margin: 0 15px 15px 0;
	}

div.portfolio-thumb img {
	border-bottom:1px solid white;
	}

div.portfolio-thumb h4 {
	padding: 5px;
	margin:0;
	background-image:url(/img/image-hdr-bg.gif);
	background-repeat:repeat-y;
	color:white;
	}

div.portfolio-thumb h4 a {
	color:white;
	text-decoration:none;
	}

div#awards-list ul
{
	padding: 0px 20px 20px 15px !important;
	margin: 0px !important;
}

div#awards-list h3
{
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

/********* HOVER CAPTION **********/
/* beg Photo-Caption Zoom - Pure-CSS */

.Zright { float:right; margin:0px; }
.Zleft { float: left; margin:0px; }

.Zoom img {  }
.Zoom.t100 img { width:100px; }
.Zoom.t150 img { width:150px; }
.Zoom.t200 img { width:200px; }
.Zoom.t250 img { width:250px; }
.Zoom.t300 img { width:300px; }
.Zoom.t350 img { width:350px; }
.Zoom.t400 img { width:400px; }
.Zoom.t450 img { width:450px; }
.Zoom.t500 img { width:500px; }
.Zoom.t550 img { width:550px; }
.Zoom.t600 img { width:600px; }

.Zoom .caption { display:none; }

.Zoom a { padding:0px; }
.Zoom a:hover { padding:0px; } /* IE picky here */
.Zoom a:visited { padding:0px; }

.w100 a:hover img,.w100 a:hover .caption {width:100px}
.w150 a:hover img,.w150 a:hover .caption {width:150px}
.w200 a:hover img,.w200 a:hover .caption {width:200px}
.w250 a:hover img,.w250 a:hover .caption {width:250px}
.w300 a:hover img,.w300 a:hover .caption {width:300px}
.w350 a:hover img,.w350 a:hover .caption {width:350px}
.w400 a:hover img,.w400 a:hover .caption {width:400px}
.w450 a:hover img,.w450 a:hover .caption {width:450px}
.w500 a:hover img,.w500 a:hover .caption {width:500px}
.w550 a:hover img,.w550 a:hover .caption {width:550px}
.w600 a:hover img,.w600 a:hover .caption {width:600px}
.Zoom a:hover img { margin-bottom:0px;}

.Zoom a:hover .caption {
position:absolute;
z-index: 10;
display:block;
background:#42626f;
border-right:1px solid white;
border-bottom:1px solid white;
text-decoration:none;
text-align:left;
font-size:7.5pt;
background-image:url(/img/image-hdr-bg.gif);
background-repeat:repeat-y;
color:white; }

.Zoom a:hover .inner {
display:block;
padding:5px 8px; } /* no IEboxModelHack */

/* end Photo-Caption Zoom - Pure-CSS */


/********* HOVER CAPTION **********/
/* beg Photo-Caption Zoom - Pure-CSS */

.Z2right { float:right; margin:0px; }
.Z2left { float: left; margin:0px; }

.Zoom2 img {  }
.Zoom2.t100 img { width:100px; }
.Zoom2.t150 img { width:150px; }
.Zoom2.t200 img { width:200px; }
.Zoom2.t250 img { width:250px; }
.Zoom2.t300 img { width:300px; }
.Zoom2.t350 img { width:350px; }
.Zoom2.t400 img { width:400px; }
.Zoom2.t450 img { width:450px; }
.Zoom2.t500 img { width:500px; }
.Zoom2.t550 img { width:550px; }
.Zoom2.t600 img { width:600px; }

.Zoom2 .caption { display:none; }

.Zoom2 a { padding:0px; }
.Zoom2 a:hover { padding:0px; } /* IE picky here */
.Zoom2 a:visited { padding:0px; }

.w100 a:hover img,.w100 a:hover .caption {width:100px}
.w150 a:hover img,.w150 a:hover .caption {width:150px}
.w200 a:hover img,.w200 a:hover .caption {width:200px}
.w250 a:hover img,.w250 a:hover .caption {width:250px}
.w300 a:hover img,.w300 a:hover .caption {width:300px}
.w350 a:hover img,.w350 a:hover .caption {width:350px}
.w400 a:hover img,.w400 a:hover .caption {width:400px}
.w450 a:hover img,.w450 a:hover .caption {width:450px}
.w500 a:hover img,.w500 a:hover .caption {width:500px}
.w550 a:hover img,.w550 a:hover .caption {width:550px}
.w600 a:hover img,.w600 a:hover .caption {width:600px}
.Zoom2 a:hover img { margin-bottom:0px;}

.Zoom2 a:hover .caption {
position:absolute;
z-index: 10;
display:block;
background:#42626f;
border-right:1px solid white;
border-bottom:1px solid white;
text-decoration:none;
text-align:left;
font-size:7.5pt;
background-image:url(/img/image-hdr-bg.gif);
background-repeat:repeat-y;
color:white; 
cursor: hand;
}

.Zoom2 a:hover .inner {
display:block;
padding:0px 5px 5px 5px; 
cursor: hand;
} /* no IEboxModelHack */

/* end Photo-Caption Zoom - Pure-CSS */


/* Start Photo Zoom + Fade Style */

/* CSS For Inventory Module */
div#fader {
	position:absolute;
	width:100%;
	height:2000px;
	background-color:black;
	z-index:55;
	display:none;	
}

div#imagecontainer {
	position:absolute;
	z-index:60;
	
}

div#imageview {
	position:absolute;
	left:80px;
	top: -150px;
	min-width:400px;
	min-height:375px;
	margin:auto;
	display:none;
	text-align:center;
	background-color:#2c495a;
	padding:10px;
	border:3px solid white;
}

div#imageview img {
	margin-bottom:8px;
	border:1px solid white;
}

/* End Photo Zoom + Fade Style */ 

.caption2
{
	position:relative;
	float:left;
	background:#42626f;
	border: 1px solid white;
	margin-top:384px;
	width:222px;
}
.inner2
{
    color:white; 
	top:10px;
	left:10px;
	/*text-align:center;*/
	margin-left:30px;
}
span.inner2 p
{
	text-align:left;
}
span.inner2 h4
{
	text-align:left;
}

div#rightcol img#sec-image-right
{
	float: right;
	clear: none;
	padding: 0px 20px 4px 6px;

}