@charset "utf-8";

	html	{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height:16px;
	/*font-size: 0.689em;*/
	}

	.width100 		{ width: 100%; 	}
	.width75 		{ width: 75%; 	}
	.width50 		{ width: 50%; 	}
	.width33 		{ width: 33%; 	}
	.width20 		{ width: 20%; 	}
	.floatLeft		{ float: left; 	}
	.floatRight		{ float: right; 	}
	.m5				{ margin:5px	}
	.m10			{ margin:10px	}
	.m15			{ margin:15px	}
	.m20			{ margin:20px	}	
	.alignLeft 		{ text-align: left; }
	.alignRight 	{ text-align: right; }
	img				{ border:0px; }
	.clear			{ clear:both	}
	td				{ vertical-align: top;	}

a:link, a:visited 
{
	color: #0066CC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
a:hover, a:active {
	color: #0099FF;
	text-decoration: underline;
}

.test a:link , .test a:visited 
{
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.test a:hover , .test a:active {
	color: #333;
	text-decoration: none;
}


/*	NAV	________________________________*/

div#nav 	{
	float: right;
	padding: 3px 10px 0px 5px;
	margin-top:60px;
	width:540px;
	}

#nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

#nav li {
	float: left;
	}

#nav a:link , #nav a:visited   {
	color: #8f8f8f;	
	display: block;	
/*	background: #e1e1e1;*/
	padding: 3px 6px; 	/*	same	*/
	text-decoration: none;
	border-left:#CCC solid 1px;	
	}

#nav a:hover , #nav a:active {
	background: #304298;	
	color:#fff;
	padding: 3px 6px; 	/*	same	*/
	text-decoration: none;

	}
	
a.navCurrent	{
	display: block;
	font-weight:bold;
	background:#fff !important;
	color:#000 !important;
	padding: 3px 6px; 	/*	same	*/
	cursor:default;
	}	

	
ul.navJoin 	{
	display: block;	
	color:white;
	}		
.join	{
	background:#dfe2e9;
	width:117px;
	}
	
	
		

/*	STRUCTURE 	________________________________*/

body {
	margin: 0px;
	background-color: #e7e7e7;
	background-image: url(images/bg-grad.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.main	{
	margin:0 auto;
	margin-top:30px;
	vertical-align:top;
	height:600px;
	width: 966px; /*	1000-2x(border width)	*/	
/*	border-left:		solid 18px #d8d8d8;
	border-right:		solid 18px #d8d8d8;	*/
	}
	
.top	{
	height:85px;
	background:#FFF;
	padding:5px;
	margin-bottom:5px;
	}	
.tgrad	{
	background-image: url(images/tab-blue.jpg);
	background-repeat: repeat-x;
	background-position: top;		
	height:10px;
	}
#logo	{
	margin:20px 0px 0px 5px;
	float:left;
	}	

#footer	{
	height:127px;
	width:100%;
	background-image: url(images/footer-grad.gif);
	background-repeat: repeat-x;
	}
	#footer td {
		padding:5px 0px;	
		}
		.foot-tag	{
			margin: 20px 0px 0px 15px ;
			}
.learn	{
	padding-top:15px;
	text-align:right;
	}
	.learn a:link , .learn a:visited 
	{
	color: #c4c4c4;
	font-size:10px;
	text-decoration: none;
	}
	.learn a:hover, .learn a:active {
	color: #fff;
	text-decoration: underline;
	}

#ccsLogo {
		padding: 5px 10px 0px 10px ;
		 }

.descript	{
	width:480px;
	padding: 240px 0px 0px 20px;
	color:#fff;
	font-size:12px;
	line-height:18px;
	font-weight:bold;
	}


.tLine	{
	border-top:1px solid #c7c7c7;		
	}

.sidePara	{
	border-top:2px solid #90a8d8;	
	font-size:13px;
	font-weight:bold;
	line-height:24px;	
	}
	td.sidePara	{
	padding-right:50px;	
		}


/*	INDEX 	________________________________*/

#index-bg	{
	height:324px;
	background-image: url(images/index-banner1.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin-bottom:5px;
	}
	
#index-content	{	/*body*/
	background:#fff;
	border-left		:solid 10px #fff;
	border-right	:solid 10px #fff;	
	width:966px;
	}
	#index-content td	{
	padding:20px 5px;
	width:25%;	
	}
	
#index-content img	{
	padding:0px;
	margin-bottom:20px;
	border: solid 1px #435ac2;
	}	
	

/*	ABOUT ________________________________*/

.midGrad	{
	background-image: url(images/grad3.gif);
	background-repeat: repeat-x;
	background-position: top;	
	height:15px;
	}
	
#about-bg	{
	height:192px;
	margin-bottom:5px;
	}
	
.asideimg	{
	margin:0px 10px 10px 0px;
	}	

	
#about-content	{	/*body*/
	width:966px;
	border-top:solid 1px #fff;
	background-color: #fff;
/*	background-image: url(images/grad3.gif);
	background-repeat: repeat-x;*/
	height:300px;
	}

.aboutTable1 {
	margin: 0 auto ;
	margin-top: 40px;
	margin-bottom: 20px;	
	width:95%;
	}	
	.aboutTable1 td {
	padding:20px 10px 0px 10px;
	text-align:left;	
	}

.sideAbout	{
	border-top:2px solid #90a8d8;	
	font-size:12px;
	font-weight:bold;
	line-height:24px;	
	}
	td.sideAbout	{
	padding-right:30px;	
		}

	/*	ABOUTNAV ________________________________ NAV */

div#aboutNav div	{
	float: left;
	padding: 3px 10px 0px 5px;
	font-weight:bold;
	}

#aboutNav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

#aboutNav li {
	float: left;
	}

#aboutNav a:link , #aboutNav a:visited   {
	color: #000;	
	display: block;	
	background: #e1e1e1;
	padding: 5px 10px;
	text-decoration: none;
	margin-right: 4px;
	}

#aboutNav a:hover , #aboutNav a:active {
	background: #333;	
	color:#fff;
	padding: 5px 10px;
	text-decoration: none;
	margin-right: 4px;	
	}


/* SIDE NAV ---------------------------*/


#sidenav	{
/*	margin:4px;	*/
	padding: 0px;
	margin: 0px;
	}
	
#sidenav UL {
	padding: 0px;
	margin: 0px;
	font-size: 10px;
	text-decoration: none;		
}

#sidenav LI	{
	float:left;
	list-style: none;
	margin-right:3px;
	text-indent: 30px;	
	margin-top: 2px;
	line-height: 30px;	
	width:325px;
/*	width:333px;*/	
	}
	
#sidenav a:link {
	padding:1px 2px; /*same*/
	background-color: #fff;
	color: #999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	display: block;
	text-decoration:none;
/*	border-left: 2px solid #999;	*/
}

#sidenav a:hover 	{
	color: #000;
	text-decoration: none;
	background-image: url(images/arrow.jpg);
	background-repeat: no-repeat;
	background-position: 8px 3px;/*	background-color: #5d6779;	*/
}

#sidenav LI a.sidenavDown {
	width:333px;
	background:;
	padding:1px 2px; /*same*/
	font-weight:bold;
	background-color: #f5f5f5;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	cursor:default;
	background-image: url(images/aboutNav-corner.gif);
	background-repeat: no-repeat;
	background-position: right;
	}

.aboutTable2 {
	margin: 0 auto ;
	width:670px;		/* minus 5 */
	background:#f5f5f5;
	margin-top:0px;
	}	
	.aboutTable2 td {
	padding:20px 20px 0px 20px ;
	}
	
.aboutlink td	{
		background:#fff;
		padding:8px 30px ;
		width:50%;
/*		border-top:solid 1px #e1e1e1;
		border-bottom:solid 1px #e1e1e1;
		border-right:none;
		border-left:solid 1px #e1e1e1;*/
		} 	
	.aboutlink .aboutDown	{
		background:#f5f5f5;
		border-bottom:solid 1px #f5f5f5;
		color: #000;
		font-weight:bold;
		}


.aboutWrap	{
	width:675px;  		/* plus 5 */
	margin: auto 0;
	}
.wrap	{
	float:left;
	width:100%;
	}

.lg	{
	font-size:14px;
/*	font-weight:bold;*/
	line-height:20px;
	}





	
/*	WHY 	________________________________*/

#why-bg	{
	height:163px;
	background-image: url(images/why-bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin-bottom:5px;
	}
	
#why-content	{	/*body*/
	width:966px;
	border-top:solid 1px #fff;
	background-color: #fff;
	background-image: url(images/grad3.gif);
	background-repeat: repeat-x;
	height:300px;
	}

.whyTable1 {
	margin: 0 auto ;
	margin-top: 40px;
	margin-bottom: 20px;	
	width:95%;
	}	
	.whyTable1 td {
	padding:20px 10px;
	}

		

/*	CUSTOMERS 	________________________________*/

#customers-bg	{
	height:193px;
	width:100%;
	background-image: url(images/customers-bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin-bottom:5px;
	}
	.customerDescript	{
	color:#fff;
	margin: 115px 0px 0px 27px ;
	font-size:12px;
	font-weight:bold;
	width:270px;
	float:left;	
	}
	
#customers-content	{	/*body*/
	border-top:solid 1px #fff;
	background-color: #fff;
	background-image: url(images/grad3.gif);
	background-repeat: repeat-x;
	height:300px;
	}

.customersTable1 {
	margin: 30px 10px 10px 10px;
	width:95%;
	}	
.custR1	{
	border-top: 1px solid #90a8d8;
	width:25%;
	}
	td.custR1	  {
		padding:25px 0px 10px 0px;
		line-height:15px;
		}


/*	SERVNAV	________________________________*/

#servNav 	{
	float: right;
/*	padding: 3px 10px 0px 5px;*/
	margin-top:10px;
	width:100%;
	}

#servNav ul {
	margin: 0px;
	padding: 8px 0px 0px 8px;
	list-style: none;
	}

#servNav li {
	float: left;
	width:24%;
	padding-left:5px;
	text-indent:5px;	
	background-image: url(images/bullet1.gif);
	background-repeat: no-repeat;
	background-position: 13px center;
	}

#servNav a:link , #servNav a:visited   {
	color: #fff;
	display: block;
	/*	background: #434343;*/
	
	padding: 6px 14px; 	/*	same	*/
	text-decoration: none;
	background-image: url(images/pngGray.png);
	background-repeat: repeat;
	}

#servNav a:hover , #servNav a:active {
	background: #000;	
	color:#fff;
	padding: 6px 14px; 	/*	same	*/
	text-decoration: none;
/*	border:solid 1px #fff;*/
	background-image: url(images/bullet1.gif) !important ;
	background-repeat: no-repeat !important ;
	background-position: 9px center !important ;	
	}
	
a.servNavCurrent	{
/*	font-weight:bold;*/
	background: #304298 		!important ;
	color:#fff 			!important ;
	padding: 6px 14px; 	/*	same	*/
	background-image: url(images/bullet1.gif) !important ;
	background-repeat: no-repeat !important ;
	background-position: 9px center !important ;	
	cursor:default;
	}	

#ebWrapper	{
	width:460px;
	float:right;
	padding: 30px 20px 0px 0px ;
	}

.examples {
	width:50%;
	float:left;
	}
	.examples p {
		margin:0px;
		}
.benefits	{
	width:50%;
	float:left;	
	}	
	
	
/*	SERV SUB NAV	________________________________*/

.servSubNav	{
	width:200px;	
	vertical-align: top;	
	}

#servSubNav	{
	width:100%;
	margin:4px;
	margin-left:-40px;	
	}
	
UL#servSubNav  {
	padding: 0px;
	margin: 0px;
	margin-top:10px;
	padding-right:4px;
/*	background:red;*/
}

#servSubNav LI	{
	list-style: none;
	text-indent: 10px;	
	margin-top: 2px;
	line-height: 25px;	
	}
	
#servSubNav a:link , #servSubNav a:visited {
	padding:2px;
	width:100%;
	background-color: #f2f2f2;
	color: #000;
	display: block;
	text-decoration:none;
/*	border-left: 2px solid #999;	*/
}

#servSubNav a:hover , #servSubNav a:active  	{
	color: #fff;
	text-decoration: none;
	background-color: #5d6779;	
}

.servSubNavDown {
	text-indent:5px;
	line-height: 25px;		
	padding:1px 6px ;
	width:100%;
	background-color: #000;
	color: #000;
	cursor:default;
	background-image: url(images/spacer_white.gif);
	background-repeat: repeat;
	}	


/*	SERVICES 	________________________________*/

.sePara	{
	padding: 5px 0px 2px 0px ;
	}

#services-bg	{
	height:437px;
	background-image: url(images/services-bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
/*	margin-bottom:5px;*/
	}
	
#services-content	{	/*body*/
	width:966px;
	background-color: #fff;
	background-image: url(images/grad3.gif);
	background-repeat: repeat-x;
	height:225px;
	}
	#services-content td	{
	padding:15px 20px;
	border-left:solid 1px #e1e1e1;
	width:20%;
		}
		

#edi-bg	{
	height:184px;
	background-image: url(images/edi-bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin-bottom:5px;
	}
	
#reg-bg	{
	height:184px;
	background-image: url(images/reg-bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin-bottom:5px;
	}	
	
#app-bg	{
	height:184px;
	background-image: url(images/app-bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin-bottom:5px;
	}	
	
#edi-content	{	/*body*/
	width:966px;
	background-color: #fff;
	background-image: url(images/grad3.gif);
	background-repeat: repeat-x;
	height:225px;
	}
	#edi-content td	{
	padding:15px;
	width:50%;
		}
.process	{
	height:258px;
	background-image: url(images/EDI-grad.jpg);
	background-repeat: repeat-x;
	background:#f5f5f5;	
	}
	#process td	{
	padding:10px 6px;
	width:14%;
	}

.arrow	{
	margin:0 auto ;
	margin-top:20px;
	width:770px;
	}
	


/*	CUSTOMERS 	________________________________*/

#join-bg	{
	height:193px;
	width:100%;
	background-image: url(images/join-bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
/*	margin-bottom:5px;	*/
	}
.sideJoin	{
	border-top:2px solid #90a8d8;
	font-size:12px;
	line-height:24px;
	background-image: url(images/joing-img.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	}	
	.sideJoin p	{
		width:90%;
		}
		
#join-content	{	/*body*/
	width:966px;
	border-top:solid 1px #fff;
	background-color: #fff;
	background-image: url(images/grad3.gif);
	background-repeat: repeat-x;
	height:300px;
	}

.joinTable1 {
	margin: 0 auto ;
	margin-top: 40px;
	margin-bottom: 20px;	
	width:95%;
	}	
	.joinTable1 td {
	padding:20px 10px;
	}

#formNetwork td {
	padding:3px 2px;
/*	border-top:solid 1px #e6e6e6;*/
	}
#formNetwork input	{
	font-size:12px;
	padding:2px;
/*	width:170px;*/
	}	
	#formNetwork input.form	{
		width:170px;
		}
	#formNetwork input.lg	{
		width:260px;
		}
	#formNetwork input.check	{
		width:20px;
		}		
	#formNetwork textarea	{
		width:260px;
		height:60px;
		font-family:Verdana, Geneva, sans-serif;
		font-size:12px;
		}				
	#formNetwork #button {		
	width:170px;
	font-size:14px;
	padding:5px;
	}
		
		
.form-line	{
	border-top:solid 1px #e6e6e6;	
	}	



/*	WHY 	________________________________*/

#contact-bg	{
	height:163px;
	background-image: url(images/contact-bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin-bottom:5px;
	}
	
#contact-content	{	/*body*/
	width:966px;
	border-top:solid 1px #fff;
	background-color: #fff;
	background-image: url(images/grad3.gif);
	background-repeat: repeat-x;
	height:300px;
	}

.contactTable1 {
	margin: 0 auto ;
	margin-top: 40px;
	margin-bottom: 20px;	
	width:95%;
	}	
	.contactTable1 td {
	padding:20px 10px;
	}

.sideContact	{
	border-top:2px solid #90a8d8;
	font-size:13px;
	font-weight:bold;
	line-height:24px;
	background-image: url(images/email.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	}
	td.sideContact	{
	padding-right:50px;		
	height:280px;
	}

.contact h1	{
	font-size:12px;
	color:#294D8D;
	}

.contact	{
	font-size:12px;
	}


/*end*/