/************************************************************************************
RESET
*************************************************************************************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: ''; content: none;}
/*table {	border-collapse: collapse;	border-spacing: 0;}*/
.clear { clear: both; }
#header { width: 100%; height: 86px; background-image: url(images/index_topBG.gif); background-repeat: repeat-x; }

/************************************************************************************
STRUCTURE STYLING
*************************************************************************************/

#topBar { height: 27px; width: 890px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
#topBar ul { font-size: 12px; color: #FFF; font-family: Helvetica Neue, Helvetica, Verdana, sans-serif; }
#topBar ul li { float: left; margin-right: 20px; margin-top: 6px; margin-left: 20px; }
#topBar ul li a { color: #FFF; text-decoration: none; }
#topBar ul li a:hover { text-decoration: underline; }
#header #logo { height: 55px; width: 890px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
#mainImage { height: 400px; width: 100%; background-image: url(images/indexMain2.jpg); background-repeat: repeat-x; background-position: center top; }
#mainImage #content { height: 400px; width: 890px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
#slogan { height: 110px; width: 540px; padding-top: 50px; position: absolute; padding-left: 50px; }
#slogan #sloganEnglish { font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue", Helvetica, Verdana, Geneva, sans-serif; color: #231f20; font-size: 50px; }
#slogan #sloganChinese { font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue", Helvetica, Verdana, Geneva, sans-serif; color: #4f4f4f; font-size: 20px; }
#mainImage #content ul { width: 340px; padding-top: 160px; padding-left: 50px; position: absolute; height: 200px; }
#mainImage #content ul li { color: #e33237; font-family: Verdana, Geneva, sans-serif; font-size: 24px; line-height: 34px; }
#mainImage #content ul li a { color: #e33237; font-family: Verdana, Geneva, sans-serif; font-size: 24px; line-height: 34px; text-decoration: none; }
#mainImage #content ul li a:hover { color: #e33237; font-family: Verdana, Geneva, sans-serif; font-size: 24px; line-height: 34px; text-decoration: underline; }
#product { height: 460px; width: 100%; background-color: #f6f0f0; }
#container { width: 1020px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; font-family: Helvetica Neue, Helvetica, Verdana, sans-serif; }
#product #container .indexProduct { height: 420px; width: 324px; float: left; padding-top: 60px; padding-right: 7px; padding-left: 7px; }
#product #container .indexProduct img { padding-bottom: 15px; }
#product #container .indexProduct h1 { font-size: 18px; font-weight: normal; }
#product #container .indexProduct p { font-size: 13px; color: #999; padding-top: 5px; width: 315px; display: block; line-height: 20px; }
#product #container .indexProduct span { font-size: 12px; color: #F00; display: block; padding-top: 12px; }
#product #container .indexProduct span a { font-size: 12px; color: #F00; display: block; text-decoration: none; }
#product #container .indexProduct span a:hover { font-size: 12px; color: #C90000; display: block; text-decoration: underline; }


/************************************************************************************
FOOTER STYLING
*************************************************************************************/
#footer { width: 100%; height: 100px; border-top-width: 4px; border-top-style: solid; border-top-color: #f7941e; }
#footer #footerInfo { width: 890px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; font-family: Helvetica Neue, Helvetica, Verdana, sans-serif; font-size: 12px; color: #333; font-weight: normal; height: 100px; }
#footer #footerInfo #copyright { width: 420px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: 30px; text-align: center; }
#footer #footerInfo #copyright a { font-size: 12px; color: #555; text-decoration: none; line-height: 24px; }
#footer #footerInfo #copyright a:hover { font-size: 12px; color: #000; text-decoration: underline; }