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; font-family: arial; }
/* 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; }

body { }

b, strong { font-weight: bold; }

i { font-style: italic; }

a { text-decoration: none; }

img { max-width: 100%; }

a, a:link, a:visited { color: #ec4646; }

    a:hover { color: #333333; }

/* common element */
.cleared { clear: both; }

.center { text-align: center; }

.required { color: red; }

.wrap { width: 960px; margin: 0 auto; }

/* parent structure */
#background { line-height: 18px; font-size: 14px; }

#header { padding: 0px 0px 0px 0px; position: relative; background: url('../images/header-bg.png') left top repeat; }

    #header .wrap { border-bottom: 5px solid #333333; position: relative; height: 90px; }

#slider { padding: 48px 0px 24px 0px; border-bottom: 5px solid #cccccc; background: url('../images/header-shadow.png') center top no-repeat; background-color: #ec4646; }

#full-slider { padding: 0px; margin-bottom: 24px; }

#body { background-color: white; margin: 24px auto 0px auto; width: 960px; padding: 0px 36px 0px 36px; margin-bottom: 36px; font-family: Arial; font-size: 13px; line-height: 18px; color: #666666; }

#footer { background-color: #1a1a1a; padding: 36px 36px 0px 36px; color: white; background: url('../images/footer-bg.png') left top repeat; }

#back_top { background: url('../images/back-top.png') center center no-repeat; width: 42px; height: 42px; position: fixed; z-index: 9999; bottom: 48px; right: 24px; cursor: pointer; background-color: #333333; }

/* header */

#logo-box { float: left; height: 90px; display: table; }

#logo { display: table-cell; vertical-align: middle; }
    #logo img { float: left; margin-right: 10px; }
    #logo b { margin-top: 15px; font-size: 22px; float: left; }

#tagline { font-family: Georgia; color: #808080; }


#top-right { float: right; padding: 6px 12px; color: white; font-family: Tahoma; background-color: #ec4646; border-radius: 0px 0px 5px 5px; }

/* menu */
#menu-list-container { text-align: center; }

#menu-list { cursor: pointer; font-size: 18px; font-family: Tahoma; line-height: 18px; display: none; }


#main-menu { padding-top: 12px; position: absolute; bottom: 0px; right: 0px; }

    #main-menu ul li { float: left; }

    #main-menu ul li { float: left; }

        #main-menu ul li a { font-family: 'Tahoma'; color: #333333; font-size: 14px; display: inline-block; padding: 12px 12px; }

            #main-menu ul li a:hover { background-color: #333333; color: white; padding: 12px 12px; }

            #main-menu ul li a.current-menu-item { background-color: #333333; color: white; padding: 12px 12px; }

    #main-menu .sub-menu { display: none; }


/* body */

/* index page */
.index-section { margin-bottom: 24px; }

.feature-box { float: left; width: 30%; margin-right: 5%; margin-bottom: 24px; }

.feature-text1 { font-size: 36px; color: #ec4646; line-height: 48px; font-family: 'Hammersmith One', sans-serif; font-weight: bold; }

.feature-text2 { font-size: 18px; color: #333333; line-height: 24px; font-family: 'Gentium Book Basic', serif; }

.feature-icon { text-align: center; padding-bottom: 12px; padding-top: 12px; }

.feature-name { font-size: 18px; margin-bottom: 6px; text-align: center; border-bottom: 1px solid #ffffff; }

    .feature-name a { font-family: Scada; font-size: 20px; line-height: 26px; color: #ec4646; }

        .feature-name a:hover { color: #333333; }

.feature-description { color: #808080; font-size: 13px; line-height: 18px; text-align: center; font-family: Tahoma; padding-bottom: 6px; }

.container-title { margin-bottom: 12px; background: url('../images/title-line.png') repeat-x left 14px; }

    .container-title span { background-color: white; font-family: 'Open Sans'; font-size: 18px; font-weight: bold; line-height: 24px; color: #333333; display: inline-block; padding: 6px 6px 6px 0px; }

.post-box { float: left; width: 48%; margin-right: 4%; margin-bottom: 24px; }

.post-thumb { line-height: 1px; border-bottom: 5px solid #333333; }

    .post-thumb:hover { border-bottom: 5px solid #ec4646; }

    .post-thumb img:hover { opacity: 0.6; filter: alpha(opacity=60); /* For IE8 and earlier */ }

.post-title { padding: 18px 0px 12px 0px; }

    .post-title a { font-family: Tahoma; line-height: 18px; font-size: 14px; color: #ec4646; font-weight: bold; }

        .post-title a:hover { color: #333333; }


.post-excerpt { padding: 0px 0px 18px 0px; font-size: 13px; line-height: 18px; color: #666666; font-family: Arial; }

.post-data { border-top: 2px solid #333333; font-family: Tahoma; }

.post-date { padding: 6px 0px; float: left; }

.post-data a { color: #808080; font-family: Georgia; }

    .post-data a:hover { color: #ec4646; }

.post-readmore a { float: right; padding: 6px 0px 6px 12px; }


#body hr { margin-bottom: 12px; border: none; border-top: 1px solid #e6e6e6; }

#body p { padding: 0px 0px 12px 0px; }

#body h1 { font-family: 'Open Sans Condensed', sans-serif; font-size: 42px; line-height: 48px; padding: 12px 0px; color: #666666; }

#body h2 { font-family: 'Open Sans Condensed', sans-serif; font-size: 36px; line-height: 42px; padding: 12px 0px; color: #666666; }

#body h3 { font-family: 'Open Sans Condensed', sans-serif; font-size: 30px; line-height: 36px; padding: 12px 0px; color: #666666; }

#body h4 { font-family: 'Open Sans Condensed', sans-serif; font-size: 24px; line-height: 30px; padding: 12px 0px; color: #666666; }



/* inner page */
#page-title-bar { padding: 30px 0px 24px 0px; border-bottom: 5px solid #cccccc; background: url('../images/header-shadow.png') center top no-repeat; background-color: #f2f2f2; }

h2#page-title { font-family: 'Hammersmith One', sans-serif; font-size: 24px; line-height: 30px; color: white; padding: 6px 24px; background-color: #ec4646; display: inline-block; }

h3#page-title-sub { font-family: 'Gentium Book Basic', serif; font-size: 14px; line-height: 18px; color: #808080; padding: 0px 24px; display: inline-block; }



.breadcrumb { margin-bottom: 18px; font-family: Tahoma; font-size: 12px; line-height: 16px; color: #b3b3b3; }

.paginate { padding-bottom: 24px; }

    .paginate .current { background-color: #ec4646; padding: 6px 10px; color: white; font-family: Arial; font-size: 13px; display: inline-block; }

    .paginate a { background-color: #f2f2f2; padding: 6px 10px; color: #333333; font-family: Arial; font-size: 13px; display: inline-block; }

        .paginate a:hover { background-color: #ec4646; color: white; }


/* footer */

#footer-top { border-bottom: 1px solid #000000; border-top: 5px solid #808080; background-color: #1a1a1a; }
    #footer-top b { color: White; font-size: 11px; }
#footer-widget-container { padding-bottom: 24px; }

.footer-widget { float: left; width: 22%; margin-right: 4%; font-family: Tahoma; font-size: 13px; line-height: 18px; color: #cccccc; padding-top: 12px; }

.footer-widget-title { margin-bottom: 18px; background: url('../images/lines.png') repeat left top; }

    .footer-widget-title span { margin-bottom: -1px; font-size: 14px; line-height: 18px; font-family: Arial; font-weight: bold; display: inline-block; padding: 8px 6px; color: white; }

.footer-widget ul li a { color: #cccccc; font-size: 13px; line-height: 24px; font-family: Tahoma; }

    .footer-widget ul li a:hover { color: #ec4646; }

#footer-bottom { border-top: 1px solid #000000; background-color: #1a1a1a; }

#footer-copyright { float: left; color: #cccccc; font-size: 12px; padding: 16px 0px 18px 0px; font-family: Tahoma; }

.footer-phone { background: url('../images/phone.png') no-repeat left center; padding-left: 28px; padding-bottom: 6px; }

.footer-fax { background: url('../images/fax.png') no-repeat left center; padding-left: 28px; padding-bottom: 6px; }

.footer-email { background: url('../images/email.png') no-repeat left center; padding-left: 28px; padding-bottom: 6px; }

.footer-address { background: url('../images/address.png') no-repeat left center; padding-left: 28px; padding-bottom: 6px; }

#footer-social { text-align: right; line-height: 1px; }


/* layout */
.small-column { width: 30%; }

.big-column { width: 66%; }

.left { margin-right: 4%; float: left; }

.right { float: right; }

.column2_1 { float: left; width: 48%; margin-right: 4%; margin-bottom: 24px; }

.column3_1 { float: left; width: 30%; margin-right: 5%; margin-bottom: 24px; }

.column3_2 { float: left; width: 65%; margin-right: 5%; margin-bottom: 24px; text-align: justify; }

.column4_1 { float: left; width: 22%; margin-right: 4%; margin-bottom: 24px; }

.column4_3 { float: left; width: 70%; margin-right: 4%; margin-bottom: 24px; }

.column4_2 { float: left; width: 48%; margin-right: 4%; margin-bottom: 24px; }

.column-last { margin-right: 0%; }

.no_margin { margin-bottom: 0px; }