/*---Global---*/
body{
	margin:0;
	color:#464647;
	font:12px Arial, Helvetica, sans-serif;
	background:#292214 url(../images/body-grad.gif) repeat-x;
	text-align:justify;
}
img{border-style:none;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
/*---GlobalEnd---*/
/*---Main---*/
#main{
	width:999px;
	margin:8px auto;
}
.container{
	width:996px;
	margin:0 0 0 2px;
	height:1%;
	overflow:hidden;
	background:#e7e8e9;
	padding:0 0 100px;
}
/*---MainEnd---*/
/*---Header---*/
#header{
	width:100%;
	background:#003768;
	overflow:hidden;
	padding:0 0 14px;
}
.logo{
	float:left;
	width:463px;
	height:79px;
	padding:21px 0 0 26px;
	margin:0;
}
.logo a{
	display:block;
	width:463px;
	height:79px;
	background:url(../images/logo.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
.top-menu{
	list-style:none;
	margin:0;
	padding:74px 0 0;
	float:right;
	font-size:12px;
	line-height:26px;
}
.top-menu li{
	float:left;
	padding:0 28px 0 13px;
}
.top-menu a{
	display:block;
	border:1px solid #a2b2cd;
	border-width:1px 0;
	color:#c2c2c1;
	width:129px;
	text-align:center;
}
.top-menu a:hover, .top-menu li.active a{
	color:#fff;
	border-color:#fff;
	text-decoration:none;
}
#header div{
	height:1%;
	overflow:hidden;
}
.navigation{
	list-style:none;
	margin:0;
	padding:20px 0 0 25px;
	clear:both;
	line-height:22px;
	font-size:12px;
	font-weight:bold;
	height:25px;
	overflow:hidden;
}
.navigation li{
	float:left;
	padding:0 50px 0 0;
}
 /* navigation About CDCI, Industries, Services, and Contact*/
 .navigation a{
	display:block;
	color:#c2c2c1;
}
/* navigation About CDCI, Industries, Services, and contacts roll over change color*/
.navigation li.active a,
.navigation a:hover{
	color:#fff;
	text-decoration:none;
	border-bottom:1px solid #fff;
}

/*---HeaderEnd---*/
#promo{
	background:url(../images/place-holder-bg.jpg) no-repeat;
	width:996px;
	height:149px;
	overflow:hidden;
	margin:0 0 0 2px;
}
#promo img{
	display:block;
	margin:12px 0 0 12px;
}
/*---FlashHeaderEnd---*/
#promoIndex{
	background:url(../images/flashBackground.jpg) no-repeat;
	width:996px;
	height:235px;
	overflow:hidden;
	margin:0 0 0 2px;
}

/*---Content---*/
#content{
	width:739px;
	float:right;
	padding:10px 0 0;
	overflow:hidden;
}

#jobcontent{
	padding:10px;
	background-color:#e7e8e9;	
}

.careers ul {
	list-style:none;
	margin:0;
	padding:0;
	padding-bottom:5px;
} 

.careers ul li{
	padding-top:5px;
} 

#contentIndex{
	width:690px;
	float:left;
	padding:20px 0 0 25px;;
	overflow:hidden;
}
#content h2, #contentIndex h2, #sidenavIndex h2{
	font-size:14px;
	line-height:15px;
	color:#003767;
	margin:0 0 15px;
}
#content .block{
	float:left;
	width:345px;
	margin:0 20px 0 0;
}

#content .pictureblock{
	float:left;
	width:130px;
	margin:0 20px 0 0;		
}
#content .picturetextblock{
	float:left;
	width:420px;
	margin:20px 0 0 0;	
}

#content .blockWhole{
	float:left;
	width:720px;
	margin:20px 0 0 0;
}
#contentIndex .block{
	float:left;
	width:325px;
	margin:0 20px 0 0;
}
#content p, #contentIndex p{
	line-height:16px;
	margin:0 0 16px;
	text-align: left;
}
/*---ContentEnd---*/

/*---Sidebar---*/
/* side navigation_1 */
#sidenav{
	list-style:none;
	margin:0;
	padding:6px 0 0 11px;
	float:center;
	width:231px;
	line-height:29px;
	font-size:12px;
	font-weight:bold;
}

#sidenavIndex{
	list-style:none;
	margin:0;
	padding:20px 30px 0 11px;
	float:left;
	width:231px;
	line-height:29px;
	font-size:12px;
	font-weight:bold;
}

#sidenav li, #sidenavIndex li{
	margin:0 0 1px;
	height:1%;
	vertical-align:top;
}
/*side navigation alignment and color*/
#sidenav a, #sidenavIndex a{
	display:block;
	padding:0 0 0 13px;
	color:#CCC;
	background:#686559 url(../images/sidenav-grad.gif) repeat-x;
	height:1%;
}



/* side navigation_1 with padding: top 0 */
#sidenav1{
	list-style:none;
	margin:0;
	padding:0 0 0 11px;
	float:center;
	width:231px;
	line-height:29px;
	font-size:12px;
	font-weight:bold;
}

#sidenavIndex1{
	list-style:none;
	margin:0;
	padding:20px 30px 0 11px;
	float:left;
	width:231px;
	line-height:29px;
	font-size:12px;
	font-weight:bold;
}

#sidenav1 li, #sidenavIndex1 li{
	margin:0 0 1px;
	height:1%;
	vertical-align:top;
}
/*side navigation alignment and color*/
#sidenav1 a, #sidenavIndex1 a{
	display:block;
	padding:0 0 0 13px;
	color:#CCC;
	background:#686559 url(../images/sidenav-grad.gif) repeat-x;
	height:1%;
}

/*--side navigation_2, to differentiate the color of active section with padding
0px on top--*/

#sidenav2{
	list-style:none;
	margin:0;
	padding:0 0 0 11px;
	float:center;
	width:231px;
	line-height:29px;
	font-size:12px;
	font-weight:bold;
}

#sidenavIndex2{
	list-style:none;
	margin:0;
	padding:20px 30px 0 11px;
	float:left;
	width:231px;
	line-height:29px;
	font-size:12px;
	font-weight:bold;
}

#sidenav2 li, #sidenavIndex2 li{
	margin:0 0 1px;
	height:1%;
	vertical-align:top;
}
/*side navigation alignment and color*/
#sidenav2 a, #sidenavIndex2 a{
	display:block;
	padding:0 0 0 13px;
	color:#FFF;
	background:#686559 url(../images/sidenav-grad.gif) repeat-x;
	height:1%;
}


/*--side navigation_3, to differentiate the color of active section with whiter color and padding
6px on top--*/

#sidenav3{
	list-style:none;
	margin:0;
	padding:6px 0 0 11px;
	float:center;
	width:231px;
	line-height:29px;
	font-size:12px;
	font-weight:bold;
}

#sidenavIndex3{
	list-style:none;
	margin:0;
	padding:20px 30px 0 11px;
	float:left;
	width:231px;
	line-height:29px;
	font-size:12px;
	font-weight:bold;
}

#sidenav3 li, #sidenavIndex3 li{
	margin:0 0 1px;
	height:1%;
	vertical-align:top;
}
/*side navigation alignment and color*/
#sidenav3 a, #sidenavIndex3 a{
	display:block;
	padding:0 0 0 13px;
	color:#FFF;
	background:#686559 url(../images/sidenav-grad.gif) repeat-x;
	height:1%;
}


/*side navigation hover*/
#sidenav li.active a,
#sidenav a:hover, #sidenavIndex li.active a, #sidenavIndex a:hover{
	text-decoration:none;
	color:#fff;
	background:#48453d url(../images/sidenav-grad-hover.gif) repeat-x;
}

#sidenav1 li.active a,
#sidenav1 a:hover, #sidenavIndex1 li.active a, #sidenavIndex1 a:hover{
	text-decoration:none;
	color:#fff;
	background:#48453d url(../images/sidenav-grad-hover.gif) repeat-x;
}

#sidenav2 li.active a,
#sidenav2 a:hover, #sidenavIndex2 li.active a, #sidenavIndex2 a:hover{
	text-decoration:none;
	color:#fff;
	background:#48453d url(../images/sidenav-grad-hover.gif) repeat-x;
}

#sidenav3 li.active a,
#sidenav3 a:hover, #sidenavIndex3 li.active a, #sidenavIndex3 a:hover{
	text-decoration:none;
	color:#fff;
	background:#48453d url(../images/sidenav-grad-hover.gif) repeat-x;
}

#online {
	color: #0F0;
}

/*---SidebarEnd---*/
/*---Footer---*/
#footer{
	background:#e7e8e9;
	padding:0 10px 8px;
	width:976px;
	overflow:hidden;
	margin:0 0 0 2px;
}
#footer ul{
	list-style:none;
	margin:0;
	padding:0;
	border:1px solid #003768;
	border-width:1px 0;
	line-height:35px;
	width:976px;
	overflow:hidden;
}
#footer li{
	float:left;
	padding:0 10px 0 11px;
	margin:0 1px 0 -1px;
	background:url(../images/separator-grey.gif) no-repeat 0 50%;
	white-space:nowrap;
}

#footer a{color:#413e35;}
/*---FooterEnd---*/

}
