html,body{
	height:100%;
	width:100%;
	
}

body{
	color:#969696;
	font-size:14px;
	font-family:Arial;
	margin:0;
	background:#ffffff;
}

body, table, tr, td{
	text-align:left;
	direction:ltr;
}

img{
	border:0 none;
}

form{
	margin:0;
}

table, tr, td{
	color:#969696;
	font-size:14px;
	font-family:Arial;
	vertical-align:top;
	border:0;
	padding:0;
	margin:0;
	border-collapse:collapse;
	border-spacing:0;
}

p{
	padding:0;
	margin:0;
}

input, select, textarea{
	font:12px Arial;
}

input.clsField, select.clsField, textarea.clsField{
	color:#efefef;
	font:12px Verdana;
	padding:5px;
	margin:0 0 5px 0;
	overflow:auto;
	border:1px solid #645555;
	background-color:#000000;
}

input.clsReset{
	border:0 none;
	background-color:transparent;
}

h1{
	color:#003366;
	font-size:30px;
	font-weight:800;
	margin:15px 0 17px 0;
}

h1.clsFirst{
	margin:0 0 17px 0;
}

h1.clsGray{
	color:#666666;
}


.clsAnchorSpacer{
	height:5px;
	font-size:0;
}

h2{
	color:#666666;
	font-size:17px;
	font-weight:800;
	margin:0 0 5px 0;
}

#oControl{
	position:absolute;
	right:10px;
	top:10px;
	width:600px;
	height:80px;
	font-size:10px;
	overflow-y:scroll;
	z-index:1;
	border:1px solid #000000;
	background:yellow;
}

A:link, A:visited, A:active{color:#969696; text-decoration:underline; background-color:transparent;}
A:hover{text-decoration:underline;}

.clsTextLink:link, .clsTextLink:visited, .clsTextLink:active{color:#969696; text-decoration:none; background-color:transparent;}
.clsTextLink:hover{text-decoration:underline;}


.clsWhiteLink:link, .clsWhiteLink:visited, .clsWhiteLink:active{color:#ffffff; text-decoration:none; background-color:transparent;}
.clsWhiteLink:hover{text-decoration:underline;}

.clsBlackLink:link, .clsBlackLink:visited, .clsBlackLink:active{color:#000000; text-decoration:none; background-color:transparent;}
.clsBlackLink:hover{text-decoration:underline;}

.clsGrayLink:link, .clsGrayLink:visited, .clsGrayLink:active{color:#8b8a86; text-decoration:none; background-color:transparent;}
.clsGrayLink:hover{text-decoration:underline;}

.clsDarkgrayLink:link, .clsDarkgrayLink:visited, .clsDarkgrayLink:active{color:#6a6969; text-decoration:none; background-color:transparent;}
.clsDarkgrayLinkU:link, .clsDarkgrayLinkU:visited, .clsDarkgrayLinkU:active{color:#6a6969; text-decoration:underline; background-color:transparent;}
.clsDarkgrayLink:hover, .clsDarkgrayLinkU:hover{text-decoration:underline;}

.clsBlueLink:link, .clsBlueLink:visited, .clsBlueLink:active{color:#0f4165; text-decoration:none; background-color:transparent;}
.clsBlueLinkU:link, .clsBlueLinkU:visited, .clsBlueLinkU:active{color:#0f4165; text-decoration:underline; background-color:transparent;}
.clsBlueLink:hover, .clsBlueLinkU:hover{text-decoration:underline;}

.clsSpacer{
	clear:both;
	height:0;
	font-size:0;
	background-color:transparent;
}

.clsLink, .clsHoverBtn{
	cursor:pointer;
	cursor:hand;
}

.clsDotLine{
	clear:both;
	height:1px;
	font-size:0;
	background:url(../images/dot.gif) top left;
}


.clsPageAlign{
	position:relative;
	width:1000px;
	margin:0 auto 0 auto;
}

.clsHeader{
	height:95px;
	padding:20px 0 0 0;
	margin:0 auto 0 auto;
}

.clsLogo{

}

.clsLang{
	float:right;
	font-size:12px;
	padding:0 14px 0 0;
	margin:9px 8px 0 0;	
	cursor:pointer;
	cursor:hand;
	background:url(../images/arrow_down.gif) no-repeat right 6px;
}

.clsLangFlags{
	float:right;
	height:19px;
	width:29px;
	overflow:hidden;
	cursor:pointer;
	cursor:hand;
	margin:7px 0 0 0;
	background:#e6e6e6;
}

.clsLangFlagsOpen{
	display:none;
	position:absolute;
	right:0;
	top:27px;
	height:39px;
	width:29px;
	overflow:hidden;
	cursor:pointer;
	cursor:hand;
	z-index:5;
	background:#e6e6e6;
}

.clsLangFlags img, .clsLangFlagsOpen img{
	margin:2px;
}

.clsTopMenu{
	float:right;
	height:46px;
}

.clsMainItemBox{
	height:373px;
	width:1000px;
	overflow:hidden;
	padding-bottom:3px;
	margin-bottom:5px;
	border-bottom:0 solid #eeeeee;
}

.clsMainItem{
	height:370px;
	width:1000px;
	overflow:hidden;
	background:#000000;
}

.clsMainItem .clsItem{
	display:none;
	position:relative;
	width:1000px;
	height:370px;
}

.clsMainItem .clsItem img.clsBgImg{
	position:absolute;
	left:0;
	top:0;
	width:1000px;
	height:370px;
	z-index:1;
}

.clsMainItem .clsItem .clsInfo{
	position:absolute;
	right:0;
	top:191px;
	min-width:306px;
	height:auto;
	z-index:2;
	padding:4px 20px 0 10px;
	background:url(../images/topitem_bg.png) repeat-y right top;
}

.clsMainItem .clsItem .clsInfo h1{
	height:auto;
	color:#ffffff;
	font-size:30px;
	font-weight:500;
	letter-spacing:2px;
	line-height:30px;
	margin:0 0 5px 0;
}

.clsMainItem .clsItem .clsInfo h2{
	color:#ffffff;
	font-size:27px;
	font-weight:500;
	letter-spacing:0;
	line-height:27px;
	margin:0 0 5px 0;
}

.clsMainItem .clsItem .clsInfo img{
	margin:0 0 9px 0;
}

.clsMainItem .clsViewMovie{
	margin:8px 0 0 0;
}

.clsTopText, .clsTopText2{
	font-size:20px;
	font-weight:800;
	line-height:30px;
	padding:0 0 30px 0;
	margin:0 0 25px 0;
	border-bottom:0 solid #eeeeee;
}



.clsContentText{
	max-width:580px;
	font-size:17px;
	font-weight:800;
	line-height:23px;
	padding:0;
}

.clsGrayContent{
	width:1000px;
	color:#727273;
	font-size:14px;
	line-height:18px;
	font-weight:500;
	border-bottom:15px solid #e4e4e3;
	background-color:#eeeeed;
}

.clsGrayContent h1{
	font-size:20px;
	padding:16px 20px 16px 20px;
	margin:0 0 15px 0;
	border-bottom:1px solid #d7d8d7;
}

.clsGrayContent .clsFirstText{
	margin:0 40px 15px 40px;
}

.clsPageImages{
	position:relative;
	width:920px;
	height:200px;
	overflow:hidden;
	margin:0 40px 5px 40px;
}

.clsPageImages .clsScroll{
	position:absolute;
	left:0;
	top:0;
	z-index:2;
}

.clsPageImages .clsScroll img{
	float:left;
	width:920px;
	height:200px;
}

.clsPageImages .clsPrevious, .clsPageImages .clsNext{
	display:none;
	position:absolute;
	left:0;
	top:50px;
	z-index:3;
	cursor:pointer;
	cursor:hand;
}

.clsPageImages .clsNext{
	left:auto;
	right:0;
}

.clsPageImagesPaging{
	width:920px;
	font-size:12px;
	text-align:right;
	margin:0 auto 10px auto;
}

.clsCurrPage{
	color:#666666;
}

.clsGrayContent h2{
	color:#7d7e81;
	font-size:14px;
	font-weight:500;
	cursor:pointer;
	cursor:hand;
	padding:9px 0 9px 40px;
	margin:0;
	border-top:1px solid #d7d8d7;
	background:url(../images/icon_plus.gif) no-repeat 19px 11px;
}

.clsGrayContent h2.clsSelected{
	background:url(../images/icon_minus.gif) no-repeat 19px 11px;
}

.clsGrayContent .clsDesc, .clsGrayContent .clsDescNoImg{
	display:none;
	width:920px;
	padding:0 40px 15px 40px;
}

.clsGrayContent .clsDesc .clsFloatImg{
	float:left;
	margin:5px 29px 0 0;
}



.clsIndexItem{
	max-width:560px;
}

.clsIndexItem h2{
	color:#0d4265;
	font-size:14px;
	margin:0 0 20px 0;
}

.clsIndexItem h2 span{
	color:#7d7e81;
}

.clsIndexItem .clsFloatImg{
	float:left;
	width:230px;
	height:105px;
	margin:2px 14px 0 0;
}

.clsIndexItem .clsFloatImg img{
	width:230px;
	height:105px;
}

.clsIndexItem .clsStaticImg{
	max-width:230px;
	margin:0 0 15px 0;
}

.clsIndexItem .clsBody{
	color:#727273;
	font-size:14px;
	line-height:18px;
}

.clsContentPane .clsBody{
	width:auto;
	margin-left:244px;
}

.clsReadMore:link, .clsReadMore:visited, .clsReadMore:active{
	color:#0f4165;
	font-size:11px;
	font-weight:800;
	text-decoration:underline;
	background-color:transparent;
}
.clsReadMore:hover{
	text-decoration:underline;
}

.clsBackToTop{
	clear:both;
	font-size:11px;
	line-height:11px;
	margin-top:20px;
}


.clsTeamItem{
	max-width:580px;
}

.clsTeamItem h1{
	font-size:19px;
}

.clsTeamItem .clsFloatImg{
	float:left;
	width:115px;
	margin:2px 22px 0 0;
}

.clsTeamItem .clsBody{
	color:#727273;
	font-size:14px;
	line-height:18px;
	margin:0 0 0 137px;
}



.clsRightPane{
	padding-left:20px;
	border-left:2px solid #eeeeee;
}

.clsRightPane .clsProjectItem{

}

.clsRightPane .clsProjectItem{
	float:left;
	width:225px;
	height:175px;
}

.clsRightPane .clsProjectItem .clsImage img{
	width:225px;
	height:120px;
	margin:0 0 3px 0;
}

.clsRightPane .clsProjectItem h2{
	color:#0d4265;
	font-size:10px;
	padding:0;
	margin:0 0 1px 0;
}

.clsRightPane .clsProjectItem .clsDesc{
	font-size:10px;
}

.clsRightPane .clsProjectItem .clsViewMovie{
	float:right;
	color:#737272;
	font-size:9px;
	padding:5px 20px 0 0;
	margin:9px 0 0 0;
	background:url(../images/icon_qt.gif) no-repeat right top;
}

.clsRightPane .clsProjectItem .clsImage img{
	width:225px;
	height:120px;
	cursor:pointer;
	cursor:hand;
}

.clsRightPane .clsProjectItem .clsSpacer{
	clear:none;
	float:left;
	width:40px;
	height:120px;
}


.clsContactTable td{
	font-size:14px;
	line-height:18px;
}

.clsContactTable h4{
	color:#0f4165;
	font-size:14px;
	margin:0 0 8px 0;
}

.clsContactTable iframe{
	margin:0 0 10px 0;
	border:1px solid #cfcfcf;
}


.clsBtn{
	width:140px;
	height:36px;
}

.clsBtn a:link, .clsBtn a:visited, .clsBtn1 a:active, .clsBtn a:hover{
	display:block;
	width:133px;
	height:27px;
	color:#ffffff;
	font-size:11px;
	font-weight:800;
	text-decoration:none;
	text-align:right;
	padding:9px 7px 0 0;
	background:url(../images/btn-bg_off.jpg) no-repeat left top;
}

.clsBtn a:hover{
	background:url(../images/btn-bg_on.jpg) no-repeat left top;
}



.clsFooter{
	clear:both;
	width:1000px;
	color:#7d7e81;
	padding:15px 0 0 0;
	margin:20px auto 0 auto;
	border-top:4px solid #e8e8e8;
}

.clsFooter a:link, .clsFooter a:visited, .clsFooter a:active, .clsFooter a:hover{
	color:#a6a5a5;
	text-decoration:none;
}

.clsFooter .clsCopy{
	float:right;
	color:#a9a8a8;
	font-size:11px;
	line-height:18px;
	margin:0 0 0 0;
}

.clsFooter .clsFooterContent{
	float:left;
	width:250px;
	font-size:11px;
	line-height:18px;
	margin:0;
}

.clsFooter .clsFooterContent h4{
	color:#7d7e81;
	font-size:11px;
	font-weight:500;
	margin:0 0 3px 0;
}

.clsFooter .clsFooterContent .clsPhone{
	color:#a9a8a8;
	margin-top:8px;
}