* { margin: 0; padding: 0; }

/* font */
html { font-size: 100.01%; }
body { font-size: 70%; }
input, select, textarea { font-size: 100%; }

/* layout - general */
img { border: none; }
acronym { cursor: help; }
a:link, a:visited { cursor/**/: /**/pointer; }

input.text, textarea { 
	padding: 1px 0px; 
	border: solid 1px #d1cbcb;
	background: #f0f4f5;
}
.submit { 
	cursor/**/: /**/pointer; 
}
#ie6 .submit { padding: 0; }

 ul, ol { margin: 0 0 1em 2.5em; padding: 0; list-style: disc; }*/
ul li, ol li { margin: .2em 0; padding: 0; }
select > option { margin: 0 5px 0 3px; }

/*.ul { margin: 0; padding: 0; list-style-type: none; }
.ul li { margin: 0; padding: 0; list-style: none; list-style-image: none; list-style-type: none; } */

#page .flR { float: right; }
#page .flL { float: left; }
#page .alR { text-align: right; }
#page .alC { text-align: center; }

.hide { display: none; }

.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; width: 100%; height: 100%; text-indent: -1000em; }

a:link, a:visited {
	color: #990000;
	text-decoration: none;
}
a:visited {
	color: #999966;
}
a:link:hover, a:visited:hover {
	color: #990000;
	text-decoration: underline;
}
a.inv:link, a.inv:visited {
	text-decoration: underline;
}
a.inv:link:hover, a.inv:visited:hover {
	text-decoration: none;
}

.cols {
	overflow: hidden;
	margin: 0;
}
* html .cols {
	zoom: 1;
}
.cols .col {
	float: left;
	width: 48.5%;
	margin: 0 2.5% 0 0;
}
body #page .last {
	margin-right: 0;
}


/* Clear Floats Without Structural Markup */
.clearFix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearFix { display: inline-block; }
/* \*/
* html .clearFix { height: 1%; }
.clearFix { display: block; }
/* */


/* layout - specific */
* {
	font-family: Arial, sans-serif;
}
body {
	background: #1d1e20;
	text-align: center;
}
#page {
	margin: 0 auto;
	text-align: left;
	width: 838px;
	color: #666666;
	font-size: 1.1em;
}
	#page2 {
		float: right;
		width: 800px;
		background: #FFFFFF url(../../image/site/KOI/content/page-r.gif) repeat-y 100% 0;
	}
		#page3 {
			background:  url(../../image/site/KOI/content/page-b.gif) no-repeat 0 100%;
		}
			#page4 {
				background:  url(../../image/site/KOI/content/bot-r.jpg) no-repeat 100% 100%;
				padding: 0 0 75px 0;
				min-height: 555px;
			}

	#menuBar {
		float: left;
		width: 38px;
		min-height: 600px;
		background: #1d1e20;
		margin: 29px 0 0 0;
	}
		#menuBar li {
			display: block;
			position: relative;
		}
			#menuBar li a:link, #menuBar li a:visited {	
				display: block;
				height: 95px;
				width: 38px;
				font-weight: bold;
				text-decoration: none;
				position: relative;
				overflow: hidden;
			}
				#menuBar li a:link span, #menuBar li a:visited span {
					position: absolute;
					width: 100%;
					height: 100%;
					background:  url(../../image/site/KOI/content/but.png) no-repeat 0 0;
				}

			#menuBar #but1 a:link, #menuBar #but1 a:visited { height: 93px; }
			#menuBar #but1 a:link span, #menuBar #but1 a:visited span { background-position: 0 0; }
			#menuBar #but1 a:link:hover span, #menuBar #but1 a:visited:hover span,
			#menuBar #but1.active a:link span, #menuBar #but1.active a:visited span { background-position: -38px 0; }

			#menuBar #but2 a:link span, #menuBar #but2 a:visited span { background-position: 0 -93px; }
			#menuBar #but2 a:link:hover span, #menuBar #but2 a:visited:hover span,
			#menuBar #but2.active a:link span, #menuBar #but2.active a:visited span { background-position: -38px -93px; }

			#menuBar #but3 a:link span, #menuBar #but3 a:visited span { background-position: 0 -188px; }
			#menuBar #but3 a:link:hover span, #menuBar #but3 a:visited:hover span,
			#menuBar #but3.active a:link span, #menuBar #but3.active a:visited span { background-position: -38px -188px; }

			#menuBar #but4 a:link span, #menuBar #but4 a:visited span { background-position: 0 -283px; }
			#menuBar #but4 a:link:hover span, #menuBar #but4 a:visited:hover span,
			#menuBar #but4.active a:link span, #menuBar #but4.active a:visited span { background-position: -38px -283px; }

			#menuBar #but5 a:link, #menuBar #but5 a:visited { height: 94px; }
			#menuBar #but5 a:link span, #menuBar #but5 a:visited span { background-position: 0 -378px; }
			#menuBar #but5 a:link:hover span, #menuBar #but5 a:visited:hover span,
			#menuBar #but5.active a:link span, #menuBar #but5.active a:visited span { background-position: -38px -378px; }

			#menuBar #but6 a:link, #menuBar #but6 a:visited { height: 93px; }
			#menuBar #but6 a:link span, #menuBar #but6 a:visited span { background-position: 0 -472px; }
			#menuBar #but6 a:link:hover span, #menuBar #but6 a:visited:hover span,
			#menuBar #but6.active a:link span, #menuBar #but6.active a:visited span { background-position: -38px -472px; }


#topnav {
	position: relative;
	margin: 0px 0px -13px 10px;
	width: 666px;
	height: 40px;
}

#top {
	position: relative;
	margin: 0px 0 0 43px;
	width: 666px;
	height: 218px;
	background:  url(../../image/site/KOI/content/top-r.png) no-repeat 100% 0;
}
	#path {
		background: #e6e3e2;
		height: 15px;
		line-height: 15px;
		width: 350px;
		color: #7e7a79;
		padding: 0 0 0 1em;
	}
		#path a:link, #path a:visited {
			color: #cc8573;			
		}

#colWrap {
	width: 715px;
	overflow: hidden;
	margin: 0 0 0 43px;
}

#content {
	float: left;
	width: 500px;
}
	#content h1 {
		font-size: 250%;
		color: #cc0033;
		margin: 20px 0 15px;
		font-weight: normal;
	}
	#content h1.ir {
		height: 50px;
		line-height: 45px;
	}
		#titleWelcome span {
			background:  url(../../image/site/KOI/content/title-welcome.png) no-repeat 0 0;
		}
		#titleSolutions span {
			background:  url(../../image/site/KOI/content/title-solutions.png) no-repeat 0 0;
		}
		#titleAbout span {
			background:  url(../../image/site/KOI/content/title-about.png) no-repeat 0 0;
		}
		#titleRecruitment span {
			background:  url(../../image/site/KOI/content/title-skills.gif) no-repeat 0 0;
		}
		#titleLooking span {
			background:  url(../../image/site/KOI/content/title-opportunities.gif) no-repeat 0 0;
		}
		#titleContact span {
			background:  url(../../image/site/KOI/content/title-contact.gif) no-repeat 0 0;
		}
	#content h2 {
		font-size: 150%;
		color: #0092a7;
		margin: 1em 0 .25em 0;
		font-weight: normal;
	}
	#content h3 {
		font-size: 110%;
		color: #0092a7;
		margin: .7em 0 .25em 0;
	}
	#content p {
		line-height: 1.2em;
		margin: 0 0 .75em 0;
	}

	#page .intro p {
		font-size: 128%;
		line-height: 1.2;
		color: #cc0033;
	}

	#page .title p {
		font-size: 175%;
		font-weight: normal;
		line-height: 1.2;
		color: #cc0033;
	}
	
	#cols1 .col {
		background: #FFFFFF;
		opacity: 0.8;
		-moz-opacity: 0.8;
		filter: alpha(opacity=80);
		padding-bottom: 1000em;
		margin-bottom: -1000em;
	}
		#cols1 .colIn {
			margin: 10px;
			color: #666666;
			opacity: 1;
			-moz-opacity: 1;
			filter: none;
		}

#colSide {
	float: right;
	width: 180px;
	background:  url(../../image/site/KOI/content/sep-2.gif) repeat-y 0 0;
	min-height: 100px;
	position: relative;
	padding: 0 0 40px 0;
}
#ie6 #colSide {
	height: 100px;
}
	#colSide2 {
		margin: 0 0 0 15px;
	}
	#colSide2 p.h2 {
		font-size: 110%;
		font-weight: bold;
		color: #e20024;
		margin: 1.25em 0 .7em;
	}

	#colSide p {
		line-height: 1.25em;
		margin: 0 0 .5em 0;
	}

.loginForm {
}
#colSide .loginForm {
	width: 90%;
}
	.loginForm fieldset {
		border: none;
	}
	.loginForm input.text {
		display: block;
		width: 99%;
	}
	.loginForm label {
		display: block;
		color: #505255;
		margin: 0 0 10px;
	}
	.loginForm p {
		padding: 3px 0;
	}
	.loginForm a:link, .loginForm a:visited {
		color: #333333;
	}

.big {
	font-size: 110%;
	font-weight: bold;
}

#page p.imgSideHP {
	margin: 25px 0 0 5px;
}

#page p.imgSide {
	position: absolute;
	bottom: 10px;
	left: 10px;
	margin: 0;
}
#ie6 p.imgSide img {
	behavior:  url(iepngfix.htc);
}

#menuSide {
}
	#menuSide p.h2 {
		color: #e43117;
		padding: 0 0 0 20px;
		background:  url(../../image/site/KOI/content/bullet-1.gif) no-repeat 0 50%;
	}
	#menuSide ul {
		background:  url(../../image/site/KOI/content/sep-1.gif) repeat-x 0 0;
		font-weight: bold;
		margin: 0; 
		padding: 0; 
		list-style-type: none;
	}
		#menuSide ul li {
			padding: 5px 0;
			background:  url(../../image/site/KOI/content/sep-1.gif) repeat-x 0 100%;
			list-style: none; 

		}
			#menuSide ul li a:link, #menuSide ul li a:visited {
				color: #45494d;
				display: block;
				padding: 0 0 0 20px;
				background:  url(../../image/site/KOI/content/bullet-2.gif) no-repeat 5px .3em;
			}
			#menuSide ul li ul {
				margin: 0 0 0 27px;
				background: none;
			}
				#menuSide ul li ul li {
					background: none;
				}
					#menuSide ul li ul li a:link, #menuSide ul li ul li a:visited {
						color: #707376;
						padding: 0;
						background: none;
					}


#bot {
	background: #1d1e20;
	padding: 3px 0 0 0;
	color: #808586;
}
	#bot a:link, #bot a:visited {
		color: #808586;
	}




#ie6 img.png {
	behavior:  url(iepngfix.htc);
}