@import url("reset.css");
@import url("thickbox.css");

/*** Main Elements ***/
body { background: #061c28 url(../images/core/bgTwo.gif) repeat-x; color:#cccccc; font: .7em Verdana, Arial, Helvetica, sans-serif; line-height:1.7em;}
body#bHome { background: #061c28 url(../images/core/bg2.gif) repeat-x;}
p { margin: 15px 0 15px 0; }
a { text-decoration:none; color:#f3c04c; }
a.top { float: right; text-align: right; padding-top: 3px; margin-bottom: 20px; width: 600px; display: block; clear: both; border-top:1px solid #214d63; }
a:hover { color:#ffffff; }
.left { float:left; padding:10px 20px 10px 0; }
.right { float:right; padding: 0 10px 10px 10px; }
ol { margin:0 0 10px 23px; }
ol li{ list-style: decimal; padding:7px 5px 0 2px;}
#look li {list-style: inside decimal; }

.disc li { list-style: disc; }
h1 span {display:none; }
h1 { height:26px; width:500px; display:block; }
h2 { font: 1.6em bolder Verdana, Helvetica, sans-serif; color:#80a9c3; margin: 10px 0 10px 0; }
h3 { font: 1.2em bolder Verdana, Helvetica, sans-serif; color:#80a9c3; margin: 10px 0 10px 0; }
h4 { color:#89b3ce; }
h5 { margin-top:5px; font-weight:bold; }
.thickbox img {border: 1px solid #728893; }
.thickbox img:hover {border: 1px solid #fff; }
.bold { font-weight:bold; color:#80a9c3; }

/*** Containers ***/
#container { width:840px; margin: auto;}
#header { height:88px; position:relative;}
#banner{ height:250px; margin-top:16px; }
#nav{ height:40px;  background:url(../images/core/nav2.jpg) no-repeat; margin-top:11px;}
#main{ margin-top:1px;}
#footer{ height:110px; clear:both; background:#082a3b;}

/*** header ***/
#moto { position:relative; top:20px; left:35px; }
#logo { position:relative; top:20px; }

#selectLang {
  position:absolute;
  right:20px;
  top:0;
}

#selectLang ul, #selectLang strong, #selectLang li {display:inline; float:left; margin-left:10px;}

#selectLang a {
  display:block;
  height:24px;
  text-indent:-999em;
  width:24px;
}

#selectLang a#english {background:url('../images/core/icon-flag-gb.jpg');}
#selectLang a#mandarin {background:url('../images/core/icon-flag-cn.jpg');}


/*** banner home ***/
#fade{ float:left; width:618px; height:248px; background:#426372; border: 1px solid #728893; overflow:hidden;}
#fade img { padding:8px;}

#bannerRight{ float:left; width:218px; background:url(../images/core/banner/bannerInfo.gif) no-repeat; height:248px;}

/*** banner other ***/
#bannerTwo{ height:120px; margin-top:16px; }
#bannerLeftTwo{ float:left; width:618px; height:118px; background:#426372; border: 1px solid #728893;}
#bannerRightTwo{ float:left; width:218px; background:url(../images/core/banner/bannerInfoTwo.gif) no-repeat; height:120px; overflow:hidden;}
#bannerLeftTwo img { padding:8px;}

/*** nav ***/
#nav li { float:left; list-style:none; height:40px;}
#nav li, #nav a { display:block; height:40px; }
#nav span { display:none; }
#home { width:70px; }
#abou { width:120px; }
#prod { width:100px; }
#case { width:120px; }
#test { width:110px; }
#cont { width:96px; }
#saf { width:96px; }
#clic { width:224px; }

#home a:hover { background: url(../images/core/nav2.jpg) 0px -40px no-repeat; }
#abou a:hover { background: url(../images/core/nav2.jpg) -70px -40px no-repeat; }
#prod a:hover { background: url(../images/core/nav2.jpg) -190px -40px no-repeat; }
#case a:hover { background: url(../images/core/nav2.jpg) -290px -40px no-repeat; }
#test a:hover { background: url(../images/core/nav2.jpg) -410px -40px no-repeat; }
#cont a:hover { background: url(../images/core/nav2.jpg) -520px -40px no-repeat; }
#saf a:hover { background: url(../images/core/nav2.jpg) -520px -40px no-repeat; }
#clic a:hover { background: url(../images/core/nav2.jpg) -616px -40px no-repeat; }

/*** main ***/
h1#hInde {background:url(../images/core/titles/welcome.gif) no-repeat; }
h1#hProd {background:url(../images/core/titles/our-products.gif) no-repeat; }
h1#hAbou {background:url(../images/core/titles/about.gif) no-repeat; }
h1#hCase {background:url(../images/core/titles/casestudies.gif) no-repeat; }
hl#hTest, body#page-test h1 {background:url(../images/core/titles/testimonials.gif) no-repeat; }
h1#hCont {background:url(../images/core/titles/contact.gif) no-repeat; }
h1#hSaf {background:url(../images/core/titles/safety.gif) no-repeat; }
#mainLeft{ float:left; width:601px; padding: 25px 20px 0 0; background: url('../images/core/bg-content.gif') top center repeat-y; }
#mainRight{float:left; width:219px; padding-top: 25px;  }
.home { height: 680px;}
.application { color:#999999; border-bottom:1px solid #214d63; margin-bottom:25px; }
.application p { padding: 7px 0 7px 20px; margin:0;}
.product { width: 219px;}
/*.product img{ float:left; padding:5px 10px 40px 25px; }*/
.product span, .product div { float:left; padding: 5px 15px 0; }
.product span ul, .product div ul { list-style-type: none;}
.product span ul li, .product div ul li {}
.case { margin:20px 0 20px 5px; border-bottom:1px solid #214d63; }
.case ul { list-style-type: disc; margin-left: 30px; margin-bottom: 20px; }
.case ul li { line-height: 1.6em; }
.map {margin-bottom:50px; }

#pdf { background: url('../images/icon-pdf.gif') no-repeat 0 10px; height: 16px; float: left; }
#description { float: left; width: 155px; padding: 0; }
.clear { 
	display: block;
	clear: both;
}

#flash {
	float: right;
	width: 250px;
	height: 250px;
}

/*---------------------------------------------   
    forms
----------------------------------------------*/
form.form fieldset,
form.form ol, 
form.form li, 
form.form legend {
	margin: 0;
	padding: 0;
}

form.form fieldset { border: 0; }

form.form ol { list-style: none; }

form.form li { margin-bottom: 5px; }

form.form label {
	display: inline-block;
	width: 150px;
}

form.form input, form.form select, form.form textarea {
	width: 250px;
	padding: 3px;
	border: 1px solid #ddd;
	background: #fff;
	font: normal 13px/13px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

form.form textarea { height: 200px; }

form.form select {
	padding: 0;
	width: auto;
}

form.form li.button { margin-top: 15px; }

form.form li.button input {
	width: auto;
	border: 0;
	background: #fff;
	color: #000000;
	cursor: pointer;
	margin-bottom:20px;
}

form.form fieldset legend {
	padding: 20px 0;
	font-weight: bold;
	font-size: 18px;
	color: #444;
	_margin: 0 -7px; /* IE Win fix */
}

/* IE Mac legend fix */
form.form legend {
  display: inline-block;
}


/*** footer ***/
#footer span { color:#999999; text-align:right;}
#footer p { padding: 5px 0 5px 0; margin:0; }
#footerTLeft a { color:#5795b6; }
#footer img { padding-top:10px; }
#footer #info { color:#728893; padding:3px 7px 0 0; text-align:right; float:left;}
#footer #details { float:left; padding-top:3px;}
#footerTop{ height:34px; border-top:1px solid #214d63;}
#footerBottom{ clear:both; height:74px; border-top:1px solid #214d63;}
#footerTLeft { float:left; width:605px; border-right: 1px solid #214d63; height:34px; padding-left:15px; }
#footerTRight { float:left; width:204px; height:34px; padding-left:15px; }
#footerBLeft { float:left; width:605px; border-right: 1px solid #214d63; height:74px; padding-left:15px; }
#footerBRight { float:left; width:204px; height:74px; padding-left:15px; }

/*new*/
#utube-video { float:right; width:300px; height:220px; margin-top:15px; }

ul.files li a {background:url(../images/icon-word.gif) no-repeat; padding: 0 0 5px 20px; }
ul.filespdf li a {background:url(../images/icon-pdf.gif) no-repeat; padding: 0 0 5px 20px; }

ul.files li,
ul.filespdf li {list-style:none ; line-height:22px ;}


#cboxContent {
  background:#fff url('../images/core/popuplogo.jpg') top left no-repeat !important;
}

#cboxContent div.text {
  background:#061c28;
  margin-top:60px;
  padding:10px;
}

div.text ul {
  list-style:disc;
  margin-left:20px;
}