/* CSS Document */

body {
margin: 0px;
padding: 0px;
background-image: url(web_images/design4_r1_c2.jpg);
background-position: top;
background-repeat: repeat;
font-family: helvetica, arial, sans-serif;
font-size:smaller;
}


#orange_bar {
margin: 0px;
padding: 0px;
width: 100%;
height: auto;
border-top: 2px solid #FF6633;
}
#blue_bar {
margin: 0px;
padding: 0px;
width: 100%;
height: auto;
border-top: 2px solid #624AB5;
}
#light_blue_bar {
margin: 0px;
padding: 0px;
width: 100%;
height: auto;
border-top: 2px solid #4996B5;
}
#perpule_bar{
margin: 0px;
padding: 0px;
width: 100%;
height: auto;
border-top: 2px solid #B44AA8;
}
#green_bar{
margin: 0px;
padding: 0px;
width: 100%;
height: auto;
border-top: 2px solid #91B449;
}
#red_bar{
margin: 0px;
padding: 0px;
width: 100%;
height: auto;
border-top: 2px solid #B54949;
}

#container {
margin: 0px auto;
padding: 0px 0px;
background: url(web_images/shadow_left.jpg) repeat-y top left white;
width: 840px;
min-height: 820px;
`margin-top: -15px;/*for IE7*/
}
/*for IE6*/
*html #container{
margin-top: -15px;
height: 800px;
}




/* to hold right shadow */
#sub_container {
margin: 0px;
padding: 0px 0px;
width: 100%;
min-height: 820px;
background: url(web_images/shadow_right.jpg) repeat-y top right;
}
/*for IE*/
*html #sub_container {
height: 800px;
}


#wrapper_content {
margin: 0px auto;
padding: 0px;
height: auto;
width: 810px;
background:url(web_images/bg_banner.jpg) repeat-x top left;
}







/************       header content      **************/

#logo {
margin: 0px;
padding: 0px;
float: left;
text-align: right;
}

	#logo img {
	margin: 70px 10px 0px 60px;
	padding: 0px;
	}
	
	#logo h1 {
	margin: 10px;
	padding: 0px;
	font-size: 100%;
	color:#999999;
	font-weight: 100;
	}
	
.globes {
float: right;
}

#menu {
clear: both;
margin: 0px 0px 1px 0px;
padding: 5px 0px;
list-style: none;
width: 810px;
background: url(web_images/bg_blocks.jpg) repeat top left;
border-bottom: 1px solid #FF6633;
}

	#menu li {
	margin: 0px 35px;
	padding: 0px;
	display: inline;
	}
	
	#menu a{
	color:#8a8a8c;
	text-decoration: none;
	}
	
		
	#menu a:visited{
	color:#8a8a8c;
	text-decoration: none;
	}
	
	#menu a:active{
	color:#8a8a8c;
	text-decoration: none;
	}
	
	#menu a:hover{
	color:#666666;
	text-decoration: none;
	}
	
	
	#menu_green {
clear: both;
margin: 0px 0px 1px 0px;
padding: 5px 0px;
list-style: none;
width: 810px;
background: url(web_images/bg_blocks.jpg) repeat top left;
border-bottom: 1px solid #91B449;
}

	#menu_green li {
	margin: 0px 35px;
	padding: 0px;
	display: inline;
	}
	
	#menu_green a{
	color:#8a8a8c;
	text-decoration: none;
	}
	
		
	#menu_green a:visited{
	color:#8a8a8c;
	text-decoration: none;
	}
	
	#menu_green a:active{
	color:#8a8a8c;
	text-decoration: none;
	}
	
	#menu_green a:hover{
	color:#666666;
	text-decoration: none;
	}
	
	
	#menu_perpule {
clear: both;
margin: 0px 0px 1px 0px;
padding: 5px 0px;
list-style: none;
width: 810px;
background: url(web_images/bg_blocks.jpg) repeat top left;
border-bottom: 1px solid #B44AA8;
}

	#menu_perpule li {
	margin: 0px 35px;
	padding: 0px;
	display: inline;
	}
	
	#menu_perpule a{
	color:#8a8a8c;
	text-decoration: none;
	}
	
		
	#menu_perpule a:visited{
	color:#8a8a8c;
	text-decoration: none;
	}
	
	#menu_perpule a:active{
	color:#8a8a8c;
	text-decoration: none;
	}
	
	#menu_perpule a:hover{
	color:#666666;
	text-decoration: none;
	}
	
	#menu_blue {
clear: both;
margin: 0px 0px 1px 0px;
padding: 5px 0px;
list-style: none;
width: 810px;
background: url(web_images/bg_blocks.jpg) repeat top left;
border-bottom: 1px solid #624AB5;
}

	#menu_blue li {
	margin: 0px 35px;
	padding: 0px;
	display: inline;
	}
	
	#menu_blue a{
	color:#8a8a8c;
	text-decoration: none;
	}
	
		
	#menu_blue a:visited{
	color:#8a8a8c;
	text-decoration: none;
	}
	
	#menu_blue a:active{
	color:#8a8a8c;
	text-decoration: none;
	}
	
	#menu_blue a:hover{
	color:#666666;
	text-decoration: none;
	}
	
	
	
	#menu_light_blue {
clear: both;
margin: 0px 0px 1px 0px;
padding: 5px 0px;
list-style: none;
width: 810px;
background: url(web_images/bg_blocks.jpg) repeat top left;
border-bottom: 1px solid #4996B5;
}

	#menu_light_blue li {
	margin: 0px 35px;
	padding: 0px;
	display: inline;
	}
	
	#menu_light_blue a{
	color:#8a8a8c;
	text-decoration: none;
	}
	
		
	#menu_light_blue a:visited{
	color:#8a8a8c;
	text-decoration: none;
	}
	
	#menu_light_blue a:active{
	color:#8a8a8c;
	text-decoration: none;
	}
	
	#menu_light_blue a:hover{
	color:#666666;
	text-decoration: none;
	}
	
	
	#menu_red {
clear: both;
margin: 0px 0px 1px 0px;
padding: 5px 0px;
list-style: none;
width: 810px;
background: url(web_images/bg_blocks.jpg) repeat top left;
border-bottom: 1px solid #B54949;
}

	#menu_red li {
	margin: 0px 35px;
	padding: 0px;
	display: inline;
	}
	
	#menu_red a{
	color:#8a8a8c;
	text-decoration: none;
	}
	
		
	#menu_red a:visited{
	color:#8a8a8c;
	text-decoration: none;
	}
	
	#menu_red a:active{
	color:#8a8a8c;
	text-decoration: none;
	}
	
	#menu_red a:hover{
	color:#666666;
	text-decoration: none;
	}
	
	
	

/* end header content */








/*********************     INDEX      ******************/

#content_main {
width: 100%;
min-height: 555px;
margin: 0px;
padding: 0px;
background: url(web_images/gradient_fill.jpg) repeat-x top left;
}

/*for IE*/
*html #content_main {
height: 555px;
}


	#index_left {
	float:left;
	margin: 0px;
	padding: 50px 10px 0px 0px;
	width: 330px;
	}
	
		#index_left h5 {
		margin: 0px;
		margin-left: 0px;
		padding: 0px;
		padding-left: 27px;
		width: 235px;
		size: 100%;
		font-weight: 100;
		color: #7fa3d5;
		background: url(web_images/bullet_square.gif) 5% 50% no-repeat;
		border-bottom: 1px solid #e0e0e0;
		}
		
		#index_left h5.news{
		color: #FF6600;
		}
		
		#projects_img {
		margin: 20px 0px 20px 40px;
		padding: 0px;
		}
		
		dl#news {
		margin:15px 0px 10px 0px;
		padding: 15px;
		padding-bottom:2px;
		padding-left: 25px;
		width: 220px;
		height: auto;
		background-color: #f7f9ff;
		color:#8a8a8c;
		}
		
			dl#news dt {
			margin: 0px;
			margin-bottom: 6px;
			padding: 0px;
			padding-left: 15px;
			background: url(web_images/bullet_arrow_or.gif) left 50% no-repeat;
			text-transform:uppercase;
			font-weight: bold;
			font-size: 90%;
			}
			
			dl#news dd {
			margin: 0px;
			margin-bottom: 13px;
			padding:0px;
			padding-left: 13px;
			letter-spacing: 1px;
			}
			
		
		#fast_facts {
		margin: 15px 0px 0px 0px;
		padding: 15px;
		padding-top: 0px;
		font-size: 90%;
		width: 240px;
		line-height: 160%;
		height: 150px;
		}
		
			#fast_facts a:link {
			display: block;
			margin: 0px 0px 20px 0px;
			padding: 0px;
			text-decoration: none;
			color: #8a8a8c;
			}
			
			#fast_facts a:visited {
			display: block;
			margin: 0px 0px 20px 0px;
			padding: 0px;
			text-decoration: none;
			color: #8a8a8c;
			}
			
			#fast_facts a:hover {
			display: block;
			margin: 0px 0px 20px 0px;
			padding: 0px;
			text-decoration: none;
			color: #7fa3d5;
			}
		
		
		
	
	
	
		
	#index_right {
	float:right;
	margin: 0px;
	padding:50px 0px 0px 0px;
	width: 460px;
	}
	
		h1.welcome {
		font-size: 100%;
		margin: 0px;
		padding: 0px;
		padding-left: 19px;
		color: #7fa3d5;
		width:350px;
		}
		
			h1.welcome font {
			color: #8a8a8c;
			width:350px;
			}
			
		ul#index_txt {
		list-style: none;
		margin: 0px;
		margin-top: 20px;
		padding: 0px;
		padding-left: 0px;
		border-left: 1px solid #e0e0e0;
		text-align:justify;
		letter-spacing:1pt;
		width: 80%;
		color: #666666;
		line-height: 140%;
		}
		
			ul#index_txt li {
			margin: 10px 0px;
			padding: 0px;
			padding-left: 15px;
			background: url(web_images/bullet_arrow_or.gif) no-repeat left 5px;
			}
		
	



#footer {
clear: both;
margin: 0px;
padding: 20px 0px 15px 0px;
text-align: center;
font-size: 80%;
color:#999999;
background: url(web_images/gradient_footer.jpg) repeat-x bottom left;
}




/**************** products & services page *****************************/




#prod_services_left{
padding:0px 10px ;
margin:0px ;
width:350px ;
float:left ;
/*border:1px solid #FF0000;*/
}

#prod_services_left p{
margin: 0px 0px 40px 30px ;
padding: 0px;
padding-left: 15px;
border-left: 1px solid #e0e0e0;
text-align:justify;
color: #666666;
line-height: 140%;
background:url(web_images/red_arr.gif) no-repeat left 5px;
}
	
	h1.prod_services {
		font-size: 100%;
		margin: 0px 0px 0px 20px;
		padding: 45px 0px 15px 0px ;
		padding-left:35px;
		color: #8a8a8c;
		/*border:1px solid #FF0000;*/
		}
		
			h1.prod_services font {
			color: #7fa3d5;
			}
			
			h1.red_services {
		font-size: 100%;
		margin: 0px 0px 0px 20px;
		padding: 45px 0px 15px 0px ;
		padding-left:35px;
		color: #B54949;
		/*border:1px solid #FF0000;*/
		}
		
			h1.red font {
			color: #B54949;
			}
			
			h1.perpule {
		font-size: 100%;
		margin: 0px 0px 0px 20px;
		padding: 45px 0px 15px 0px ;
		padding-left:35px;
		color: #B44AA8;
		/*border:1px solid #FF0000;*/
		}
		
			h1. font {
			color: #B44AA8;
			}
			
			
			h1.light_blue {
		font-size: 100%;
		margin: 0px 0px 0px 20px;
		padding: 45px 0px 15px 0px ;
		padding-left:35px;
		color: #4996B5;
		/*border:1px solid #FF0000;*/
		}
		
			h1.light_blue font {
			color: #4996B5;
			}
			
				h1.green {
		font-size: 100%;
		margin: 0px 0px 0px 20px;
		padding: 45px 0px 15px 0px ;
		padding-left:35px;
		color: #91B449;
		/*border:1px solid #FF0000;*/
		}
		
			h1.green font {
			color: #91B449;
			}
			
			
#prod_services_right{
padding:0px 10px ;
margin:0px ;
width:350px ;
float:left ;
/*border:1px solid #FF0000;*/
}

#prod_services_right p{
margin: 0px 0px 40px 30px ;
padding: 0px;
padding-left: 15px;
border-left: 1px solid #e0e0e0;
text-align:justify;
color: #666666;
line-height: 140%;
background:url(web_images/red_arr.gif) no-repeat left 5px;
}

/**********************Careers************************/



#career_right{
padding:0px 10px ;
margin:0px ;
width:350px ;
float:left ;
/*border:1px solid #FF0000;*/
}

#career_right p{
margin: 0px 0px 40px 30px ;
padding: 0px;
padding-left: 15px;
border-left: 1px solid #e0e0e0;
text-align:justify;
color: #666666;
line-height: 140%;
background: url(web_images/lightB_arr.gif) no-repeat left 5px;
}

#career_left{
padding:0px 10px ;
margin:0px ;
width:350px ;
float:left ;
/*border:1px solid #FF0000;*/
}

#career_left p{
margin: 0px 0px 40px 30px ;
padding: 0px;
padding-left: 15px;
border-left: 1px solid #e0e0e0;
text-align:justify;
color: #666666;
line-height: 140%;
background:url(web_images/lightB_arr.gif)no-repeat left 5px;
}


#prod_services_right a{
color: #B44AA8;
display:block
}

#career_right a.blue:link{
	color:#7fa3d5;
	}
	
	
	
/************************ the team ********************/

#team_left{
padding:0px 10px ;
margin:0px ;
width:350px ;
float:left ;
/*border:1px solid #FF0000;*/
}

#team_left p{
margin: 0px 0px 40px 30px ;
padding: 0px;
padding-left: 15px;
border-left: 1px solid #e0e0e0;
text-align:justify;
color: #666666;
line-height: 140%;
background:url(web_images/green_arr.gif) no-repeat left 5px;
}
	
#top_team{
padding:0px 15px ;
margin:0px ;
width:730px ;

}
#top_team p{
margin: 0px 0px 0px 30px ;
padding: 0px;
padding-left: 15px;
text-align:justify;
color: #666666;
line-height: 140%;
}
#boo_team{
padding:0px 15px ;
margin:0px ;
width:730px ;

}
#boo_team p{
clear:both;	
margin: 0px 0px 0px 30px ;
padding: 0px;
padding-left: 15px;
text-align:center;
color: #666666;
line-height: 140%;
}	
	

h1.the_team {
		font-size: 100%;
		margin-top: 50px;
		margin-left:40px;
		padding: 0px;
		padding-left: 19px;
		color: #8a8a8c;
		}
		
			h1.the_team {
			color: #91B449;
			}
			
		#team_left font.green{
		display:block;
		font-size: 100%;
		font-weight:bold;
		margin-top: 30px;
		margin-left:27px;
		padding: 0px;
		padding-left: 19px;
		color: #7fa3d5;
		}

#team_left h5{
margin-left:45px;
color: #7fa3d5;
}

#meet_right{
padding:0px 10px ;
margin:0px ;
width:350px ;
float:left ;
/*border:1px solid #FF0000;*/
}

#meet_right p{
margin: 0px 0px 40px 30px ;
padding: 0px;
padding-left: 15px;
border-left: 1px solid #e0e0e0;
text-align:justify;
color: #666666;
line-height: 155%;
background:url(web_images/green_arr.gif) no-repeat left 5px;
}


#meet_right h5{
display:block;
margin-top:65px;
margin-left:45px;
color:#7fa3d5;
}


	/*********************contact us****************************/
	
#contact_left{
padding:0px 10px 0px 20px ;
margin:0px ;
width:420px ;
float:left ;
/*border:1px solid #FF0000;*/
}
#contact_left table{
color: #666666;
font-size:85%;
}
.red{
color:#990000;
}
.bodytext{
width:180px;
}
.smallcontent{
display:block;
}
#contact_left p{
margin: 0px 0px 40px 30px ;
padding: 0px;
padding-left: 15px;
border-left: 1px solid #e0e0e0;
text-align:justify;
color: #666666;
line-height: 140%;
background:url(web_images/per_arr.gif) no-repeat left 5px;
}
	
	h1.contact_left {
		font-size: 100%;
		margin: 0px 0px 0px 20px;
		padding: 45px 0px 15px 0px ;
		padding-left:35px;
		color: #8a8a8c;
		/*border:1px solid #FF0000;*/
		}
		
			h1.contact_left font {
			color: #7fa3d5;
			}
			
		#contact_left a.blue:link{
		color:#7fa3d5;
		display:block;
		}
		#contact_left a.blue:visited{
		color:#7fa3d5;
		display:block;
		}
		#contact_left a.blue:hover{
		color:#7fa3d5;
		display:block;
		}
	
	#con_right{
padding:0px 10px ;
margin:0px ;
width:280px ;
float:left ;
/*border:1px solid #FF0000;*/
}

#con_right p{
margin: 0px 0px 40px 30px ;
padding: 0px;
padding-left: 15px;
border-left: 1px solid #e0e0e0;
text-align:justify;
color: #666666;
line-height: 140%;
background: url(web_images/per_arr.gif) no-repeat left 5px;
}
	
#contact_right ul {	
margin: 0px 0px 40px 30px ;
padding: 0px;
padding-left: 15px;
list-style: none;
padding-left: 15px;
border-left: 1px solid #e0e0e0;
background: url(web_images/per_arr.gif) no-repeat left 5px;
}


	#contact_right li {
	margin: 0px;
	padding: 0px;
	color:#7fa3d5;
	list-style: none;
	}
	
	#con_right a.blue:link{
	color:#7fa3d5;
	}
	
	
	
	
	
	
	/************************* Portfolio ******************************/

#top_portfolio{
padding:0px 15px ;
margin:0px ;
width:730px ;
}
#top_portfolio p{
margin: 0px 0px 25px 30px ;
padding: 0px;
padding-left: 15px;
text-align:justify;
color: #666666;
line-height: 140%;
border-left: 1px solid #e0e0e0;
background:url(web_images/blue_arr.gif) no-repeat left 5px;
}		
#portfolio_content{
padding:0px 0px ;
margin-top:0px ;
width:730px;
}
	#portfolio_content h5{
	clear:both;
	margin-left: 0px;
	padding: 0px;
	padding-left: 65px;
	font-weight:bold;
	width: 235px;
	color: #7fa3d5;
	background: url(web_images/bullet_square.gif) 17% 50% no-repeat;
	border-bottom: 1px solid #e0e0e0;
	}
#portfolio_content p{
margin:0px;
margin-left:60px;
text-align:justify;
color: #666666;
line-height: 140%;
width:235px;
}
#portfolio_content dl{
float:left;
display:inline;
padding: 0px;
margin: 0px;
margin-bottom:20px;
}
#portfolio_content dt{
margin:0px;
margin-left:60px;
text-align:left;
color: #666666;
line-height: 140%;
width:235px;
float:left;
display: inline; /*for ie 2x margin*/
}

#portfolio_content dd{
margin-top:10px;
margin-bottom:10px;
float:right;
border-left: 1px solid #e0e0e0;
padding-left: 15px;
background:url(web_images/blue_arr.gif) no-repeat left 5px;
}

#portfolio_content dt a{
margin-bottom:10px;
display:block;
color:#8a8a8c;
}

#portfolio_content font{
margin-top:20px;
display:block;
font-size:100%;
color:#7fa3d5;
}
/*COLORS

light-blue: #7fa3d5
orange: #FF6600
gray: #eoeoeo
light-gray: #f7f9ff
dark-gray: #8a8a8c
orange hover: #FF9900

*/