/* Reset                                    writed by Ashung
==========================================================*/
body, dl, dt, dd, ul, ol, h1, h2, h3, h4, h5, h6, pre,
form, fieldset, textarea, p, blockquote, caption, th, td { 
    margin: 0;
    padding: 0;
    font-size: 100%;
    font-weight: normal;
}
fieldset, img { 
    border: 0;
}
ol, ul {
    list-style: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th {
    text-align: left;
}
:focus {
    outline: 0;
}

/* Layout
==========================================================*/
body {
    text-align: center;
    font: 11px/1.5 Tahoma, Helvetica, Arial, sans-serif;
    color: #000;
    background: #80888c url(img/bg1.gif) repeat-x;
}
input, textarea {
    font-family: Tahoma, Helvetica, Arial, sans-serif;
}
.container {
    width: 900px;
    margin: auto;
    text-align: left;
}
a:link, a:visited {
    color: #f00;
    text-decoration: none;
}
a:hover, a:active {
    text-decoration: underline;
}

/* Common
==========================================================*/
.col1, .col2, .col3, .col4 {
    float: left;
}
a.more {
    display: block;
    width: 56px;
    height: 16px;
    text-indent: -9999px;
    background: url(img/more.gif) no-repeat;
}
a.back, a.back:link, a.back:visited {
    padding: 0 3px;
    color: #fff;
    background: #d71121;
}
a.back:hover, a.back:active {
    text-decoration: none;
}

.pagination a, .pagination a:link, .pagination a:visited {
    font-size: 95%;
    line-height: 1.5;
    padding: 0 3px;
    background: #80888c;
    color: #fff;
}
.pagination a.current, .pagination a:hover, .pagination a:active {
    text-decoration: none;
    background: #d71121;
    color: #fff;
}

/* Header
==========================================================*/
.brand {
    height: 45px;
    margin: 15px 0 12px;
    padding: 0 15px 0 30px;
    color: #fff;
}
.logo {
    float: left;
}
.slogan {
    float: right;
    font-style: italic;
	text-align:right;
	margin-top:10px;
}
.nav {
    height: 38px;
    line-height: 42px;
    overflow: hidden;
    padding: 0 12px;
    background: url(img/nav.gif) repeat-x;
}
.nav li {
    float: left;
}

.nav a, .nav a:link, .nav a:visited {
    display: block;
    padding: 0 18px;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
}
.nav a:hover, .nav a:active, .nav a.current {
    background: url(img/nav.gif) repeat-x 0 -38px;
}

.banner {
    height: 155px;
    overflow: hidden;
}

/* Main Layout
==========================================================*/
.main {
    margin-bottom: 1px;
    background: #fff url(img/main.gif) repeat-x 0 100%;
    zoom: 1;
}
.main:after, .gallery:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.main .col1, .main .col2 {
    height: auto !important;
    height: 220px;
    min-height: 220px;
}
.main .col1 {
    width: 310px;
    background: url(img/sidebar.png) no-repeat;
}
.main .col2 {
    width: 590px;
    background: url(img/content.png) repeat-x;
}
.main .col1 .content {
    margin-left: 15px;
    width: 150px;
    padding: 20px 0;
}
.main .col2 .content {
    margin-left: -110px;
    padding: 30px 40px 40px 20px;
}
.col2 .content .pagination {
    text-align: right;
}

.menu li {
    height: 22px;
    margin-bottom: 2px;
    color: #535758;
    white-space: nowrap;
}
.menu a, .menu a:link, .menu a:visited {
    height: 22px;
    line-height: 22px;
    padding-left: 11px;
    color: #535758;
    display: block;
}
.menu a.current, .menu a:hover, .menu a:active {
    color: #fff;
    text-decoration: none;
    background: #9da5a8 url(img/menu1.png) no-repeat;
}

/*= page-index */
.page-index .main {
    height: auto !important;
    height: 495px;
    min-height: 495px;
}
.page-index .main .col1 {
    width: 604px;
}
.page-index .main .col2 {
    width: 296px;
}
.flash-intro {
    width: 604px;
    height: 380px;
    overflow: hidden;
    margin-bottom: 30px;
}
.credit {
    width: 540px;
    margin-left: 30px;
}
.credit li {
    float: left;
    padding-top: 10px;
    height: auto !important;
    height: 60px;
    min-height: 60px;
    background: url(img/edge.gif) no-repeat 100% 50%;
}
.credit li.item-photo {
    width: 125px;
}
.credit li.item-desc {
    width: 340px;
    padding-left: 30px;
    padding-right: 30px;
}
.newslists {
    color: #fff;
    line-height: 1.4;
    margin-bottom: 20px;
    padding: 0 35px 25px 25px;
    background: #72787b url(img/round.gif) no-repeat 0 100%;
}
.newslists h3 {
    font: 140%/3 Verdana, Arial, sans-serif;
}
.newslists li {
    padding-bottom: 1em;
    margin-bottom: 1em;
    border-bottom: 1px solid #80888c; 
}
.flash-show {
    width: 296px;
    height: 120px;
    overflow: hidden;
}

/*= page-about */
.page-about .col2 .content {
    padding: 30px 40px 40px 20px;
}
.page-about .col2 .content h3 {
    font: 140% Verdana, Arial, sans-serif;
}
.page-about .content p, .page-about .content h3 {
    margin-bottom: 1em;
}

/*= page-news */
.news-entry {
    margin-bottom: 1em;
    border-bottom: 1px solid #eee;
}
.news-entry  p, .news-detail p {
    margin-bottom: 1em;
}
.news-entry h3, .news-detail h3 {
    margin-bottom: 1em;
    font-size: 110%;
    font-weight: bold;
}
.news-entry .date, .news-detail .date {
    margin-bottom: 0;
    color: #999;
}
.news-detail img {
    display: block;
    padding: 4px;
    border: 1px solid #e1e2e3;
    background: #fff;
}
.news-entry h3 a:link, .news-entry h3 a:visited {
    color: #222;
}

/*= page-profile & page-capability */
.gallery {
    margin-right: -40px;
}
.gallery li {
    float: left;
    width: 130px;
    height: 130px;
    overflow: hidden;
    margin: 0 40px 10px 0;
    text-align: center;
    background: url(img/bg2.png) no-repeat;
}
.gallery li img {
    display: block;
    margin: 5px auto 15px;
}
.gallery a, .gallery a:link, .gallery a:visited {
    display: block;
    color: #222;
}
.gallery-view {
    border: 1px solid #e1e2e3;
    background: #fff;
}
.gallery-view .item-title {
    height: 25px;
    line-height: 25px;
    padding: 0 15px;
    font-weight: bold;
    color: #53585b;
    border-bottom: 1px solid #e1e2e3;
    background: #e4e6e7 url(img/bg3.gif) repeat-x;
}
.gallery-view .item-title a,
.gallery-view .item-title a:link,
.gallery-view .item-title a:visited {
    float: right;
    height: 25px;
    margin-top: -25px;
    font-weight: normal;
    color: #53585b;
    text-decoration: none !important;
}
.gallery-view .item-photo {
    padding: 20px;
    text-align: center;
}

/*= page-products */
.page-products .col1 .pagination {
    margin-top: 20px;
    text-align: center;
}
.page-products .menu a {
    background-image: url(img/menu2.png);
}
.menu a.current, .menu a:hover, .menu a:active {
    background-image: url(img/menu1.png);
}

/* Footer
==========================================================*/
.footer {
    height: 30px;
    line-height: 12px;
    clear: both;
    color: #d5d8d9;
    font-size: 90%;
    margin-bottom: 30px;
    padding: 0 12px;
    background: url(img/footer.gif) repeat-x;
}
.footer a:link, .footer a:visited {
    color: #d5d8d9;
}
.copyright {
    float: left;
}
.language {
    float: right;
}

/*= IE bug */
.brand {
    *overflow: hidden; /* IE7 */
}
.main .col2 {
    *overflow-x: hidden;
}
.main .col2 .content {
    *zoom: 1;
    *position: relative;
}
.gallery {
    *width: 110%;
    padding-bottom/**/ /**/:/**/10/**/px;
}
/*==========================================================*/

#tt {position:absolute; display:block; background:url(../images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(../images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(../images/tt_bottom.gif) top right no-repeat; overflow:hidden}