/* Janet updated 10/23 1:35 pm */

/* Jen Updated 10/19 at 1:30pm with IE7 navigation bar changes */

/* ----------------------
Stylesheet Guide
-------------------------

 01. GLOBAL STYLES
 
 02. LAYOUT
 	1. GENERAL STRUCTURE
 	2. CONTENT AREA
	3. FOOTER
	4. MULTI COLUMNS
	5. SIDEBAR
	6. HOMEPAGE
	7. SITEMAP
	
	
03. NAVIGATION
 	1. MAIN NAVIGATION
 	2. VERTICAL SUB NAVIGATION
	3. BREADCRUMBS
	4. PRINT THIS PAGE
	
04. LINKS
	1. GENERAL LINKS
	2. CUSTOM BUTTONS
	
05. LISTS
	1. GENERAL LISTS
	2. CUSTOM LIST BULLETS
	3. ACCORDION
	4. TABS
	
06. TYPOGRAPHY
	1. GENERAL TYPOGRAPHY
	2. FOOTER

	
07. FORMS

08. image
	
09. MISCELLANEOUS

	
10. WIDGETS + SHORTCODES
	
	1. SEARCH - SIDEBAR
	2. LATEST TWEETS


11. IE SPECIFIC

 */

/* *********************************************************************************** */
/* 01. GLOBAL
/* *********************************************************************************** */

* {
    font-size: 100.01%;
}

html {
    font-size: 62.5%;
    margin: 0;
    padding: 0;
}

body {
    margin: 0 auto;
    padding: 0px;
    background: #f4f4f2;
    font: 1.2em/19px "宋体", helvetica neue, Helvetica, Arial, Verdana, sans-serif;
    color: #333;
    min-width: 1003px;
}

/* *********************************************************************************** */
/* 02. LAYOUT
/* *********************************************************************************** */

/*---------------------------------------------------------------*/
/* 1. GENERAL LAYOUT
/*---------------------------------------------------------------*/
#main {
    display: table-footer-group;
    position: relative;
    width: 100%;
    background-color: #fff;
}

#maincontent {
    width: 1280px;

    margin: 0 auto;
}

#header .welcome-search a {
    color: #CDDAF3;
    font-size: 11px;
    text-decoration: none;
}

#header .welcome-search a:hover {
    text-decoration: underline;
}

#header .welcome-search .signout {
    width: 50px;
    float: right;
}

#main .main-area {
    width: 980px;
    margin: 0 auto;
    padding: 15px 0 30px 0;
    background-color: #FFF;
}

.main-holder {
    height: 1%;
    overflow: hidden;
    padding-top: 20px;
    min-height: 400px;
}

#main .main-area .banner {
    padding-left: 20px !important;
}

/* *********************************************************************************** */
/* 04. LINKS */
/* *********************************************************************************** */

/*---------------------------------------------------------------*/
/* 1. GENERAL LINKS */
/*---------------------------------------------------------------*/
a {
    color: #000000;
    outline: none;
    text-decoration: none;
}

/* *********************************************************************************** */
/* 06. TYPOGRAPHY */
/* *********************************************************************************** */

/*---------------------------------------------------------------*/
/* 1. GENERAL TYPOGRAPHY */
/*---------------------------------------------------------------*/
#main .frame h1 {
    padding: 10px 0 0 20px !important;
    font-size: 24px !important;
    float: left;
    margin: 3px 0 0 0 !important;
    color: #FFF;
}

#main h1, #main h2, #main h3, #main h4, #main h6 {
    padding: 10px 0 10px 0;
    font-weight: normal;
    margin: 0;
    color: #222;
}

#main h1 {
    padding: 10px 0 10px 0;
    font-size: 18px;
    line-height: normal;
}

#main h2 {
    font-size: 1.5em;
    color: #333;
    padding-top: 15px;
}

#main h3 {
    font-size: 1.4em;
    font-weight: bold;
    color: #360;
    margin-top: 15px;
    margin-bottom: 0px;
    padding: 0px;
}

#main h4 {
    font-size: 1.3em;
}

#main h5 {
    font-size: 1.2em;
    border-top: 1px dotted #CCCCCC;
    color: #4A7A3E;
    padding: 6px 0 0 0;
    font-weight: bold;
    margin: 10px 0 5px 0;
}

#main h6 {
    font-size: 1.0em;
    color: #222;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    padding-bottom: 5px !important;
}

#main .h2-homepage {
    border-bottom: 1px solid #C3C3C3;
    padding-bottom: 6px;
    margin-bottom: 6px;
}

#main .chart_ital {
    color: #333333;
    font-size: .8em;
    font-style: italic;
    font-weight: normal;
}

.search-title {
    color: #FFF;
    font-size: 1.9em;
}

#content p {
    margin-top: 8px;
    margin-bottom: 16px;
}

p strong {
    color: #333;
}

.sitemap-last p {
    line-height: 25px;
}

#content .sub-box3 .cols-holder {
    padding: 41px 0 0;
}

#main .video-sub h2, #main .two-d-sub h2, #main .three-d-sub h2 {
    padding-bottom: 10px !important;
}

.home-banner-main h2 {
    color: #222 !important;
    font-size: 2em !important;
    padding-bottom: 5px !important;
    font-weight: normal !important;
}

.home-banner-main p {
    font-size: 1.1em;
    line-height: 21px;
}

.home-bnr-jquery .home-banner-main h2 {
    color: #FFF !important;
}

/*---------------------------------------------------------------*/
/* 2. @FONT-FACE */
/*---------------------------------------------------------------*/

#main .blog_wrap h1, #main .single_blog_wrap h1, #main .comment-title, .four_o_four, .callout-wrap span, .video-sub h2, .two-d-sub h2, .three-d-sub h2, .main-holder h1, .main-holder h2, .main-holder h3, .main-holder h4, .main-holder h5, .search-title, .home-banner-main h2, #main .portfolio_full_width h3, #main .frame h1, #main .month, .home-bnr-jquery-content h2, .callout2, #main h4, .comment-author-about {
    font-family: "helvetica neue", Helvetica, Arial, Verdana, sans-serif;
}

#content {
    width: 820px;
    float: left;
    margin-left: 20px;
}

.tools {
    width: 820px;
    float: left;
    border-bottom: 1px solid #C3C3C3;
}

#main #siabpressdetails ul {
    margin: 15px 0 15px 10px;
}

#main #siabpressdetails ul li {
    list-style: none;
    background: url("image/ici_bullet.gif") no-repeat scroll 0 9px transparent;
    margin: 3px 0;
    padding-left: 10px;
}

#main #siabpressdetails h2 {
    font-size: 1.5em;
    color: #264478 !important;
    padding-top: 15px;
}

#siabpressdetails a.top {
    font-size: 10px;
    text-transform: uppercase;
    color: #663300;
    text-decoration: none;
    text-align: right;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding-right: 15px;
    font-weight: bold;
    letter-spacing: .1em;
    background-image: none;
    background-repeat: no-repeat;
    background-position: right;
}

/*---------------------------------------------------------------*/
/* 3. FOOTER */
/*---------------------------------------------------------------*/
#footer p, #footer_bottom p {
    margin: 0;
}

#footer, #footer_bottom {
    color: #575C60;
}

#footer .footer_post h4, #footer .footer_post h4 a {
    text-transform: uppercase;
    color: #fff;
    display: block;
    font-size: 11px;
    letter-spacing: 0.5px;
}

#footer .footer_post h4 {
    padding-bottom: 3px;
}

/* *********************************************************************************** */
/* 09. image */
/* *********************************************************************************** */

/*---------------------------------------------------------------*/
/* 1. GENERAL */
/*---------------------------------------------------------------*/
img, img a {
    border: 0;
    box-shadow: 0px 0px;
}

.attachment-fadeIn, .attachment-post-thumbnail {
    display: none;
}

img a, a img {
    cursor: pointer;
    vertical-align: bottom;
}

img.left {
    float: left;
    margin: 0 0 0 0;
}

/* *********************************************************************************** */
/* 10. MISCELLANEOUS
/* *********************************************************************************** */

.hr, .hr_top_link {
    border: 0;
    height: 2px;
    width: 100%;
    background: url(image/_global/separator3.gif) 0 0 repeat-x;
    margin: 1.6em 0;
}

.hr_top_link {
    margin-bottom: 1em;
}

.hr_shadow {
    border: 0;
    height: 20px;
    width: 100%;
    background: url(image/_global/separator-shadow-small.jpg) top center no-repeat;
    margin: 15px 0 22px 0;
}

.content_full_width .hr_shadow {
    background: url(image/_global/separator-shadow.jpg) top center no-repeat !important;
}

.content_sidebar .hr_shadow {
    background: url(image/_global/separator-shadow-xtra-small.jpg) top center no-repeat !important;
}

table {
    font-size: 1.0em;
}

table td, table th {
    padding: 0px;
}

table.public {
    border-top: 1px solid #CCCCCC;
    line-height: 1.5em;
    padding-bottom: 10px;
}

table.public td {
    border-bottom: 1px solid #CCCCCC;
    padding-right: 0px;
}

/* deital */
.detail .info {
    position: relative;
    z-index: 1;
    line-height: 25px;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #d7d7d7;
    background: #f8f8f8;
    overflow: hidden;
    zoom: 1;
}

.detail .info h1 {
    font-size: 15px;
    margin-bottom: 10px;
}

.detail .info .status {
    position: absolute;
    width: 80px;
    height: 46px;
    right: 150px;
    top: 2px;
    background: url(http://i.ssimg.cn/images/asset/20130903/status.gif)
}

.detail .info .status.s2 {
    background-position: 0 -46px;
}

.detail .info .status.s3 {
    background-position: 0 -92px;
}

.table {
    margin-bottom: 10px;
    border-top: 1px solid #d7d7d7;
    border-left: 1px solid #d7d7d7;
}

.table th {
    line-height: 22px;
    padding: 4px 8px;
    text-align: left;
    border-bottom: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
    font-weight: normal;
    background: #f8f8f8;
}

.table td {
    line-height: 22px;
    padding: 4px;
    border-bottom: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
}

.table p {
    padding-bottom: 10px;
}


