@charset "utf-8";
/* CSS Document */

html {
    color: #000;
	font-family:Arial;
}

html, body {
height: 100%;
margin: 0;
padding: 0;
}

 .wrapper {
 	min-height: 95%;
	height: auto !important;
 	height: 95%;}
	
 .push {
 	height: 0em;}
	
 .footer, .push {
 clear: both;
 }


#bg {
position:fixed;
top:0;
left:0;
width:100%;
height:556px;
}

#bg2 {
position:fixed;
top:0;
left:0;
width:100%;
height:155px;
}

<!--[if IE 6]>
<style type="text/css">
html { overflow-y: hidden; }

#bg { position:absolute; z-index:-1; }
#bg2 { position:absolute; z-index:-1; }

</style>
<![endif]-->

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0;}

table { border-collapse: collapse; border-spacing: 0;}

fieldset, img {border: 0;}

address, caption, cite, code, dfn, em, strong, th, var, optgroup {font-style: inherit; font-weight: inherit;}

del, ins {text-decoration: none;}

li {list-style: none;}

caption, th {text-align: left;}

h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal;}

q:before, q:after {content: '';}

abbr, acronym {border: 0; font-variant: normal;}

sup {vertical-align: baseline;}

sub {vertical-align: baseline;}

/*because legend doesn't inherit in IE */
legend {color: #000;}

input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {*font-size: 100%;}

/**
 * YUI Fonts
 * @module fonts
 * @namespace yui-
 * @requires 
 */

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
    font:13px/1.231 arial,helvetica,clean,sans-serif;
    /* for IE6/7 */ 
    *font-size:small; 
    /* for IE Quirks Mode */
    *font:x-small; 
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea,
button {
    font:99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
    font-size:inherit;
    font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
    font-family:monospace;
    *font-size:108%;
    line-height:100%;
}

/**
 * YUI Base
 * @module base
 * @namespace yui-
 * @requires reset, fonts
*/

body {
    /* For breathing room between content and viewport. */
    margin:0px;
}

h1 {
    /* 18px via YUI Fonts CSS foundation. */
    font-size: 138.5%;
}

h2 {
    /* 16px via YUI Fonts CSS foundation. */
    font-size: 123.1%;
}

h3 {
    /* 14px via YUI Fonts CSS foundation. */
    font-size: 108%;
}

h1,h2,h3 {
    /* Top & bottom margin based on font size. */
    margin: 1em 0;
}

h1,h2,h3,h4,h5,h6,strong,dt {
    /* Bringing boldness back to headers and the strong element. */
    font-weight: bold;
}
optgroup {
    font-weight:normal;
}

abbr,acronym {
    /* Indicating to users that more info is available. */
    border-bottom: 1px dotted #000;
    cursor: help;
}

em {
    /* Bringing italics back to the em element. */
    font-style: italic;
}

del {
    /* Striking deleted phrases. */
    text-decoration: line-through;
}

blockquote,ul,ol,dl {
    /* Giving blockquotes and lists room to breath. */
    margin: 0px;
}

ol,ul,dl {
    /* Bringing lists on to the page with breathing room. */
    margin-left: 0px;
}

ol li {
    /* Giving OL's LIs generated numbers. */
    list-style: decimal outside;
}

ul li {
    /* Giving UL's LIs generated disc markers. */
    list-style: none;
}

dl dd {
    /* Giving UL's LIs generated numbers. */
    margin-left: 1em;
}

th,td {
    /* Borders and padding to make the table readable. */
    border: 0px solid #000;
    padding: .5em;
}

th {
    /* Distinguishing table headers from data cells. */
    font-weight: bold;
    text-align: center;
}

caption {
    /* Coordinated margin to match cell's padding. */
    margin-bottom: .5em;
    /* Centered so it doesn't blend in to other content. */
    text-align: center;
}

sup {
    /* to preserve line-height and selector appearance */
    vertical-align: super;
}

sub {
    /* to preserve line-height and selector appearance */
    vertical-align: sub;
}

p,
fieldset,
table,
pre {
    /* So things don't run into each other. */
    margin-bottom: 1em;
}
/* Opera requires 1px of passing to render with contemporary native chrome */
button,
input[type="checkbox"],
input[type="radio"],
input[type="reset"],
input[type="submit"] {
    padding:1px;
}


.png{behavior: url("js/iepngfix.htc");}
.clear{ clear:both}

#container{
	position:relative;
	z-index:1;
	left:50%;
	width:960px;
	margin-left:-480px;
	height:auto;}
	
#header{
	float:left;
	width:960px;
	height:154px;}

#logo{
	float:left;
	width:250px;
	height:77px;
	background-image:url(../images/sit.png);
	margin-top:19px;}

#tabs{
	float:left;
	width:960px;
	height:36px;
	margin-top:22px;}
	

#banner{
	float:left;
	display:inline;
	margin-left:5px;
	margin-top:11px;
	background-color:#FFFFFF;
	width:946px;
	height:376px;
	border:3px solid #4d4d4d;}

#aboutus_box{
	float:left;
	display:inline;
	width:600px;
 	min-height: 420px;
	height: auto !important;
 	height: 420px;	
	margin-top:9px;
	border-right:1px dashed #bdbdbd;}

#aboutus_title{
	float:left;
	display:inline;
	margin-left:14px;
	width:541px;
	margin-top:0px;
	height:42px;
	background-image:url(../images/welcome.jpg);
	background-repeat:no-repeat;}

#aboutus_box p{
	float:left;
	display:inline;
	margin-top:15px;
	width:545px;
	height:auto;
	margin-left:35px;
	margin-bottom:0px;

	font-family:Arial;
	color:#103F55;
	font-size:14px;
	text-align:justify;}

#news_box{
	float:left;
	margin-top:9px;
	width:340px;
	height:180px;
	border-bottom:1px dashed #bdbdbd;}

#news_title{
	float:left;
	display:inline;
	margin-left:35px;
	width:298px;
	height:42px;
	background-image:url(../images/news.jpg);
	background-repeat:no-repeat;}

#news_box p{
	float:left;
	display:inline;
	margin-top:0px;
	margin-bottom:0px;
	margin-top:15px;
	width:300px;
	height:105px;
	margin-left:35px;
	overflow:hidden;
	font-family:Arial;
	color:#103F55;
	font-size:14px;
	text-align:justify;
	}

.more{
	float:right;
	display:inline-block;
	margin-top:0px;
	margin-right:7px;
	width:auto;
	height:16px;
	text-decoration:none;
	color:#2CB4D9;
	text-align:right;}

#clients_box{
	float:left;
	width:340px;
	height:235px;}


#clients_title{
	float:left;
	display:inline;
	margin-left:19px;
	width:298px;
	height:42px;
	background-image:url(../images/clients.jpg);
	background-repeat:no-repeat;}

#all_logos{
	float:right;
	display:inline;
	width:303px;
	margin-right:7px;
	height:171px;}

.logos{
	float:left;
	display:inline;
	margin-left:5px;
	margin-top:5px;
	width:144px;
	height:78px;}

#footer{
	width:100%;
	height:30px;
	position:absolute;
	bottom:100%;
	left:0px;
	margin-top:10px;
	clear:both;
	background-color:#999999;}


.sss{
	width:auto;
	height:29px;
	float:left;
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	text-decoration:none;
	font-family:Arial;
	font-size:16px;
	color:#FFFFFF;
	padding-left:13px;
	padding-right:13px;
	padding-top:7px;}

#search{
	float:right;
	display:inline;
	width:auto;
	height:24px;
	margin-top:5px;}

#srch{
	float:left;
	border:0px;
	width:152px;
	height:20px;
	border:1px solid #666666;
	border-right:0px solid #666666;}

#submit{
	float:left;
	width:67px;
	color:#076c89;
	font-family:Arial;
	font-weight:600;
	cursor:pointer;
	background-image:url(../images/search.jpg);
	background-repeat:repeat-x;
	height:24px;
	border:1px solid #666666;}

.sp{
	float:left;
	display:inline;
	width:2px;
	height:36px;
	background-image:url(../images/sp.jpg);
	background-repeat:no-repeat;}

#button{
	float:right;
	display:inline;
	width:153px;
	height:56px;
	margin-top:0px;}

#lang{
	float:left;
	width:153px;
	height:15px;}

.lang_txt{
	float:left;
	display:inline-block;
	color:#FFFFFF;
	text-decoration:none;
	font-size:9px;
	padding-left:10px;
	padding-right:10px;}

.lang_txt:hover{
	text-decoration:underline}

#sep{
	float:left;
	display:inline;
	width:1px;
	height:10px;
	margin-top:2px;
	background-color:#FFFFFF;}

.sss:hover{
	background-image:url(../images/over2.jpg);
	background-repeat:repeat-x;}

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider, #slider li{ 
	width:946px;
	height:343px;
	overflow:hidden; 
	}
#prevBtn a{
	float:left;
	display:inline-block;
	height:33px;
	width:27px;
	background-image:url(../images/prev.jpg);}
	
#nextBtn a{
	float:right;
	display:inline-block;
	height:33px;
	width:27px;
	background-image:url(../images/next.jpg);
	margin-right:0px;
	text-decoration:none;}

.footer_txt{
	float:left;
	display:inline-block;
	margin-left:20px;
	margin-top:9px;
	text-decoration:none;
	font-family:Arial;
	color:#2CB4D9;}

.footer_txt:hover{
	text-decoration:underline;}

.inner_title{
	float:left;
	display:inline;
	margin-left:14px;
	width:80%;
	margin-top:0px;
	height:30px;
	font-family:Arial;
	font-size:20px;
	color:#103f55;}