body {
	margin:0;
	padding:0;
	text-align:center;
	background-color:#CCDAE5;
	background-image:url(../img/main_background.jpg);
	background-position:top;
	background-repeat:repeat-x;
	}
	
#mainContainer {
	width:848px;
	height:auto;
	background-color:#FFFFFF;
	padding:2px;
	margin:0 auto;
	text-align:left;
	overflow:auto;
	}
.description a {
	text-decoration:underline;
	color:#4BA0F1;
	}
.description a:hover {
	text-decoration:none;
	color:#FF9900;
	}		
.contact a {
	text-decoration:underline;
	color:#0099FF;
	}
.contact a:hover {
	text-decoration:none;
	color:#FF9900;
	}			
#topNavBack {
	width:100%;
	height:24px;
	background-image:url(../img/topnavback.jpg);
	background-repeat:repeat-x;
	}
.topnavList {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000066;
	padding:2px;
	margin:0;
	float:right;
	}
.topnavList li {
	display:inline;
	padding:0 5px;
	}			
.topnavList a {
	color:#FFFFFF;
	text-decoration:none;
	}
.topnavList a:hover {
	color:#000033;
	text-decoration:underline;
	}		
#head {
	width:100%;
	height:80px;
	}	
	
#logo {
	background-image:url(../img/logo.jpg);
	background-position:left;
	background-repeat:no-repeat;
	width:210px;
	height:79px;
	float:left;
	
	}
#slogan {
	background-image:url(../img/slogan.jpg);
	background-position:right;
	background-repeat:no-repeat;
	width:440px;
	height:79px;
	float:right;
	}	
#mainNav {
	background-image:url(../img/mainnavback.jpg);
	background-repeat:repeat-x;
	width:100%;
	height:38px;
	border-bottom:3px solid #ffffff;
	}
#topServices {
	background-image:url(../img/services_back.jpg);
	background-repeat:repeat-x;
	width:100%;
	height:168px;
	float:left;
	}
#bottomServices {
	width:100%;
	height:auto;
	clear:both;
	}	
#devider {
	background-image:url(../img/devider.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:18px;
	margin-top:7px;
	float:left;
	}		
#deviderDark {
	background-image:url(../img/deviderdark.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#EFEFEF;
	width:100%;
	height:250px;
	margin-top:7px;
	float:left;
	}		
#footer {
	background-image:url(../img/footer.jpg);
	width:100%;
	height:200px;
	background-repeat:repeat-x;
	float:left;
	}	
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#49A9FF;
	margin:40px 20px;
	}	
.footerNav {
	margin-left:-10px;
	margin-top:-35px;
	list-style-image:url(../img/dot.gif);
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
		}
		
.footerNav a {
	color:#FFFFFF;
	text-decoration:none;
	}
.footerNav a:hover {
	color:#49A9FF;
	}			
#cont {
	width:140px;
	height:auto;
	float:left;
	margin-left:1px;
	background-image:url(../img/vertical.gif);
	background-position:right;
	background-repeat:no-repeat;
	height:162px;
	}
#cont1 {
	width:140px;
	height:auto;
	float:left;
	margin-left:1px;
	background-image:url(../img/vertical.gif);
	background-position:right;
	background-repeat:no-repeat;
	height:162px;
	}	
	#cont2 {
	width:140px;
	height:auto;
	float:left;
	margin-left:1px;
	background-image:url(../img/vertical.gif);
	background-position:right;
	background-repeat:no-repeat;
	height:162px;
	}
	#cont3 {
	width:140px;
	height:auto;
	float:left;
	margin-left:1px;
	background-image:url(../img/vertical.gif);
	background-position:right;
	background-repeat:no-repeat;
	height:162px;
	}
	#cont4 {
	width:140px;
	height:auto;
	float:left;
	margin-left:1px;
	background-image:url(../img/vertical.gif);
	background-position:right;
	background-repeat:no-repeat;
	height:162px;
	}
	#cont5 {
	width:140px;
	height:auto;
	float:left;
	margin-left:1px;
	background-image:url(../img/vertical.gif);
	background-position:right;
	background-repeat:no-repeat;
	height:162px;
	}
.copy {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	text-align:center;
	margin-top:10px;
	}	
.ver {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#999999;
	text-align:center;
	margin-top:-5px;
	}	
/* Services */
#piEntertainment	{
	background-image:url(../img/entertainmentback.jpg);
	background-repeat:no-repeat;
	width:261px;
	height:168px;
	float:left;
	margin-left:2%;
	}
#piMobile {	
	background-image:url(../img/mobileserback.jpg);
	width:258px;
	height:168px;
	float:left;
	margin-left:2%;
	}
#piAcademy {	
	background-image:url(../img/academyback.jpg);
	background-repeat:no-repeat;
	width:260px;
	height:168px;
	float:left;
	margin-left:2%;
	
	}	
#solutionField1 {
	background-image:url(../img/servnormalback.jpg);
	background-repeat:no-repeat;
	width:270px;
	height:142px;
	float:left;
	margin:0 12px 0 0;
	}
#solutionField2 {
	background-image:url(../img/servnormalback.jpg);
	background-repeat:no-repeat;
	width:270px;
	height:142px;
	float:left;
	margin:0 12px 0 0;
	}

#solutionField3 {
	background-image:url(../img/servnormalback.jpg);
	background-repeat:no-repeat;
	width:270px;
	height:142px;
	float:left;
	margin:0 12px 0 0;
	}
.mainMenuList {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4977B6;
	padding:0;
	text-align:center;
	float:left;
	margin-left:40px;
	margin-top:15px;
	

	}
#services 	{
	background-image:url(../img/servoces_back.jpg);
	width:100%;
	height:307px;
	background-repeat:repeat-x;
	}
	
.mainMenuList a {
	color:#555555;
	font-weight:normal;
	text-decoration:none;
	}	
.mainMenuList a:hover {
	color:#4977B6;
	
	}	
	
#subMenu {
	width:auto;
	height:19px;
	background-image:url(../img/submenui.jpg);
	background-repeat:repeat-x;
	
	margin:0;
	}	
.subMenuList {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#3C6D94;
	margin-left:65px;
	margin-top:0;
	margin-bottom:0;
	padding:0;
	line-height:17px;
	font-weight:bold;
	}	
.subMenuList li {
	display:inline;
	padding-left:10px;
	
	}
.subMenuList a {
	text-decoration:none;
	color:#7C7C7C;
	font-weight:normal;
	}
.subMenuList a:hover {
	text-decoration:underline;
	color:#3C6D94;
	}			
.mainMenuList li {
	display:inline;
	padding:0 15px;
	margin:0;
	background-image:url(../img/menudev.jpg);
	background-position:left;
	background-repeat:no-repeat;
	
	}	
#team {
	width:400px;
	height:240px;
	float:left;
	margin-left:30px;
	}
#philosophy {
	width:400px;
	height:240px;
	float:left;
	}	
	
h5 {
	font-family:"Trebuchet MS";
	font-size:16px;
	color:#4B535C;
	border-bottom:1px solid #C0C0C0;
	width:360px;
	
	}
h1 {
	font-family:"Trebuchet MS";
	font-size:16px;
	color:#4B535C;
	border-bottom:1px solid #C0C0C0;
	width:820px;
	margin-left:10px;
	}
.text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	text-align:justify;
	width:820px;
	margin-left:10px;
	
	
	}
.text_list {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
		}
.text a {
	color:#266FB7;
	font-weight:bold;
	}	
.text a:hover {
	text-decoration:none;
	color:#7EA3C7;
	}	
.contact {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	text-align:justify;
	
	margin-left:10px;
	
	
	}
.description {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	text-align:justify;
	width:600px;
	margin:0;
	padding:0;
	}
.tech {
			font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#008CD5;
	text-align:justify;
	width:196px;
	margin:0 2px;
	padding:0;}
.text_web {	

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#008CD5;
	text-align:justify;
	padding:0;
	margin:0;
	
	font-weight:bold;
	}
.text_web a {
	color:#008CD5;
	}
.text_web a:hover {
	color:#FF6600;
	text-decoration:none;
	}	
.tools {
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	text-align:justify;
	font-weight:bold;
	margin:0 2px;
	}
.boldTitle {
	color:#4977B6;
	}
.aboutText {
	font-family:Arial, Helvetica, sans-serif;
	color:#232B33;
	font-size:12px;
	text-align:justify;
	width:360px;
	}
.SolText {
	font-family:Arial, Helvetica, sans-serif;
	color:#6F7982;
	font-size:12px;
	width:230px;
	text-align:justify;
	margin:13px 20px;
	}
h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:12px;
	font-weight:bold;
	margin:10px 10px;
	}			
.servText {
	font-family:Arial, Helvetica, sans-serif;
	color:#6F7982;
	font-size:12px;
	width:230px;
	text-align:justify;
	margin:-8px 10px;
	}	
.more {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	margin:50px 190px;
	width:60px;
	}	
.more a {
	color:#4773B3;
	}
.more a:hover {
	color:#666666;
	}		
.moreSol {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	margin:-5px 200px;
	width:60px;
	}	
.moreSol a {
	color:#4773B3;
	}
.moreSol a:hover {
	color:#666666;
	}			
.web {
	background-image:url(../img/web.gif);
	width:92px;
	height:41px;
	margin:-10px 15px;
	background-repeat:no-repeat;
	}
.enterprise {
	background-image:url(../img/entreprise.gif);
	width:146px;
	height:41px;
	margin:-10px 15px;
	}
.pi{
	background-image:url(../img/pi.gif);		
	width:116px;
	height:42px;
	margin:-10px 15px;
	}
h3 {
	display:none;
	}		
/* IE 6 */

*html #piEntertainment	{
	background-image:url(../img/entertainmentback.jpg);
	background-repeat:no-repeat;
	width:268px;
	height:168px;	
	margin-left:9px;
	
	}
*html #piMobile {	
	background-image:url(../img/mobileserback.jpg);
	background-repeat:no-repeat;
	width:268px;
	height:168px;
	float:left;
	margin-left:9px;
	
	}
*html #piAcademy {	
	background-image:url(../img/academyback.jpg);
	background-repeat:no-repeat;
	width:268px;
	height:168px;
	float:left;
	margin-left:9px;
	
	}		
*html #solutionField1 {
	background-image:url(../img/servnormalback.jpg);
	background-repeat:no-repeat;
	width:270px;
	height:142px;
	float:left;
	margin-left:1px;
	
	}	
*html #solutionField2 {
	background-image:url(../img/servnormalback.jpg);
	background-repeat:no-repeat;
	width:270px;
	height:142px;
	float:center;
	margin-left:1px;
	
	}		
*html #solutionField3 {
	background-image:url(../img/servnormalback.jpg);
	background-repeat:no-repeat;
	width:270px;
	height:142px;
	float:left;
	margin-left:1px;
	
	}	
*html #topServices {
	background-image:url(../img/services_back.jpg);
	background-repeat:repeat-x;
	width:100%;
	height:68px;

	}	
*html .mainMenuList {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4977B6;
	padding:0;
	text-align:center;
	float:left;
	margin-left:15px;
	margin-top:15px;
	
	
	}

*html .more {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	margin:30px 10px;
	width:50px;
	float:right;
	}		
	
*html .moreSol {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	margin:20px 5px;
	width:50px;
	float:right;
	}		
	
*html .web {
	background-image:url(../img/web.gif);
	width:92px;
	height:41px;
	margin:1px 15px;
	background-repeat:no-repeat;
	}
*html .enterprise {
	background-image:url(../img/entreprise.gif);
	width:146px;
	height:41px;
	margin:1px 15px;
	}
*html .pi {
	background-image:url(../img/pi.gif);		
	width:116px;
	height:42px;
	margin:1px 15px;
	
	}
	
*html .SolText {
	font-family:Arial, Helvetica, sans-serif;
	color:#6F7982;
	font-size:12px;
	width:230px;
	text-align:justify;
	margin:-21px 20px;
	}	
*html .SolText {
	font-family:Arial, Helvetica, sans-serif;
	color:#6F7982;
	font-size:12px;
	width:230px;
	text-align:justify;
	
	}
*html #team {
	width:400px;
	height:200px;
	float:left;
	margin-left:10px;
	margin-top:10px;
	}
*html #philosophy {
	width:400px;
	margin-top:10px;
	margin-left:20px;
	height:200px;
	float:left;
	}	
	
*html .footerNav {
	margin-left:35px;
	margin-top:-35px;
	list-style-image:url(../img/dot.gif);
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
		}	
*html .copy {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	text-align:center;
	margin-top:-10px;
	height:10px;
	}	
*html .ver {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#999999;
	text-align:center;
	margin-top:-10px;
	height:10px;
	}	
	
*html #footer {
	background-image:url(../img/footer.jpg);
	width:100%;
	height:200px;
	background-repeat:repeat-x;
	float:left;
	
	}		
	
/* Transperancy */
	
a.linkopacity img {
	filter:alpha(opacity=70); 
	-moz-opacity: 0.77; 
	opacity: 0.7;
	border: 1px solid #3E3E3E;
	}

a.linkopacity:hover img {
     filter:alpha(opacity=100);   
	-moz-opacity: 1.0;   
	 opacity: 1.0;
	 border: 1px solid #000;
}

a.linkopacity2 img {
	 filter:alpha(opacity=100);   
	-moz-opacity: 1.0;   
	 opacity: 1.0;
	border: 1px solid #3E3E3E;
	}

a.linkopacity2:hover img {
    filter:alpha(opacity=70); 
	-moz-opacity: 0.77; 
	opacity: 0.7;
	
}
#top_services {
	float:left;
	margin-top:0px;
	}	
#top_services1 {
	float:left;
	margin-top:0px;
	}		
#about {
	background-image:url(../img/about.gif);
	width:252px;
	height:137px;
	margin: 8px 15px;
	float:left;
	}
#web 	{
	background-image:url(../img/web.gif);
	width:252px;
	height:137px;
	margin: 8px 15px;
	float:left;
	}
#entertainment 	{
	background-image:url(../img/entertainment.gif);
	width:252px;
	height:137px;
	margin: 8px 15px;
	float:left;
	}	
#enterprise 	{
	background-image:url(../img/entreprise.gif);
	width:252px;
	height:137px;
	margin: 8px 15px;
	float:left;
	}		
#mobile 	{
	background-image:url(../img/mobileserback.jpg);
	width:252px;
	height:137px;
	margin: 8px 15px;
	float:left;
	}			
#academy 	{
	background-image:url(../img/academyback.jpg);
	width:252px;
	height:137px;
	margin: 8px 15px;
	float:left;
	}				
	
/* -- */

*html #top_services {
	float:left;
	margin-top:0px;
	}	
*html #top_services1 {
	float:left;
	margin-top:0px;
	}		
*html #about {
	background-image:url(../img/about.gif);
	width:252px;
	height:137px;
	margin: 9px 11px;
	float:left;
	}
*html #web 	{
	background-image:url(../img/web.gif);
	width:252px;
	height:137px;
	margin: 9px 11px;
	float:left;
	}
*html #entertainment 	{
	background-image:url(../img/entertainment.gif);
	width:252px;
	height:137px;
	margin: 9px 11px;
	float:left;
	}	
*html #enterprise 	{
	background-image:url(../img/entreprise.gif);
	width:252px;
	height:137px;
	margin: 9px 11px;
	float:left;
	}		
*html #mobile 	{
	background-image:url(../img/mobileserback.jpg);
	width:252px;
	height:137px;
	margin: 9px 11px;
	float:left;
	}			
*html #academy 	{
	background-image:url(../img/academyback.jpg);
	width:252px;
	height:137px;
	margin: 9px 11px;
	float:left;
	
	}				
*html .servText {
	font-family:Arial, Helvetica, sans-serif;
	color:#6F7982;
	font-size:12px;
	width:230px;
	text-align:justify;
	margin:-8px 10px;
	}			
*html #cont {
	width:140px;
	height:auto;
	float:left;
	margin-left:0;
	background-image:url(../img/vertical.gif);
	background-position:right;
	background-repeat:no-repeat;
	height:162px;
	}	
*html #cont1 {
	width:140px;
	height:auto;
	float:left;
	margin-left:0;
	background-image:url(../img/vertical.gif);
	background-position:right;
	background-repeat:no-repeat;
	height:162px;
	}		
	*html #cont2 {
	width:140px;
	height:auto;
	float:left;
	margin-left:0;
	background-image:url(../img/vertical.gif);
	background-position:right;
	background-repeat:no-repeat;
	height:162px;
	}	
	*html #cont3 {
	width:140px;
	height:auto;
	float:left;
	margin-left:0;
	background-image:url(../img/vertical.gif);
	background-position:right;
	background-repeat:no-repeat;
	height:162px;
	}	
	*html #cont4 {
	width:140px;
	height:auto;
	float:left;
	margin-left:0;
	background-image:url(../img/vertical.gif);
	background-position:right;
	background-repeat:no-repeat;
	height:162px;
	}	
	*html #cont5 {
	width:140px;
	height:auto;
	float:left;
	margin-left:0;
	background-image:url(../img/vertical.gif);
	background-position:right;
	background-repeat:no-repeat;
	height:162px;
	}