@charset "UTF-8";
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

.clearthis {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	display: block;
	color: #f00;
	}

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

/*/////////  */
.StyleSheetHiddenPlaceHolder  {
	display : none;
}

/*///////// ///////////*/

body, div, p, table, th, tr, td, ul, ol, li, h1, h2, h3, textarea{
font-family: helvetica, arial, Sans-Serif;
font-size:98%;
color:#333;		
}

BODY {	margin:20px 0 2em 0; 
		padding:0px; 			
		text-align:center;
		background:#fff;		
		}
		

		
a {color:#fff;text-decoration:none;}
a:hover {text-decoration:underline;}

.bluelink { color:#003F72;}

#email a{color:#003F72;}

img { border: none; }



h1,h2,h3,h4,h5,h6 {
	font-size:1em;
	margin: 0 0 0.5em 0;
	}


h1 {
	padding:0 0 0 0px;
	margin:0 0 .4em 0px;
	font-size:210%;
	font-weight:normal;
	color:#FFFFFF
	}
	
	h1.welcome {text-indent:-300em; background:url(img/h_welcome.gif) no-repeat; width:426px; height:22px;}
	h1.ctech {text-indent:-300em; background:url(img/h_ctech.gif) no-repeat; width:426px; height:22px;}
	h1.news {text-indent:-300em; background:url(img/h_mainnews.gif) no-repeat 165px 0; width:591px; height:22px;}
	h1.about {text-indent:-300em; background:url(img/h_aboutus.gif) no-repeat; width:426px; height:22px;}
	h1.services {text-indent:-300em; background:url(img/h_services.gif) no-repeat; width:426px; height:22px;}
	h1.case {text-indent:-300em; background:url(img/h_casestudies.gif) no-repeat; width:426px; height:22px;}
	h1.contact {text-indent:-300em; background:url(img/h_contact_us.gif) no-repeat; width:426px; height:22px;}
	

	
h2{		
	padding:0 0 0 0px;
	margin:0 0 .2em 0px;
	font-size:160%;	
	font-weight:normal;
	color:#003F72;
	background:#CCD9EE
	}
		
	
	
h3{	
	font-size:120%;
	margin:0 0 .6em 0px;	
	padding:0 0 0px 0;	
	border:0;
	color:#FFFFFF;
	font-weight:normal;
	}
	
	.contact h3 { background:url(img/h_contactus.gif) no-repeat left bottom; text-indent:-300em;  width:120px; height:21px;}
	
	h3.news { width:267px; height:24px;background:url(img/h_latestnews.gif) no-repeat; text-indent:-300em;}
	

h4{	
	font-size:110%;
	margin:0 0 .4em 0px;	
	padding:0 0 0px 0;
	color:#FFFFFF;
	font-weight:normal;	
	}
	
p{
	line-height:1.3em;
	margin:0 0 .7em 0;
	padding:0;
	color:#404A64;
	}
	
	
form {
	padding:0;
	margin:0;
	}
	
fieldset {
	border:none;
	padding:0;
	margin:0;
	}
	
legend {
	display:none;
	}
	
.left ul {padding:0; margin:0; list-style:none}
.left li {padding:2px 0 2px  18px ; margin:0; background:url(img/i_dot.gif) no-repeat 0 5px ;color:#404A64;}
	
	table { border-collapse:collapse; margin:1.5em 0 3em 0; width:100%;}
	
	td, th {vertical-align:top; width:33%; padding-right:10px; font-size:14px;}
	


/*/////////   main layout  ///////////*/

	


		
#wrap{position:relative;
		width:934px;			
		margin:0 auto;  											
		z-index:0;	
		text-align:left;		
		padding:0;		
		}	
		
#header {position:absolute; top:0px; left:0; background:url(img/logo.gif) no-repeat; width:606px; height:215px; z-index:98}	

#email {position:absolute; top:145px; left:0px; text-align:right; width:592px; font-size:13px}

#content{background-repeat: repeat-y;  width:934px; background-image:url(img/bg.gif); position:relative; z-index:3}

.holding #content{background:url(img/bg_holding.gif) repeat-y ;}

#content .pics {float:left; width:152px; padding-top:225px; }

#content .left {width:430px; float:left; padding-top:225px; padding-right:11px; padding-left:12px; margin-left:1px; position:relative; z-index:2}
/*#content .left p{background:#CCD9EE}*/
.holding #content .left {background:url(img/bg_main_holding.gif) no-repeat 0 196px; height:462px}
#content .right {width:268px; float:left; position:relative; padding:374px 15px 0 20px; }
/*#content .right p, #content .right h4{ background:#BECAE4}*/

#date {position:absolute; top:20px; left:0; text-align:right; width:593px}

.picture {position:absolute; top:0px; left:0; }
	
#footer{position:relative;
		width:934px;	
		height:150px;		
		margin:0 auto;  											
		z-index:0;	
		text-align:left;		
		padding:15px 0 0 20px;
		background:url(img/bg_footer.gif) no-repeat;	
		clear:both;	
		}
		
	
	
/*/////////      header     ///////////*/




/*/////////      end header     ///////////*/
		

/*/////////      float left nav     ///////////*/


ul#nav {
	margin:0 0 0 0px;	
	padding:0;
	position:absolute;
	top:169px;
	left:0;
	z-index:99;
	}
	
	#nav  li {	
	list-style-type:none;
	margin:0 0px 0 0;
	padding:0px 0 0 0;
	float:left;	
	height:27px;
	padding:0;
	text-align:center;
	border-right:1px solid white;
	position:relative;
z-index:100;
	}
	
	#nav li.contact {border-right:0px solid white;}
	
			
	#nav li a, #nav li a:visited{	
	display: block;			
	background:;	
	height:20px;	
	color:white;
	padding:7px 0 0 0;
	font-size:12px
	}		
	
	#nav li.home a, #nav li.home a:visited{width:97px}
	#nav li.about a, #nav li.about a:visited{width:93px}
	#nav li.services a, #nav li.services a:visited{width:97px}
	#nav li.ctech a, #nav li.ctech a:visited{width:135px}
	#nav li.case a, #nav li.case a:visited{width:97px}
	#nav li.contact a, #nav li.contact a:visited{width:80px}
	
	#nav li a:hover{background:#BECAE4; text-decoration:none; color:#0079C1	}
	
	#nav li.on,  #nav li.on a:hover{	
	display: block;			
	background:#FC9900;	
	text-decoration:none;	
	color:white;
	}
	
	

/* hide the sub level links */
ul#nav  ul {
visibility:hidden;
position:absolute;

height:0;
margin:0 0 0 0px;	
	padding:0;
	
}

ul#nav  ul  li{
background:#0079C1; text-decoration:none; color:#0079C1;border-top:1px solid #fff; float:none; border-right:0;
}

/* make the sub level visible on hover list or link */
ul#nav  li:hover ul,
ul#nav  a:hover ul{
visibility:visible;
z-index:102;
height:200px;
}

#nav li ul a:hover, #nav li.on ul a:hover{background:#FC9900; text-decoration:none; color:#fff	}
	
	

	
/*///////// end float left nav  */




/*///////// col on the left */ 


	#content .pics img{padding-bottom:30px;}	

	a.more {display:block; text-align:right; background:url(img/i_aro.gif) 100% 50%  no-repeat  ; padding-right:15px; margin-top:-5px;}
	
	hr { margin:0px 0 15px 0; padding:0; color:#FFFFFF; width:100%; height:1px; border:0; background-color:#FFFFFF}
	
.latestnews#content	 .left {width:595px;  padding-left:0; margin-left:0}
	
	div.news { position:relative; padding-left:165px; }
	
	.latestnews#content	 .left div.news img{ position:absolute; left:0; top:0;}
	
	.formCopy_1, .formCopy_2, .formCopy_3 {border:1px solid #0079C1; background:white; width:180px; padding:3px; }
		

/*///////// end col on the left */ 
		
/*///////// col on the right */ 

#content img.right {float:right; padding:0 0 0 10px; width:auto}

.right .contact {padding-bottom:10px; background:#BECAE4}
.right .contact p{color:white; font-size:14px}
.contact a.more {margin-top:0px;}

.subnav {padding-bottom:30px; background:#BECAE4}
.subnav p {padding:0; margin:0; list-style:none}
.subnav p {padding:8px 0 8px  20px ; margin:0; border-bottom:1px solid white; background:url(img/i_aro.gif) no-repeat 0 9px ;}

.subnav p a, .subnav p a:visited{padding:0; margin:0}
.subnav p a:hover{color:#003F72; text-decoration:none}
		
	
/*///////// end col on the right */


/*/////////      footer     ///////////*/
	
		
#footer img {padding-left:32px}
		
.holding #footer{background:url(img/bg_footer_holding.gif) no-repeat;	}	

p.date {padding:0 0 5px 0; margin:0}
	

	

	
	/*/////////    end   footer     ///////////*/