body {
	font-size: 12px;
	margin: 0;
	padding: 0;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}
table{border:0;margin:0;border-collapse:collapse;}
table td{padding:0;}
img {border: none;}
h1{font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin:0;padding: 2px 0 2px 0; word-spacing:0px; letter-spacing: 0px;}
h2{font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin:0;padding: 2px 0 2px 0; word-spacing:0px; letter-spacing: 0px;}
a{
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	font-size: 12px;
	font-weight: normal;
	color: #a7a6a6;
	text-decoration: none;
}
a:hover {
	font-weight: bolder;
	color: #3f3f3f;
	text-decoration: none;
}
div#header{
    	background-image: url(images/logo_banner.jpg);
    	background-repeat: no-repeat;
    	width: 1000px;
    	height: 244px;
    	padding: 0;
    	margin: 0;
}
div#lang{
    	text-align: right;
    	padding: 214px 100px 0 0
}
div#wrapper{
    width: 100%;
    height: 100%;
}
div#center{
	width: 978px;
   	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
div#content{
	width: 400px;
	height: 360px;
	margin: 0;
	padding: 0 300px 0 300px;
	color: #747474;
	line-height: 21px;
	font-weight: normal;
}
div#content3{
	width: 400px;
	height: 550px;
	margin: 0;
	padding: 0 300px 0 300px;
	color: #747474;
	line-height: 21px;
	font-weight: normal;
}
div#footer{
	color: #ccc;
	width: 400px;
	margin: 28px 0 0 0;
	padding: 0 300px 0 300px;
	text-align:center;
}
div#footer a{
	padding: 7px;
}
div#thank{
	width: 400px;
	margin-top: 25px;	
	display: none;
	text-align: center;
	color: #999999;
}
ul li{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0;
	margin:0;
	text-align: left;
}
.formText {
	font-size: 12px;
	color: #747474;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
}
.textField {
	border: 1px solid #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	color: #999999;
	visibility: inherit;
	overflow: hidden;
	position: relative;
}
.formBTNbox {
	margin: 2px;
	border-width: 1px;
	border-style: solid;
	border-color: #b4b4b4;
	border-top-color: #FFFFFF;
	padding: 1px;
}
.button{
	font-family: Arial, Helvetica, sans-serif;
	border-width:0;
	background-color: #fff;
	color: #999999;
}
#textBox {
	border: 1px solid #CCCCCC;
	margin: 2px;
}

/*START: tooltip*/
.tooltip{
    position:absolute;
    z-index:999;
    left:-9999px;
    background-color:#transparent;
    border:10px solid #CCC;
    display: none;
}
/*END: tooltip*/

/******************* Clients *******************/

div#content2{
	height: 360px;
	margin: 0;
	padding: 0;
	color: #747474;
	line-height: 21px;
	font-weight: normal;
}
img { border: 0; }
.showcase-left{
	position:absolute;
	padding:0px;
	height:340px;
	width:400px;
	background-image: url(images/showcase_back_left.png);
    	background-repeat: repeat-y;
    	z-index: 2;
}
.showcase-right{
	position:absolute;
	margin-left: 600px;
	padding:0px;
	height:340px;
	width:434px;
	background-image: url(images/showcase_back_right.png);
    	background-repeat: repeat-y;
    	z-index: 2;
}
.case_space{display:-moz-inline-stack; display:inline-block; width: 340px;}
.case_space{ _display: inline; }	
.case_desc{display:-moz-inline-stack; display:inline-block; width: 295px; vertical-align: top;}
.case_desc { _display: inline; }	
.sliderGallery{
	overflow:hidden;
	position:relative;
	height:380px;
	width:978px;
	z-index: 1;
}
.sliderGallery ul{position:absolute;list-style:none;overflow:none;white-space:nowrap;padding:0;margin:0;}
.sliderGallery ul li {display: inline;padding: 0px;margin: 0px;background-image: none;}
.sliderGallery ul li img{border: none;height: 250px;}
.slider { width: 400px; height: 1px; top: 360px; padding: 0; margin: 0 0 0 300px; position: relative; background-color: #a7a7a7; }
.handle { position: absolute; cursor: move; margin: -4px 0 0 0; height: 8px; width: 100px; top: 0; background-color: #525252; z-index: 100; }

/*----------------- jScrollPane -----------------------*/

.scroll-pane {overflow:hidden;}
.jScrollPaneContainer{position:relative;overflow:hidden;z-index:1;}
.jScrollPaneTrack{position:absolute;cursor:pointer;right:0;top:0;height:100%;background:#939d8e;}
.jScrollPaneDrag{position:absolute;margin: 2px;background:#343d30;cursor:pointer;overflow:hidden;}
.jScrollPaneDragTop{position:absolute;top:0;left:0;overflow:hidden;}
.jScrollPaneDragBottom{position:absolute;bottom:0;left:0;overflow:hidden;}
a.jScrollArrowUp{display:block;position:absolute;z-index:1;top:0;right:0;text-indent:-2000px;overflow:hidden; /*background-color:#666;*/ height:9px;}
a.jScrollArrowUp:hover{/*background-color:#f60;*/}
a.jScrollArrowDown{display:block;position:absolute;z-index:1;bottom:0;right:0;text-indent:-2000px;overflow:hidden;/*background-color:#666;*/height:9px;}
a.jScrollArrowDown:hover{/*background-color:#f60;*/}
a.jScrollActiveArrowButton,a.jScrollActiveArrowButton:hover{/*background-color:#f00;*/}

/*-------------------- mega drop down menu ------------------------- */
ul#topnav {
	margin: 0; padding: 0;
	width: 100%;
	margin: 0 0 0 0;
	list-style: none;
	display: inline;
}
ul#topnav li {
	margin: 0; padding: 0;
	display: inline;
	position: relative; /*--Important--*/
}
ul#topnav li a {
	color: #a7a6a6;
	/*text-indent: -9999px; /*--Push text off of Page--*/
}
ul#topnav li a:hover {
	
	font-weight: bolder;
	color: #3f3f3f;
	text-decoration: none;
	/*text-indent: -9999px; /*--Push text off of page--*/
}
ul#topnav li:hover a, ul#topnav li a:hover {
	background-position: left bottom;
} /*--Hover State--*/
	
/*-------------------- mega drop down menu - sub menu ------------------------- */
ul#topnav li .sub {
	position: absolute; /*--Important--*/
	top: -220px; left: 0;
	z-index: 99999;
	background: #fff;
	padding: 10px 10px 10px;
	float: left;
	border: 1px solid;
	/*--Bottom right rounded corner--*/
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	display: none; /*--Hidden for those with js turned off--*/
}
ul#topnav li .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 150px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%; /*--Override parent list item--*/
	color: #fff;
}
ul#topnav .sub ul li h2 { /*--Sub nav heading style--*/
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
ul#topnav .sub ul li h2 a { /*--Sub nav heading link style--*/
	padding: 5px 0;
	background-image: none;
}
ul#topnav .sub ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	background: url(navlist_arrow.png) no-repeat 5px 12px;
	padding: 7px 5px 7px 15px;
	display: block;
}
ul#topnav .sub ul li a:hover {
	background-position: 5px 12px ;/*--Override background position--*/
}
