/* CSS Document */
* {
    padding: 0;
    margin: 0;
} 

body{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#middlePan{
	position:relative;
	margin:0 auto;
	width:1000px;
	height:auto;
	top:-18px;
	background-color:#ffffff;
	border:1px #cccccc solid;
	z-index:2;
}
#topPan{
	position:absolute;
	width:100%;
	height:150px;
	left:0px;
	top:0px;
	background-color:#1C4670;
	z-index:3;
}
#slide1dv{
	position:absolute;
	left:180px;
	top:70px;
	width:800px;
	height:248px;
	overflow:hidden;
	border:1px #666666 solid;
	border-left:none;
	z-index:4;
	FILTER: progid:DXImageTransform.Microsoft.Fade(Overlap=1.00,duration=3,enabled=false);
}
#title{
	position:absolute;
	width:450px;
	height:30px;
	left:40px;
	top:35px;
	z-index:5;

}

#language{
	position:absolute;
	width:74px;
	height:17px;
	left:904px;
	top:85px;
	color:#FFFFFF;
	font-size:10px;
	z-index:100;
}
#language img.jap{
	border-left:1px #5BA3D2 solid;
}
#language img:hover{
	border-color:#FF9933;
}
#language img{
	border:1px #cccccc solid;
}


/*-------------------------------------------*/
#link {
	behavior: url(csshover.htc);
}

#link ul {
	list-style: none;
	margin-left:20px;
	margin-right:15px;
	margin-top:0px;
	margin-bottom:10px;
	font-size:11px;
}

#link ul a {
	color: #FFF;
	text-decoration: none;
	display: block;
	padding: 5px 5px 5px 10px;
	width: 100px;
	background: #999999;
	background-image:url(../images/bulet2.gif);
	background-repeat:no-repeat;
	background-position:0 10px;
}

#link ul a:hover {
	color:#75C8FF;
	text-decoration: none;
	width: 100px;
}

#link ul li {
	border-bottom:1px #cccccc dotted;
	position: relative;
	width: 100px;
}
#link ul li ul li{
	border:none;
}
#link ul li ul a{
	background-image:none;
	background-color:#666666;
	border-bottom:1px #999999 dotted;
	filter:alpha(opacity=85); /* IE's opacity*/
    opacity: 0.85;
	color:#CCCCCC;
}
#link ul li ul {
	margin:0px;
	padding:0px;
	list-style: none;
	position: absolute;
	left: 115px;
	top:0px;
	display: none;
	width: 125px;
}

#link ul li:hover ul { display: block; }

#link ul li:hover ul li ul { display: none; }

#link ul li ul li:hover ul {
	display: block;
	position: absolute;
	left: 140px;
	top: -1px;
	border-left: 1px solid #FFF;
}
/*-------------------------------------------*/
#link{
	position:absolute;
	width:160px;
	height:250px;
	left:20px;
	top:70px;
	background-color:#999999;
	background-image:url(../images/linkbc.gif);
	background-repeat:no-repeat;
	background-position:left;
	border-right:none;
	z-index:6;
}
.textfield{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#444444;
	height:17px;
	background-color:#CCCCCC;
	border:1px #666666 solid;
}
.button{
	cursor:pointer;
	margin-bottom:-3px;
}
#link form{
	margin:0px;
	padding:0px;
	margin:7px 10px 0px 10px;
	padding-bottom:7px;
	border-bottom:1px #aaaaaa solid;
}


#directLink{
	position:absolute;
	width:120px;
	height:16px;
	left:850px;
	top:44px;
	z-index:7;
}
#directLink img{
	margin-left:20px;
	border:none;
}
#bodypan{
	position:absolute;
	width:100%;
	height:400px;
	left:0px;
	top:150px;
	background-image:url(../images/mainBack2.gif);
	background-repeat:repeat-x;
	background-color:#FFF;
	z-index:1;
}
#fotter{
	position:absolute;
	width:100%;
	height:60px;
	left:0px;
	top:550px;
	background-image:url(../images/fottorback1.gif);
	background-repeat:repeat-x;
	z-index:4;
}

#content{
	position:absolute;
	left:20px;
	top:175px;
	width:962px;
	height:224px;
}
.block{
	position:absolute;
	top:10px;
	height:200px;
	text-align:left;
	font-size:12px;
	color:#888888;
	background-color:#dddddd;
	width:225px;
	background-image:url(../images/bot.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}
#con1{
	left:0px;
}
#con2{
	left:245px;
}
#con3{
	left:490px;
}
#con4{
	left:735px;
}
#innercon{
	position:absolute;
	left:10px;
	top:30px;
	width:205px;
	height:163px;
	overflow:hidden;
}
#innercon marquee{
	text-align:left;
	font-size:11px;
	overflow:hidden;
}
.newshd{
	font-size:11px;
	font-weight:bold;
	color:#555555;
	margin-bottom:5px;
	background-image:url(../images/icon2.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:20px;
}
#con2 img{
	margin-bottom:5px;
	border:none;
	margin-left:5px;
}
#con3 ul{
	list-style:url(../images/bullethom.gif);
	margin-left:25px;
	margin-top:10px;
	font-weight:bold;
	
}
#con3 ul li{
	height:25px;
}

.heading{
	font-size:13px;
	color:#0099FF;
}
h4{
	color:#ffffff;
	display:block;
	background-image:url(../images/hd3.gif);
	padding-left:10px;
	padding-top:4px;
	font-size:11px;
	height:19px;	
}

.date{
	text-align:left;
	color:#cccccc;
}
.product{
	font-size:12px;
	color:#dddddd;
	background-repeat:no-repeat;
	line-height:350%;
	padding-left:50px;
	list-style:none;
}

.ul2{
	position:absolute;
	left:140px;
	top:20px;
}
#copyright{
	position:absolute;
	left:10px;
	top:7px;
	width:250px;
	height:40px;
	border-right:1px #444444 solid;
	color:#555555;
	font-size:11px;
}
#bottomlink{
	position:absolute;
	left:0px;
	top:10px;
	width:960px;
	height:40px;
	color:#555555;
	font-size:11px;
}
#bottomlink a{
	color:#555555;
	font-size:11px;
	text-decoration:none;
}
#bottomlink a:hover{
	color:#FFFFFF;
}
/*about us*/

#insidecont{
	position:absolute;
	left:20px;
	top:70px;
	width:960px;
	height:320px;
	border:1px #000000 solid;
}
#innerbanner{
	position:absolute;
	left:20px;
	top:78px;
	width:960px;
	height:100px;
	border:1px #999999 solid;
	z-index:7;
}
#innerdata{
	position:absolute;
	left:20px;
	top:65px;
	width:969px;
	height:386px;
	z-index:7;
}
/*------------------------------------*/
#innerlink{
	position:absolute;
	left:20px;
	top:180px;
	height:25px;
	width:962px;
	font-size:12px;
	background: #336DA0;
}
#innerlink {
		padding: 0;
		margin: 0;
		font-family: Arial, sans-serif;
}

#innerlink {
	behavior: url(csshover.htc);
}

#innerlink ul {
	list-style: none;
}

#innerlink ul a {
	color: #FFF;
	text-decoration: none;
	display: block;
	padding: 5px 5px 5px 10px;
	width:110px;
	background: #336DA0;
}

#innerlink ul a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background: #4690D0
}

#innerlink ul li {
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
	float: left;
	position: relative;
}
#innerlink ul li ul a{
	filter:alpha(opacity=85); /* IE's opacity*/
	opacity: 0.85;
}
#innerlink ul li ul {
	list-style: none;
	position: absolute;
	left: 0;
	top: 100%;
	display: none;
	width: 125px;
	border-top: 1px solid #FFF;
}

#innerlink ul li:hover ul { display: block; }

#innerlink ul li:hover ul li ul { display: none; }

#innerlink ul li ul li:hover ul {
	display: block;
	position: absolute;
	left: 115px;
	top: -1px;
	border-left: 1px solid #FFF;
}
/*-------------------------------*/
#aboutus{
	position:absolute;
	left:10px;
	top:10px;
	height:280px;
	width:700px;
	font-size:12px;
	line-height:150%;
	color:#888888;
}
.head{
		font-size:20px;
		padding-left:10px;
}
.head2{
		font-size:14px;
		padding-left:10px;
}

#contactus{
	position:absolute;
	left:10px;
	top:0px;
	height:330px;
	width:600px;
	font-size:12px;
	color:#888888;
}
.input{
	margin-bottom:4px;
	margin-top:3px;
	width:250px;
	overflow:auto;
	font-size:12px;
	color:#888888;
	border:1px #B5CDDD solid;
	padding-left:5px;
}
#sendmail label{
	width:120px;
	font-size:12px;
	display:block;
	margin-bottom:6px;
	padding-left:20px;
	float:left;
}
#butSubmit{
	width:50px;
	height:17px;
	border:none;
	background-image:url(../images/butSubmit.gif);
	margin-left:30px;
	cursor:pointer;
	border: 0px solid #FFFFFF;
}
#butReset{
	width:50px;
	height:17px;
	border:none;
	background-image:url(../images/butReset.gif);
	margin-left:30px;
	cursor:pointer;
	border: 0px solid #FFFFFF;
}
#address{
	position:absolute;
	left:700px;
	top:50px;
	height:250px;
	width:200px;
	font-size:11px;
	border:1px #cccccc solid;
	border-top:none;
	background-color:#EDF5FF;
	line-height:150%;
	color:#888888;
}
#address p{
	margin-left:10px;
	margin-top:10px;
}
.hdcolor{
	color:#FFFFFF;
	font-family:Arial;
	font-weight:normal;
	font-size:11px;
	background-color:#888888;
	padding-left:10px;
	padding-top:2px;
	height:18px;
}
#address hr{
	color:#B4CCF9;
}
#creers{
	position:absolute;
	left:10px;
	top:10px;
	height:350px;
	width:700px;
	font-size:12px;
	line-height:150%;
	color:#999999;	
}
#creers ul{
	list-style:default;
	padding-bottom:10px;
	color:#8EBA22;
	font-size:12px;
	list-style:url(../images/bullethom.gif);
}
#creers ul li{
	border-bottom:1px #DDDDDD dotted;
	margin-left:25px;
	margin-right:10px;
	height:20px;
}
.margin{
	margin:5px;
	color:#89B3FF;
}
a{
	color:#5DA6E6;
	text-decoration:none;
}
a:hover{
	color:#F8854E;
}
#clients{
	position:absolute;
	left:0px;
	top:10px;
	height:800px;
	width:960px;
	font-size:12px;
	line-height:150%;
	color:#888888;	
}
.clientBlock{
	position:absolute;
	width:400px;
	height:135px;
	background-image:url(../images/bk3.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
	text-align:justify;
	padding:5px;
	padding-top:0px;
}
#clb1{
	left:20px;
	top:120px;
}
#clb2{
	left:520px;
	top:120px;
}
#clb3{
	left:20px;
	top:290px;
}
#clb4{
	left:520px;
	top:290px;
}
#clb5{
	left:20px;
	top:460px;
}
#clb6{
	left:520px;
	top:460px;
}
#clb7{
	left:20px;
	top:630px;
}
#clb8{
	left:520px;
	top:630px;
}
#clb9{
	left:20px;
	top:800px;
}

.blueColor{
	color:#0099FF;
	text-transform:uppercase;
	font-size:14px;
}
.clientBlock img{
	float:left;
	margin:8px;
	margin-left:0px;
}

#devlopment{
	position:absolute;
	left:10px;
	top:10px;
	height:350px;
	width:700px;
	font-size:12px;
	line-height:150%;
	color:#888888;	
}
#devlopment img{
	margin-right:20px;
	border:none;
}
#model{
	position:absolute;
	left:0px;
	top:-10px;
	height:1350px;
	width:940px;
	font-size:12px;
	line-height:150%;
	color:#888888;
	border:1px #cccccc solid;	
	border-top:none;
	border-bottom:none;
	padding:10px;
}

/*-------------------------------------*/
#modType{
	position:absolute;
	left:10px;
	top:100px;
	height:400px;
	width:940px;

}
#modType hr{
	margin-right:300px;
	color:#dddddd;
	height:3px;
	margin-bottom:5px;
}
#modUl{
	position:absolute;
	left:650px;
	top:74px;
	height:325px;
	width:290px;
	padding-top:10px;
}
#modUl ul{
	margin-left:20px;
}
.ulTopic{
	padding-left:20px;
	border-top:1px #dddddd solid;
	border-bottom:1px #dddddd solid;
	display:block;
	color:#54BAFE;
	text-transform:uppercase;
	letter-spacing:2px;
	
}
#modType img{
	position:absolute;
	left:0px;
	top:75px;
	height:325px;
	width:650px;
}
#sideBox{
	position:absolute;
	left:740px;
	top:30px;
	height:236px;
	width:200px;
	font-size:11px;
	line-height:150%;
	background-image:url(../images/bk.gif);
	padding:10px;
	padding-top:4px;
	color:#888888;
}
.topic{
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:11px;	
	padding-left:3px;
	margin-bottom:10px;
}

#sideBox ul{
	margin-left:10px;
	list-style:none;
}
#sideBox li{
	border-bottom:1px #cccccc dotted;
	margin-right:3px;
}
#sideBox hr{
	color:#dddddd;
	height:1px;
}
#sideBox img{
	margin-left:30px;
	border:none;
}
#service{
	position:absolute;
	left:10px;
	top:10px;
	height:374px;
	width:941px;
	font-size:12px;
	line-height:150%;
	color:#888888;
}
#service div{
	position:absolute;
	width:450px;
	height:130px;
	text-align:left;

}
#ser1{
	left:0px;
	top:60px;
}
#ser2{
	left:490px;
	top:60px;
}
#ser3{
	left:0px;
	top:210px;
}
#ser4{
	left:490px;
	top:210px;
}
#service img{
	border:none;
}
#sol1{
	position:absolute;
	top:50px;
	left:0px;
	width:280px;
	height:190px;
	/*border:1px #000000 solid;*/
	background-image:url(../images/bk2.gif);
	text-align:left;
	padding:10px;
	padding-top:0px;
}
.soltopic{
	text-transform:uppercase;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#sol1 img{
	margin-right:10px;
	float:left;

}
.techno{
	color:#FFC75B;
	text-transform:uppercase;
	font-size:10px;
	line-height:90%;
}

#tecnologies{
	position:absolute;
	left:0px;
	top:10px;
	height:700px;
	width:960px;
	font-size:12px;
	line-height:150%;
	color:#888888;
}
#tecnologies ul{
	position:absolute;
	left:10px;
	top:50px;
	list-style:url(../images/tecbulet.gif);
}
#tecnologies ul li{
	margin-left:30px;
	height:25px;
}

#tecnologies ul p{
	color:#38ABD7;
}
#tecnologies ul li a{
	width:300px;
	text-align:right;
	display:block;
	text-decoration:underline;
}
#news{
	position:absolute;
	left:0px;
	top:10px;
	height:650px;
	width:960px;
	font-size:12px;
	line-height:150%;
	color:#888888;
}
#news1{
	position:absolute;
	left:0px;
	height:300px;
	width:960px;
	border:1px #cccccc solid;
}
#leftbar{
	position:absolute;
	left:0px;
	top:0px;
	height:300px;
	width:500px;
}
#news p{
	margin:10px;
}
.newspghd{
	font-size:12px;
}
#photobar{
	position:absolute;
	left:500px;
	top:20px;
	height:300px;
	width:460px;
}
#detsol{
	position:absolute;
	left:0px;
	top:10px;
	height:650px;
	width:960px;
	font-size:12px;
	line-height:150%;
	color:#888888;
}
.businesBlk{
	position:absolute;
	left:0px;
	top:auto;
	height:310px;
	width:960px;
	border-bottom:1px #DDDDDD solid;
	padding-bottom:20px;
}
.businesBlk img{
	float:right;
	margin-left:20px;
	margin-top:25px;
	border:1px #555555 solid;

}
.businesBlk ul{
	margin-left:40px;
}

#detsol1{
	top:30px;
}
#detsol2{
	top:380px;
}
#detsol3{
	top:730px;
}
#detsol4{
	top:1080px;
}
#detsol5{
	top:1430px;
}
#detsol6{
	top:1780px;
}
#detService{
	position:absolute;
	left:0px;
	top:10px;
	height:800px;
	width:960px;
	font-size:12px;
	line-height:150%;
	color:#888888;
}
#detService ul {
	margin-left:30px;
}
.serBlock{
	position:absolute;
	left:0px;	
	width:960px;
	border-bottom:1px #DDDDDD solid;
}

#serblo1{
	top:40px;
	height:550px;
}
#serblo2{
	top:610px;
	height:380px;
}
#serblo3{
	top:1010px;
	height:380px;
}
#serblo4{
	top:1410px;
	height:380px;
}
.col2{
	position:absolute;
	left:300px;	
	top:180px;
	padding-left:40px;
}


#sitemap{
	position:absolute;
	left:0px;
	top:10px;
	height:760px;
	width:960px;
	font-size:12px;
	line-height:150%;
	color:#888888;
}
#sitemap ul{
	margin-left:80px;
}
#sitemap a{
	width:154px;
	height:15px;
	border:1px #cccccc dotted;
	margin:0px 0px 5px 0px;
	padding-left:10px;
	padding-bottom:2px;
	font-size:11px;
	display:block;
}
#search{
	position:absolute;
	left:0px;
	top:10px;
	height:750px;
	width:960px;
	font-size:12px;
	line-height:150%;
	color:#888888;
	padding-left:30px;
	padding-top:20px;
	font-family:Arial, Helvetica, sans-serif;
}
#search h3{
	font-size:14px;
	font-weight:normal;
	margin-top:5px;
	
}
#search h3 a{
	color:#0066FF;
}
#search h3 a:hover{
	color:#FF6600;
}
#photoBox{
	position:relative;
	float:left;
	margin:-5px;
	padding:0px;
}
#photoBox img{
	border:3px #aaaaaa solid;
}
#mysearch{
	position:absolute;
	top:35px;
	left:650px;
	width:200px;
	height:30px;
	z-index:100;
	padding:0px;
}