@charset "UTF-8";
/* CSS Document */
/*font embeding*/

* {
	margin:0;
	padding:0;
	outline:none;
}
.loader {
	width: 28px; height:28px;
	background: url(../images/loading.gif) no-repeat;
	margin: -621px 0 0 182px;
	text-indent:-9999em;
}
.whitebg{ background-color:white;}
.cursor {cursor:pointer;}
.nocursor{cursor:default;}
.nobg{ background-color:none;}
#body{ display:block; position:absolute; cursor: url(images/hand.cur);}
#header { display:block; position:absolute; left:0px; top:0px; background-image:url(../images/header.jpg); width:959px; height:402px;cursor: url(images/hand.cur);}
#projectList{padding-left:208px;}
#floatMenu { position: fixed; top:0px; left:45px; padding-top:15px; width:959px; height:93px; background-color:#FFF; display:none;}
#floatMenu ul {	margin-bottom:16px; list-style-type:none; }
#floatMenu ul li a { height:16px; display:block; border-bottom:1px solid #e1e1e1; border-top:#e1e1e1 1px solid; text-decoration:none; padding:1px 3px 2px 3px; margin:-1px -3px -0px -3px; }	
#floatMenu ul li a:hover,#floatMenu ul li a.active  {background-color:#E1E1E1; border-bottom:#e1e1e1 1px solid; border-top:#e1e1e1 1px solid; color:#666666; }	
#floatMenu ul li a:active { background-color:#e1e1e1; }

#rightMenu{display:block; position:fixed; width:196px; height:219px; top:116px; left:793px;}
#rightMenu ul {	margin-bottom:16px; list-style-type:none; width:176px; background-color:none; padding-left:15px; }
#rightMenu ul li a { height:27px; display:block; border-bottom:1px solid #e1e1e1;  background-color:none; text-decoration:none; padding:11px 3px 2px 3px; margin:-1px -3px -0px -3px; font-size:16px;}	
#rightMenu ul li a:hover, #rightMenu ul li a.active { border-bottom:#e1e1e1 1px solid; background-color:none !important; color:#000; }	
#rightMenu ul li a:active { background-color:#none; color:#000;}
#rightMenu ul li a.rightHome { border-top: hidden !important;}


#rightButton{display:block; position:fixed; width:40px; height:200px; top:116px; left:944px; padding-left:13px;}
#rightButton ul {	margin-bottom:16px; list-style-type:none; }
#rightButton ul li a { height:33px; width:30px; display:block; text-decoration:none; padding:7px 3px 2px 3px; margin:-1px -3px -0px -3px; font-size:16px; }	
/*
#rightButton ul li a:hover {background-color:none;}	
*/
#rightHomeButton{ background:url(../images/bt_home.png) no-repeat scroll 3% 60%;}
a#rightHomeButton:hover, a#rightHomeButton.active{background:url(../images/bt_home.png) no-repeat scroll 102% 60%;}

#rightAboutButton{ background:url(../images/bt_company.png) no-repeat scroll 3% 60%;}
a#rightAboutButton:hover, a#rightAboutButton.active{background:url(../images/bt_company.png) no-repeat scroll 102% 60%;}

#rightServiceButton{ background:url(../images/bt_services.png) no-repeat scroll 3% 60%;}
a#rightServiceButton:hover, a#rightServiceButton.active{background:url(../images/bt_services.png) no-repeat scroll 102% 60%;}

#rightContactButton{ background:url(../images/bt_contact.png) no-repeat scroll 3% 50%;}
a#rightContactButton:hover, a#rightContactButton.active{background:url(../images/bt_contact.png) no-repeat scroll 102% 50%;}
#rightCareerButton{ background:url(../images/bt_careers.png) no-repeat scroll 3% 50%;}
a#rightCareerButton:hover, a#rightCareerButton.active{background:url(../images/bt_careers.png) no-repeat scroll 102% 50%;}

#righSensor{ display:block; position:fixed; width:30px; height:217px; top:116px; left:990px;}

#righSensor2{display:block; height:30px; left:805px; position:fixed; top:333px; width:185px;}


#projectBoard{display:block; position:absolute; background-color:white; height:0px; width:945px; left:30px; padding-left:15px; overflow:hidden; visibility:hidden;}

#pageBoard{display:block; position:fixed; top:0px; height:0px; width:945px; left:30px; padding-left:15px; overflow:hidden; visibility:visible; background-color:white;}

#sideLogo{ display:block; position:fixed; left:959px; top:10px;}

#rule { width:915px; margin-top:35px; height:7px;  border-top: 1px solid #808080; }
#small_logo { float:left; height:50px; position:fixed; top:13px; left:45px; width:173px;}
#small_logo h1{ display:block;background: url(../images/interactive-logo.png) no-repeat; height:20px; margin:0px;}

#expandMenuButton{ display:none; height:40px; width:500px; left:374px; top:30px; position:fixed; font-size:15px; color:red; font-style:italic;font-weight:normal; z-index: 1;}
.catogery_product{float:left; width:340px; margin-right:19px;}
.service{ color:#F00 !important; border:none !important; cursor: default !important;}
a.service:hover{background-color:white !important; }
.nav { float: left;	height: 80px; width: 123px; margin-right:19px; margin-top:-5px;	}

body { font-family: Arial, sans-serif; font-size:11px; line-height:17px; background-color:#cacaca; color: #666666;}

#container {width: 945px; margin: 0 0; padding-left:15px; background-color:#FFF;  overflow:hidden; }

#branding { margin-bottom:40px; padding:66px 0 0 0; height:50px; position:relative; }
#logo { position:absolute; left:222px; bottom:0;}

p { font-size:11px; padding-top:16px; line-height: 17px;}
h1 {font-size:14px; font-weight:bold; line-height: 16px; color:#333333; padding:3px 4px 2px 4px; margin:-3px -4px -2px -4px;}
#txt_light { color:#999999; font-style:normal;}
#txt_orange { color:#50bbff; padding:3px 4px 2px 4px; margin:-3px -4px -2px -4px; font-weight:bold; }
#txt_black { color:#000; font-style:normal; }
#p1 {text-decoration:line-through;}

#content { position:relative; height:280px; }
#about { position:absolute; width:390px; height:180px; margin-left:195px; padding-top:43px; padding-bottom:10px; font-size:16px; line-height:20px; }
#contact { position:absolute; border-top: 1px solid #808080; width:340px; height:140px; left:575px; padding-top:7px; }
#links { position:absolute; border-top: 1px solid #808080; width:163px; height:140px; left:753px; padding-top:7px; }
#resume { position:absolute; width:700px; height:52px; left:215px; top:170px; }
#portfolio { position:absolute; width:700px; left:215px; top:230px; height:30px;}

#work {display:block; position:relative; float:left; background-color:#FFF;}
.work_container {height: 600px; padding-top:20px;}
.description {margin: 0 19px 0 0; width:173px; height:500px; float:left; display:block; visibility:visible;}
.image, #image {width:700px; overflow:hidden; padding:0px 0 120px 0; float:left;}

#footer { position:relative; float:left; width:700px; height:200px; padding: 0 0 0 215px; }

a img {border:0; }
#container a {font-weight:normal; font-size:11px; padding:3px 3px 2px 4px; margin: -3px -4px -2px -4px; }
a:link { text-decoration:none; color: #666666; }
a:visited { text-decoration:none; color:#666666; }
a.selected { color:#50bbff; }
#floatMenu a:hover, .work a:hover { background-color:#e1e1e1; color: #000; text-decoration:none; }


#contact a, #links a { font-size:11px; font-weight:normal;  padding:1px 4px 2px 4px; margin:-1px -4px -2px -4px; }
li { list-style:none; display:inline; }

.work_container li { display:inline-block; line-height:16px; padding:0 3px 0 3px; margin:0 6px 0 -3px;}
.work_container:hover li { border-bottom:1px solid #50bbff; color:#000; }
.work_container li:hover { background-color:#50bbff; color:#000; }
.work_container a:hover {background-color:#E1E1E1;}

li#weblink { display:inline-block; line-height:16px; padding:0 3px 0 3px; margin:0 6px 0 -3px;}
li#weblink:hover li { border-bottom:1px solid #50bbff; color:#000; }
li#weblink:hover { background-color:#50bbff; color:#000; }

div#weblink {margin-top:50px;}
div#weblink a{ font-weight:normal; text-decoration:none !important; color:#e1e1e1; line-height:20px;}
div#weblink a:hover{ font-weight:normal; text-decoration:none !important; color:#000;}
div#weblink a:visited{ font-weight:normal; text-decoration:none !important;}

img.largeImage{cursor: url(cursor.cur),url(../images/cursor.cur),default; height:450px;}
img.largeImageDetail{cursor:default; height:450px;}

a.project:hover{ background-color:white !important;}

#tempFullContent { position: absolute; left:-1000px; top:-10000px; width:100px; }
#projectBody { display: block; padding-top:20px;}

#loading{
	display:block; height:50px; width:100px; position: fixed; top:42px; left:45px; visibility:hidden;
}
.pageTopLandingSpace{
	height:155px;
}
.pageBottomLandingSpace{
	height:80px;
}
.clientlist {
	font-size: 16px;
	line-height: 1.5;
}

.clientlist li {
	display: list-item;
	list-style: disc inside none;
}
#lang{ text-align:center;}
#lang a{ color:#999;}
#lang a:hover{ color:#999; font-weight:bold;}
#lang .lang-act{ color:#666; font-weight:bold;}