#container { font-size: 1.2em; margin: 0 auto; width: 999px; }

/* header */
#header { background: url(../images/bg-header.gif) no-repeat 0px 27px; position: relative; height: 100px; padding: 0 15px; }
#header h1 a { background: url(../images/logo.gif) no-repeat; display: block; height: 81px;  position: absolute; text-indent: -1984em; top: 14px; width: 233px; }
#header fieldset { color: #fff; position: absolute; top: 3px; right: 3px; }
#header fieldset input { border: none; }
#header fieldset input.Text { background: url(../images/bg-input-search.gif) no-repeat; height: 13px; padding: 3px; width: 116px; }
#header fieldset input.Btn { background: url(../images/bg-btn-search.gif) no-repeat; color: #fff; height: 19px; text-align: center; width: 58px; }
#header .Language { position: absolute; top: 35px; right: 20px; }

/* footer */
#footer { background: url(../images/bg-footer.gif) no-repeat left bottom; border-top: #fff solid 1px; color: #fff; font-size: .9em; height: 50px; padding: 15px 10px; text-align: center; }

/* menu */
#menu { height: 24px; position: absolute; top: 71px; right: 15px; }
* html #menu { right: 14px; }
#menu li { float: left; font-weight: bolder; line-height: 24px; padding-left: 4px; }
#menu a { background: url(../images/bg-menu-left.gif) no-repeat; color: #000; display: block; padding-left: 15px; }
#menu a span { background: url(../images/bg-menu-right.gif) no-repeat top right; display: block; padding-right: 15px; }
#menu a.Active, #menu a:hover { background-position: 0 -24px; }
#menu a.Active span, #menu a:hover span { background-position: right -24px; }

#banner { background: url(../images/bg-container.gif) repeat-y; padding: 0 15px; }
#banner img { display: block; }

/* sidebar */
#sidebar { float: left; width: 220px; }
#sidebar .Section1 { background: url(../images/bg-section-bot-3.gif) no-repeat left bottom; margin-top: 10px; padding-bottom: 10px; }
#sidebar .Section1 .Content { background: url(../images/bg-section-3.gif) repeat-y; padding: 10px; }
#sidebar .Section1 h3 { background: url(../images/bg-title-3.gif) no-repeat; color: #fff; font-size: 1em; padding: 6px 10px; }
#sidebar .Section1 h3.Category { background-image: url(../images/bg-title-1.gif); }
#sidebar .Section1 h3.Project { background-image: url(../images/bg-title-2.gif); }
#sidebar .Section1 h4 { font-size: 1em; }
#sidebar .Section1 .ProjectContent .Title { border-bottom: #d0b580 dashed 1.5px; overflow: hidden; margin-bottom: 10px; padding-bottom: 10px; }
* html #sidebar .Section1 .ProjectContent .Title { height: 1%; }

#sidebar .Section2 { background: url(../images/bg-section-bot-2.gif) no-repeat left bottom; margin-top: 10px; padding-bottom: 5px; }
#sidebar .Section2 .Content { background: url(../images/bg-section-2.gif) repeat-y; padding: 0 5px; }
#sidebar .Section2 .Wrapper { background: url(../images/bg-section-top-2.gif) no-repeat; padding-top: 5px; }
#sidebar .Section2 .Ads img { padding: 1px 0; }

#sidebar .Support p { padding: 5px 0; }

/* main */
#main { background: url(../images/bg-container.gif) repeat-y; overflow: hidden; padding: 0 15px 10px; }
* html #main { height: 1%; }
#main .Image { float: left; margin-right: 10px; }

/* mainContent */
#mainContent { float: right; margin-top: 10px; width: 730px; }
#mainContent h2.Title { background: url(../images/ico-1.gif) no-repeat; color: #3fabd5; font-size: 1.3em; padding: 7px 0 10px 30px; }
#mainContent h2.Title2 { background: url(../images/bg-title-4.gif) no-repeat; color: #3fabd5; font-size: 1.3em; padding: 3px 40px; }
#intro p { line-height: 18px; padding-bottom: 10px; text-align: justify; }

#intro { float: left; width: 250px; }
.Flash { float: right; width: 450px; }
.Group { border-bottom: #ceb481 dashed 1.5px; overflow: hidden; margin-bottom: 10px; padding-bottom: 10px; }
* html .Group { height: 1%; }

.HotNewsList { overflow: hidden; padding-bottom: 10px; }
* html .NewsList { height: 1%; }
.HotNewsList li { float: left; padding: 7px 15px; width: 330px; }
.HotNewsList li h3 { background: url(../images/new.gif) no-repeat left 2px; font-size: 1em; margin-bottom: 5px; padding-left: 25px; }
.HotNewsList li img { float: left; margin-top: 3px; margin-right: 10px; }

#mainContent .Section { background: url(../images/bg-section-4.gif) repeat-y; }
#mainContent .Section h2 { background: url(../images/bg-section-top-4.gif) no-repeat; color: #3fabd5; font-size: 1.3em; padding: 10px 10px 0; }
#mainContent .Section .Content { background: url(../images/bg-section-bot-4.gif) no-repeat left bottom; overflow: hidden; padding: 13px; }
* html #mainContent .Section .Content { height: 1%; }

#mainContent .Status { padding: 5px 0; text-align: right; }
#mainContent .Status a { font-size: .9em; }
#mainContent .Status img { vertical-align: middle; }

#mainContent .Document h3 { color: #009bd8; font-size: 1.4em; padding-bottom: 10px; }
#mainContent .Document p { line-height: 18px; padding-bottom: 15px; text-align: justify; }
#mainContent .Document .Image { margin-right: 15px; }
#mainContent .Document .Author { color: #7c7c7c; font-style: italic; margin-top: 10px; text-align: right; }

#mainContent .CompanyList li { border-bottom: #a7a7a7 dashed 1.5px; padding: 10px 0; }
#mainContent .CompanyList li h3 { font-size: 1.1em; }
#mainContent .CompanyList li h3 a { color: #20a1d5; }
#mainContent .CompanyList li p { line-height: 18px; padding-top: 10px; }

.ImagesList { overflow: hidden; width: 710px; }
.ImagesList ul { width: 740px; }
.ImagesList li { border-bottom: #d0b580 dashed 1.5px; float: left; height: 100px; margin-right: 30px; padding: 10px 0; width: 340px; }
.ImagesList li img { float: left; margin-right: 15px; }
.ImagesList li h3 { font-size: 1em; }
.ImagesList li h3 a { color: #5a5a5a; }
.ImagesList li h3 a:hover { color: #333; }

.ImagesListDetail { margin-left: 10px; }
.ImagesListDetail li { border: #e8e8e8 solid 1px; float: left; margin-top: 15px; margin-right: 14px; padding: 5px; text-align: center; width: 118px; }
.ImagesListDetail li:hover { border: #b36b00 solid 1px; }
.ImagesListDetail li .Image { background: url(../images/shadow1.gif) no-repeat; padding: 9px; }
.ImagesListDetail li .Zoom { text-align: right; }

.NewsList { margin-left: 10px; overflow: hidden; width: 695px; }
.NewsList ul { width: 750px; }
.NewsList li { border-bottom: #d0b580 dashed 1.5px; float: left; height: 125px; margin-right: 45px; padding: 15px 0; width: 325px; }
.NewsList li h3 { font-size: 1em; padding-bottom: 5px; }
.NewsList li h3 a { color: #17adcf; }
.NewsList li h3 a:hover { color: #0192b3; }
.NewsList li img { float: left; margin-right: 15px; }
.NewsList li .More { font-size: .9em; margin-top: 20px; text-align: right; }
.NewsList li .More a { color: #959595; text-decoration: underline; }
.NewsList li .More a:hover { color: #666; text-decoration: none; }

.Other { padding-top: 30px; }
.Other h3 { font-size: 1.1em; padding-bottom: 10px; }
.Other li { list-style: disc; margin-left: 20px; margin-top: 3px; }
.Other li a { color: #959595; text-decoration: underline; }
.Other li a:hover { color: #45bfe6; }

.Pager { margin-top: 50px; padding: 5px; text-align: center; }
.Pager span span, .Pager span a { border: #ccc solid 1px; color: #646464; padding: 2px 5px; }
.Pager span span { background-color: #7d7d7d; color: #fff; }

.SendCV { background: url(../images/bg-send-cv.gif) no-repeat; float: right; height: 102px; margin-top: 20px; position: relative; width: 301px; }
.SendCV a { color: #ffef74; font-size: 1.2em; font-weight: bolder; position: absolute; top: 34px; left: 110px; }
.SendCV a:hover { color: #fff; }

.LargeImage { margin-bottom: 20px; text-align: center; }
.Build h3 { color: #0087bf; font-size: 1.2em; }
.Build p { padding-top: 5px !important; }

.Contact { padding: 20px 0; } 
.Contact .Input { padding: 5px 60px; }
.Contact .Input label { float: left; padding-right: 10px; width: 100px; }
.Contact .Input .Text, .Contact .Input textarea { border: #d3d3d3 solid 1px; padding: 3px; width: 400px; }
.Contact .Input textarea { overflow: auto; }
.Contact .Input em { color: #f00; vertical-align: top; }
.Contact .Note { color: #7b7b7b; font-size: .9em; margin-right: 155px; text-align: right; }
.Contact .Note span { color: #f00; }
.Contact .Output { margin-left: 170px; margin-top: 20px; }
.Contact .Btn { background: url(../images/bg-btn.gif) no-repeat; border: none; color: #fff; font-weight: bolder; height: 25px; text-align: center; width: 96px; }