@font-face {
    font-family: "Helvetica Light";
    src: url(Helvetica-Light.otf);
}

body {
	color:#444545;
	font-family:"Helvetica Light";
	padding:0;
	margin:0 auto;
	text-align:center;
}

.home {
	margin:0 auto;
	padding:0;
	background:url('../images/template/bg-home.png') repeat-x top;
}

.page {
	margin:0 auto;
	padding:0;
	background:url('../images/template/bg-up.png') repeat-x top;
}

.clear {clear:both;}

#container {
	width:920px;
	margin:0 auto;
	position:relative;
	text-align:left;
}

#header {
	height:114px;
	margin:0 0 16px 0;
	padding:0;
}

#header .logo {
	height:114px;
	width:159px;
	background:url('../images/template/logo-new.png') no-repeat;
	float:left;
}

#header .navigation {
	float:right;
	max-width:760px;
}

#header .navigation ul {
	padding:0;
	margin:5px 0 0 0;
}

#header .navigation ul li, #header .navigation ul li ul.submenu li {
	float:left;
	list-style:none;
	height:35px;
	line-height:35px;
	position:relative;
}

#header .navigation ul li a, #header .navigation ul li ul.submenu li a {
	padding:3px 15px;
	color:#444545;
	text-decoration:none;
	font-family:"Helvetica Light";
}

#header .navigation ul li a:hover, #header .navigation ul li a.active {
	background:#08377b;
	color:#FFF;
}

/* sub menu */
#header .navigation ul li .submenu {
	/*display:none;*/
	position:absolute;
	top:30px;
	margin:0;
	padding:0;
	font-size:12px;
	width:668px;
	*width:654px;
	left:0;
	background:#08377b;
	display:none;
}

#header .navigation ul li .submenu li {
	height:25px !important;
	line-height:25px !important;
}

#header .navigation .submenu li a {
	color:#FFFFFF !important;
}

#header .navigation .submenu li a:hover {
	background:#08377b;
	color:#faff18 !important;
}

/* BoS home */

#bigbanner {
	position:relative;
	height:333px;
}

#bigbanner .text {
	position:absolute;
	width:350px;
	left:35px;
	top:65px;
	text-align:left;
}

#bigbanner .text p {
	padding:0;
	font-size:13px;
}

#bigbanner .more {
	position:absolute;
	bottom:90px;	
	left:35px;
	width:55px;
	height:26px;
	background:url('../images/template/button-more.png') no-repeat;
}

#container-contentbanner {
	height:120px;
}

#contentbanner {
	position:absolute;
	top:382px;
	left:0;
	height:190px;
	width:920px;
	margin:0 auto;
	text-align:center;
}

#contentbanner .container-banner {
	position:relative;
}

#contentbanner .container-banner .boximage {
	float:left;
	width:230px;
	height:190px;
	position:relative;
	z-index:1;
	overflow:hidden;
}

#contentbanner .container-banner .boximage .shadow{
	background:#d5d5d5;
	position:absolute;
	height:0;
	width:100%;
	bottom:0;
	z-index:-1;
	opacity:0;
	left:0;
}

#contentbanner .container-banner .boximage img {
	margin: 95px 0 0 0;
}

#contentbanner .container-banner .boximage .title {
	color:#FFF;
	font-size:13px;
	margin :4px 0 0 4px;
	position:absolute;
	top:165px;
	left:0;
	text-align:left;
}

#contentbanner .container-banner .boximage .desc p.more a {
	color:#08377b;
	text-decoration:none;
}

#contentbanner .container-banner .boximage .desc {
	opacity:0;
	margin :4px 0 0 4px;
	text-align:left;	
}

#contentbanner .container-banner .boximage .desc p {
	margin:0;
	padding:0;
	font-size:12px;
}

#contenttext {
	text-align:left;
	height:225px;
}

#contenttext .boxleft {
	float:left;
	width:400px;
}

#contenttext .boxright {
	float:right;
	width:450px;
}

#contenttext .title {
	border-bottom:2px solid #08377b;
	width:auto;
	float:left;
	margin:10px 0;
}

#contenttext .textbox {
	clear:left;
	font-size:13px;
}

#footer { 
	height:45px;
	width:100%;
	text-align:center;
}

#footer .footer-navigation a, #footer .footer-navigation span{
	text-decoration:none;
	color:#444545;
	font-size:13px;
}

#footer .copyright {	
	font-size:11px;
}

/* EoS home */


/* Bos Style for another page */

#headimage h2 {
	padding-bottom:0;
	margin-bottom:0;
}

#boxcontent {
	padding:0 15px;
	font-size:13px;
	font-family:Arial;
	text-align:justify;
}

#boxcontent .title {
	font-weight:bold;
	font-size:18px;
	margin:0 0 10px 0;
}

#boxcontent #boxleft {
	width:210px;
	float:left;
}

#boxcontent #boxleft ul {
	padding:0;
	margin:0;
}

#boxcontent #boxleft ul a {
	text-decoration:none;
}

#boxcontent #boxleft ul a li {
	width:200px;
	border-bottom:1px #000 dotted;
	list-style:none;
	color:#000;
	font-weight:bold;
	padding:10px 10px;
	text-align:left;
	vertical-align:middle;
}

#boxcontent #boxleft ul a:hover li, #boxcontent #boxleft ul a.active li {
	background:#727272 url('../images/template/bg-menu.png') no-repeat;
	color:#FFF;
	font-weight:bold;
	padding:10px 10px 10px 30px;
	width:180px;
}

#boxcontent #boxright {
	width:680px;
	float:right;
}

/* customer */

#boxcontent #boxright .collleft, #boxcontent #boxright .collright {
	float:left;
	width:340px;
}

#boxcontent #boxright .collright {
	float:right;
	width:300px;
}

#boxcontent #boxright .collleft ul, #boxcontent #boxright .collright ul {
	padding:0;
	margin:0;
}

#boxcontent #boxright .collleft ul li, #boxcontent #boxright .collright ul li {
	margin:0;
	padding:0;
	list-style:none;
}

#boxcontent #boxright .collleft h3, #boxcontent #boxright .collright h3 {
	text-align:left;
}

#boxcontent #boxright .collleft .img, #boxcontent #boxright .collright .img {
	float:left;
}

#boxcontent #boxright .collleft .title, #boxcontent #boxright .collright .title {
	float:right;
	width:240px;
	font-size:14px;
	padding:0;
	margin:0 0 4px 0;
}

#boxcontent #boxright .collleft .text , #boxcontent #boxright .collright .text {
	float:right;
	width:240px;
	font-size:12px;
}

#boxcontent #boxright .collleft .text p, #boxcontent #boxright .collright .text p {
	margin:0;
	padding:0;
}

/* production */

#boxcontent #boxright .production h3 {
	margin:0;
}

#boxcontent #boxright .production .steps ul {
	margin:0;
	padding:0;
}

#boxcontent #boxright .production .steps ul li{
	list-style:none;
	float:left;
	padding:0;
	margin:0 15px 10px 0;
	width:208px;
	height:200px;
}

#boxcontent #boxright .production .steps ul li .boximg {
	max-width:208px;
	max-height:156px;
	overflow:hidden;
}

#boxcontent #boxright .production .steps ul li .boxtitle {
	background:#08377b;
	color:#FFF;
	margin:5px 0 0 0;
	padding:5px;
}

/* technology */
#boxcontent .technologylist ul {
	margin:0;
	padding:0;
}

#boxcontent .technologylist ul li {
	margin:0 5px 10px 0;
	padding:0;
	list-style:none;
	background:#cfcec4;
	float:left;
	width:290px;
}

#boxcontent .technologylist ul li .boximg {
	width:158px;
	max-width:158px;
	height:123px;
	max-height:123px;
	overflow:hidden;
	float:left;
}

#boxcontent .technologylist ul li .boxtext {
	float:right;
	font-weight:bold;
	width:110px;
	font-size:12px;
	margin:10px 15px 0 0;
	text-align: left;
}

/* media */

#media {
	padding:10px;
	background:url('../images/template/media-bg.png') repeat-x bottom;
	min-height:460px;
}

#media #bigpreview {
	margin:10px 0 0 20px;
	position:relative;
	max-width:648px;
	min-width:430px;
}

#media #bigpreview .title {
	padding:5px;
	font-weight:normal;
	background:#08377b;
	color:#FFF;
	width:638px;
	position:absolute;
	bottom:-10px;
	font-size:14px;
}
	
#media .thumbnail {
	float:right;
}

/* career */
#applyform {
	font-size:12px;	
}

#applyform td {
	vertical-align:top;
}

#applyform .inputtext {
	border:1px solid #7f7f7f;
	background:#f0efef;
	width:100%;
	padding:5px;
}

.page #footer {
	width:100%;
	background:url('../images/template/bg-up.png') repeat-x bottom;
	height:50px;
	margin:10px 0 0 0;
}

.page #footer .footer-navigation {
	padding:10px 0 0 0;
}