
/* Default HTML */

body { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 70%;
	background: white url(/images/background-2d.jpg) repeat-x fixed top; 
	margin: 30px auto 30px;
	color: #111;
	}
blockquote {
	font-style: italic;
	line-height: 1.4;
	}
p { 	
	font-size: 100%;
	line-height: 1.4;
	}
p strong { 	
	color: #000;
	}
h1, h2, h3, h4, h5, h6 { 
	font-size: 100%;
	margin: 0;
	}
h1 { 
	font-size: 175%;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-style: italic; 
	letter-spacing: -1px;
	color: #111;
	margin: 0 0 0;
	}
h2 { 
	font-size: 175%;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-style: italic; 
	letter-spacing: -1px;
	color: #111;
	margin: 0 0 0;
	}
h3 { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 150%;
	font-style: italic;
	margin: .5em 0 0;
	color: #111;
	/* color: #dd0000; */
	/* font-style: italic; 
	letter-spacing: -1px;*/
	}
h4 { 
	font-size: 135%;
	font-style: italic;
	margin: 0em 0 0;
	color: #111;
	/* font-style: italic; 
	letter-spacing: -1px;*/
	}
h5 { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 125%;
	color: #dd0000;
	margin: 0 0 0;
	font-style: italic;
	line-height: 1.0;
	/* letter-spacing: -.09em; */
	}
h6 { 
	font-size: 110%;
	margin: .5em 0 0;
	/* color: #dd0000; */
	/* font-style: italic; */
	/* letter-spacing: -.09em; */
	padding-top: .5em;
	}
img { border: 0px; }
ul, ol {
	/* margin-left: 1.0em; */
	/* padding-left: 1.5em; 
	margin: auto 0 auto 0em;
	padding: auto 0 auto 0em;*/
	}
sup {
	vertical-align: text-top;
	}
li {
	/* margin: 0;
	padding: 0;
	list-style-type: none; */
	}
#content a { text-decoration: none; }
#content a:link { color: #006; border-bottom: 1px dotted; }
#content a:visited { color: #336; border-bottom: 1px dotted; }
#content a:hover, #content a:active { color: red; border-bottom: 1px solid; }

/* Structure */

#top {
	width: 749px;
	height: 9px;
	margin: auto;
	background-color: white; 
	border: 0px black solid;
	border-width: 1px 1px 0;
	position: relative;
	left: -1px;
	margin-bottom: -2px;
	}
.corner {
	width: 4px;
	height: 4px;
	background-repeat: no-repeat;	
	/* background-image: url(/images/corner-top.gif);  */	
	/* background-position: -1px; */
	}
#left {
	position: absolute;
	top: -1px;
	left: -1px;
	background-image: url(/images/corner-top-leftb.gif); 	
	/* background-position: -1px -1px; */ 
	}
#right {
	position: absolute;
	top: -1px;
	right: -3px;
	width: 6px;
	height: 9px;
	background-image: url(/images/corner-top-right3b.gif);	
	} 
* html #right {
	right: -4px;	
	} 
#wrapper { 
	width: 749px;
	margin: auto;
	background-color: white; 
	border-bottom: 1px #000 solid;
	border-left: 1px black solid;
	border-right: 3px #313131 solid;
	position: relative;
	}
	#head {
		position: relative;
		height: 38px;
		/* border-bottom: #cc0000 3px solid; */		
		}	
		#logo {
			position: absolute;
			top: 5px;
			left: 17px;
			}	
			
		#nav-language {
			position: absolute;
			top: 0px;
			right: 10px;
			margin: 0;
			font-size: 85%;
			/* display: none; */
			}	
		#nav-language li {
			list-style-type: none;
			display: inline;
			margin: 0 3px;
			}
		#nav-language a:link,
		#nav-language a:visited  { text-decoration: none; border-bottom: 1px dashed; color: black; }
		#nav-language a:hover, 
		#nav-language a:active { color: red; }
	
	#banner {
		background: #ccc url(/images/banner-01b.jpg) no-repeat center center;
		width: 749px;
		height: 168px;
		border-top-color: black;
		border-bottom-color: white;
		border-style: solid;
		border-width: 1px 0;
		}
	
	#page-solution #banner,
	#page-solution1 #banner,
	#page-solution2 #banner,
	#page-solution3 #banner,
	#page-solution4 #banner,
	#page-solution5 #banner {
		background-image: url(/images/new-banner-secret6.jpg);
		}
		
	#page-service #banner,
	#page-outsourcing #banner,
	#page-integration #banner {
		background-image: url(/images/new-banner-secret6.jpg);
		}
		
	#page-team #banner,
	#page-company #banner,
	#page-news #banner,
	#page-about #banner {
		background-image: url(/images/new-banner-secret1.jpg);
		}
		
	#page-contact #banner {
		background-image: url(/images/new-banner-secret5.jpg);
		}
		

	#page-secret #banner {
		background-image: url(/images/new-banner-02a.jpg);
		}	
	#page-secret1 #banner {
		background-image: url(/images/new-banner-03b.jpg);
		}		
	#page-secret2 #banner {
		background-image: url(/images/new-banner-04a.jpg);
		}	
		
		
		
	#page-news #banner {
		background-image: url(/images/new-banner-secret2.jpg);
		}
		
	#page-home #head {
		border-bottom-color: #cc0000;		
		}	
	
	#page-home #banner {
		background-image: url(/images/new-banner-secret3.jpg); 
		border-bottom-color: #fff;
		}
		
	#page-home #main {
		border-top-color: #cc0000;
		/* background-color: #f7f7f7; */	
		}
		
	#page-home #content {
		/* border-left: 0px #ccc solid; */		
		}
		
	#main {
		background-color: #f9f9f9;
		/* line-height: 1.2; */
		width: 100%;
		}
		#side {
			float: left;
			width: 190px;
			margin: 0;
			border-top: #000 8px solid;
			}		
			#side ul {	
				margin: 0;
				padding: 0;
				}			
			#side li {	
				display: inline;
				list-style-type: none;
				}	
			#nav-main a { 
				color: black; 
				display: block;
				font-size: 90%; 
				text-decoration: none;
				border-style: dashed;
				border-color: #b4b4b4;
				border-width: 0px 0 1px 0;
				background-color: #eaeaea;
				line-height: 30px;
				padding-left: 20px;
				/* font-weight: bold;	 */			
				}			
			
			.ad { margin-bottom: 10px; }
		
			#nav-main li ul {
				display: none;
				margin: 0;
				}	
			
			#page-team #nav-main ul#nav-about,
			#page-company #nav-main ul#nav-about,
			#page-solution #nav-main ul#nav-solution,
			#page-solution1 #nav-main ul#nav-solution,
			#page-solution2 #nav-main ul#nav-solution,
			#page-solution3 #nav-main ul#nav-solution,
			#page-solution4 #nav-main ul#nav-solution,
			#page-solution5 #nav-main ul#nav-solution,
			#page-service #nav-main ul#nav-services,
			#page-outsourcing #nav-main ul#nav-services,
			#page-integration #nav-main ul#nav-services {
				display: block;
				/* background-color: #f7f7f7; */
				}
			#page-solution #link-solution,
			#page-solution1 #link-solution,
			#page-solution2 #link-solution,
			#page-solution3 #link-solution,
			#page-solution4 #link-solution,
			#page-solution5 #link-solution {
				/* background-color: #ddd; */
				font-weight: bold;
				background: url(/images/+black.gif) no-repeat 10px 1.05em;
				}
			ul#nav-solution a:link,	
			ul#nav-solution a:visited {
				background: url(/images/-black.gif) no-repeat 20px 1.05em;
				background-color: /* #ddd */;
				}
				
			#page-service #link-services,
			#page-outsourcing #link-services,
			#page-integration #link-services {
				/* background-color: #ddd; */
				font-weight: bold;
				background: url(/images/+black.gif) no-repeat 10px 1.05em;
				}
			ul#nav-services a:link,	
			ul#nav-services a:visited {
				background: url(/images/-black.gif) no-repeat 20px 1.05em;
				background-color: /* #ddd */;
				}
					
			#page-team #link-about,
			#page-company #link-about  {
				background-color: /* #ddd */;
				font-weight: bold;
				background: url(/images/+black.gif) no-repeat 10px 1.05em;
				}
			ul#nav-about a:link,	
			ul#nav-about a:visited {
				background: url(/images/-black.gif) no-repeat 20px 1.05em;
				/* background-color: #f7f7f7; */
				}											
					
			#ngt a.link {				
				display: block;
				text-align: center;
				border: 1px solid #ccc;
				border-width: 0px 0px 1px 0px;
				border-right: 1px solid #ccc;
				/* border-left: 1px solid #ccc; */
				height: 25px; line-height: 25px;
				background-color: white;
				}									
					
			#nav-main li li a {
				padding-left: 30px;
				/* font-weight: bold; */
				/* background: url(/images/-black.gif) no-repeat 20px 1.05em; */
				}									
					
			#ngt a.link:link,
			#ngt a.link:visited,	
			#nav-main a:link, 
			#nav-main a:visited { /* background-color: #f7f7f7; */ color: black; }
			#ngt a.link:hover,
			#ngt a.link:active,
			#nav-main a:hover { background-color: #fff; font-weight: bold; }
			#nav-main a:active { color: red; }
			
				
			/* ONE LINKS */						
			
			#page-home #link-home,
			#page-solution #link-solution,
			#page-solution1 #link-solution1,
			#page-solution2 #link-solution2,
			#page-solution3 #link-solution3,
			#page-solution4 #link-solution4,
			#page-solution5 #link-solution5,
			#page-service #link-services,
			#page-integration #link-integration,
			#page-outsourcing #link-outsourcing,
			#page-customer #link-customer,
			#page-news #link-news,
			#page-about #link-about,
			#page-company #link-company,
			#page-team #link-team,
			#page-career #link-career,
			#page-contact #link-contact
			 { 
				/* background-color: #f7f7f7; */
				background-color: #fff;
				font-weight: bold;
				color: #c80000;
				/* background: url(/images/+red.gif) no-repeat 10px 1.05em; */				
				background-image: none;
				}
			
			
		#content {
			border-top: #cc0000 8px solid;
			/* float: left; */
			/* border-left: 190px #f7f7f7 solid; */
			background-color: #fff;
			border-left: 1px #ccc solid;
			margin-left: 190px;
			padding: 20px 30px 40px 30px;		
				
			}
			
/* Hides from IE5-mac \*/
* html #content { height: 1%; float: right; width: 498px; margin-left: 0px;}
/* End hide from IE5-mac */

		#content li {
			/* margin: 0;
			padding: 0; */
			/* list-style-type: disc; */
			}
			
		#content .diagram {
			/* font-size: .9em; */
			}
		/* #content .diagram p {
			margin: 2em 0 0;
			} */
		#content img.float-left {
			margin: 3px 15px 10px 0;
			}
		#content img.float-right {
			margin: 0px 0 10px 14px;
			} 
			
#foot {	
	position: relative;
	width: 747px;
	left: 3px;
	margin: auto;
	padding-top: 5px;
	text-align: center;
	font-size: 85%;
	color: #666;
	border-top: 3px #313131 solid;
	}

/* Miscellaneous */
	
	.float-left { float: left; }
	.float-right { float: right; }

	.clear { clear: both; }
	.clear-left { clear: left; }
	.clear-right { clear: right; }
	.no-css { display: none; }
	hr { 
		/* border: blue 0px solid; */ 
		border-style: dashed;
		border-width:0;
		border-color: white;
		color: white;
		height: 0;
		width: 0;
		margin: 0; 
		padding: 0;		
		}
