body { background-image: url(../images/body_bg.png); background-repeat: repeat-x; background-color: #cbcbcb; }
b{font-weight:normal;}
.clear { clear: both; }
.clear2 { clear: both; padding-top: 10px; }
.general_content { margin-left: auto; margin-right: auto; width: 980px; }
.ccline {border-top: solid 1px #cccccc}
.div_alert {font-family: Arial; font-size: 12px; color: #ff0000;}
.required {color: #ff0000;}

input, textarea, select {font-family: Arial; font-size: 12px;}
#latest_top { height: 36px; }
#latest_top div { color: #9a9a9a; font-family: Arial; font-size: 12px; }
#logo_search { padding-top: 10px; padding-bottom: 10px;}
#public_search {width: 216px; line-height: 24px; margin-top: -15px; padding-top: 5px; padding-bottom: 5px; background: url(../images/public_search_bg.png) no-repeat 0 50%; float: right;}
#public_search input { border: none; background: none; padding-top: 5px; width: 160px; color: #9f9f9f; font-family: Arial; font-size: 12px;}
#public_search .go_button { float: right; text-align: center; width: 32px; font-family: Arial; font-size: 12px; font-weight: bold; color: #9f9f9f; cursor: pointer;}

#main_body { background: #ffffff;}

#top_nav {padding: 0 10px 6px 10px; border-bottom: solid 1px #ededed; cursor: pointer;}
#top_nav .left {width: 6px; height: 36px; float: left; background: url(../images/top_nav_left.png);}
#top_nav .body {width: 948px; height: 36px; float: left; background: url(../images/top_nav_body.png);}
#top_nav .right {width: 6px; height: 36px; float: right; background: url(../images/top_nav_right.png);}
#top_nav .menuitem {float: left; margin-right: 20px; margin-top: 6px; font-family: Arial; font-size: 12px; height: 24px;}
#top_nav .menuitem .m_left {float:left; width: 3px; height: 24px; background: none;}
#top_nav .menuitem .m_body {float:left; height: 24px; background: none; color: #ffffff; text-transform: uppercase; line-height: 24px; padding-left: 10px; padding-right: 10px;}
#top_nav .menuitem .m_body a{text-decoration: none; color: #ffffff;}
#top_nav .menuitem .m_right {float:left; width: 3px; height: 24px; none;}
#top_nav .selected .m_left {float:left; width: 3px; height: 24px; background: url(../images/menuitem_left.png);}
#top_nav .selected .m_body {float:left; height: 24px; background: url(../images/menuitem_body.png); color: #000000;}
#top_nav .selected .m_body a {text-decoration: none; color: #000000;}
#top_nav .selected .m_right {float:left; width: 3px; height: 24px; background: url(../images/menuitem_right.png);}
#top_nav .menuitem:hover .m_left {float:left; width: 3px; height: 24px; background: url(../images/menuitem_left.png);}
#top_nav .menuitem:hover .m_body {float:left; height: 24px; background: url(../images/menuitem_body.png); color: #000000;}
#top_nav .menuitem:hover .m_body a {text-decoration: none; color: #000000;}
#top_nav .menuitem:hover .m_right {float:left; width: 3px; height: 24px; background: url(../images/menuitem_right.png);}
a {outline: none;}

#home_body_top {padding: 10px 20px; background: #f7f7f7; border: solid 1px #e4e4e4;}
#home_body_top h2 {font-family: Arial; font-size: 24px; color: #2d2d2d;}
#home_body_top ul { list-style-type: none; margin-left: 0px; padding-left: 10px;}
#home_body_top ul li {font-family: Arial; font-size: 12px; line-height: 30px; color: #757575; padding-left: 20px; background: url(../images/li_line.png) no-repeat 0 50%;}

#home_more_info {width: 128px; height: 38px; background-image: url(../images/more_info_gray.png); float: left; margin-left: 10px; cursor: pointer;}
#home_more_info:hover {background-image: url(../images/more_info_green.png);}
#home_ask_project {width: 128px; height: 38px; background-image: url(../images/ask_project_gray.png); float: left; margin-left: 30px; cursor: pointer;}
#home_ask_project:hover {background-image: url(../images/ask_project_green.png);}
#home_introduce {padding: 20px; background: #262626;}
#home_introduce_inner {background: url(../images/introduce_bg.png) repeat-y center;}
#home_introduce h2 {font-family: Arial; font-size: 26px; color: #ffffff; padding-left: 70px; padding-top: 0px; margin-top: 10px;}
#home_introduce .offer_introduce {float: left; width: 280px; background: url(../images/offer_introduce_bg.png) no-repeat;}
#home_introduce li {color: #9a9a9a; font-family: Arial; font-size: 12px; margin-left: 0px; line-height: 24px;}
#home_introduce ul {margin-left: 0px; padding-left: 20px; margin-top: -7px;}
#home_introduce a{color:#9A9A9A;}
#home_introduce a:hover {color:#ffffff;}
#home_introduce .portfolio_introduce {float: left; width: 280px; background: url(../images/portfolio_introduce_bg.png) no-repeat 5px 5px; margin-left: 40px;}
#home_introduce .profile_introduce {float: left; color: #9a9a9a; font-family: Arial; font-size: 12px; line-height: 24px; width: 280px; background: url(../images/profile_introduce_bg.png) no-repeat 5px 5px; margin-left: 40px;}

#home_bottom {padding: 15px;}
#home_bottom h2{font-family: Arial; font-size: 24px; color: #3a3c3c; margin-bottom: 5px;}

#recent_portfolios {float: left; width: 350px;}
#recent_portfolios .item {font-family: Arial; font-size: 12px; color: #2c2c2c; padding-bottom: 20px;}
#recent_portfolios .item a {font-family: Arial; font-size: 12px; color: #678c24; text-decoration: underline; font-weight: bold; display: block;}
#recent_portfolios .item a.detail {font-size: 12px;}
#recent_portfolios .item h3 {margin-top: 10px; margin-bottom: 0;}
#recent_portfolios .item img {float: left; width: 140px; padding-right: 10px; padding-bottom: 10px;}
#home_bottom a.more_link {color: #666666; font-family: Arial; font-size: 11px; color: #666666; text-decoration: none; font-weight: bold;}
#welcome {width: 520px; text-align: left; font-family: Arial; font-size: 12px; color: #6f6f6f;}
#how_contact {width: 520px; text-align: left; font-family: Arial; font-size: 12px; color: #3a3c3c;}
#how_contact a {color: #3a3c3c; text-decoration: underline;}
#bottom {background: #202020; padding-top: 20px; padding-bottom: 20px; text-align: center; color: #979797; font-family: Arial; font-size: 12px;}
h1.page_title {font-family: Arial; padding-left: 30px;}
#mainForm {font-family: Arial; font-size: 12px; padding-left: 30px; padding-right: 30px;}

#mng_profile div {font-family: Arial; font-size: 12px; color: #000000;}
#mng_profile .header div {font-weight: bold;}
#mng_profile .item {padding-top: 5px; padding-bottom: 5px;}
#mng_profile .item .no {float:left; width: 30px; text-align: right;}
#mng_profile .item .title {float: left; width: 200px; text-align: left; margin-left: 10px;}
#mng_profile .item .content {float: left; width: 400px; text-align: left; margin-left: 10px;}
#mng_profile .item .visible {float: left; width: 50px; text-align: left; margin-left: 10px;}
#mng_profile .item .action {float: left; width: 150px; text-align: left; margin-left: 10px;}

span.link_button {cursor: pointer; color: #0000ff; font-family: Arial; font-size: 12px; text-decoration: underline;}

#div_new_profile_item, #div_edit_profile_item {border: solid 3px #FFFFC0; background: #ffffff; width: 800px; position: absolute; font-family: Arial; font-size: 12px; padding: 20px; display: none; z-index: 100; top: 100px; }
#gray_back_div{background-color: #000000; opacity: 0.5; filter: alpha(opacity=50);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";display: none; position: fixed; left: 0; top: 0;}

#company_profile {padding: 20px; color: #2c2c2c; font-family: Arial; font-size: 12px;}
#company_profile h3 {font-family: Arial; font-size: 24px; color: #2c2c2c; margin: 0; font-weight: normal;}

.tabs .tabcontent {border: solid 1px #2c2c2c; padding: 10px; margin-top: -1px;}
.tabs .tabmenu .tab {float: left;  padding: 1px 10px; height: 25px; line-height: 25px; font-family: Arial; font-size: 12px; margin-right: 3px; border: solid 1px #2c2c2c; background: #cccccc; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; cursor: pointer;}
.tabs .tabmenu .selected {font-weight: bold; background: #ffffff; border-bottom: solid 1px #ffffff; }
.tabs .tabcontent .level1 {display: none;}

#mng_team div {font-family: Arial; font-size: 12px; color: #000000;}
#mng_team .header div {font-weight: bold;}
#mng_team .item {padding-top: 5px; padding-bottom: 5px;}
#mng_team .item .image {float:left; width: 150px; text-align: left;}
#mng_team .item .title {float: left; width: 150px; text-align: left; margin-left: 10px;}
#mng_team .item .content {float: left; width: 300px; text-align: left; margin-left: 10px;}
#mng_team .item .visible {float: left; width: 50px; text-align: left; margin-left: 10px;}
#mng_team .item .action {float: left; width: 150px; text-align: left; margin-left: 10px;}

#div_new_team, #div_edit_team {border: solid 3px #FFFFC0; background: #ffffff; width: 800px; position: absolute; font-family: Arial; font-size: 12px; padding: 20px; display: none; z-index: 100; top: 100px; }

#about_us {padding: 20px; color: #2c2c2c; font-family: Arial; font-size: 12px;}
#about_us h3 {font-family: Arial; font-size: 24px; color: #2c2c2c; margin: 0; font-weight: normal;}
#about_us .left {width: 280px; float: left; text-align: left;}
#about_us .right {width: 100%; float: right; text-align: left;}
#about_us .left .image {text-align: center; font-weight: bold;}
#about_us .left .image img{width: 220px; height: 125px; padding: 2px; border: solid 1px #000000;}

.contact {width: 450px; margin: auto;}
.contact .item {font-family: Arial; font-size: 12px; color: #000000;}
.contact .item .left {float: left; width: 130px; text-align: right; line-height: 25px;}
.contact .item .right {float: left; margin-left: 10px;}

#contact_us {padding: 20px; color: #2c2c2c; font-family: Arial; font-size: 12px;}
#contact_us h3 {font-family: Arial; font-size: 24px; color: #2c2c2c; margin: 0; font-weight: normal;}
#contact_us .left {width: 320px; float: left; text-align: left;}
#contact_us .left .item .cap {float: left; width: 60px;}
#contact_us .left .item .link {float: left; margin-left: 10px; width: 240px;}
#contact_us .left a {color: #2c2c2c;}
#contact_us .right {width: 500px; float: right; text-align: left;}

#contact_us #contactForm {border: solid 1px #d7d7d7; background: #efefef; padding: 20px;}
#contact_us #contactForm .item {font-family: Arial; font-size: 12px; color: #000000;}
#contact_us #contactForm .item .left {float: left; width: 150px;}
#contact_us #contactForm .item .right {float: right; width: 300px; text-align: left;}
#contact_us #contactForm .item .right * {width: 300px;}

#mng_user div {font-family: Arial; font-size: 12px; color: #000000;}
#mng_user .header div {font-weight: bold;}
#mng_user .item {padding-top: 5px; padding-bottom: 5px;}
#mng_user .item .no {float:left; width: 30px; text-align: right;}
#mng_user .item .username {float: left; width: 250px; text-align: left; margin-left: 10px;}
#mng_user .item .email {float: left; width: 250px; text-align: left; margin-left: 10px;}
#mng_user .item .type {float: left; width: 100px; text-align: left; margin-left: 10px;}
#mng_user .item .action {float: left; width: 150px; text-align: left; margin-left: 10px;}

#div_new_user, #div_edit_user {border: solid 3px #FFFFC0; background: #ffffff; width: 800px; position: absolute; font-family: Arial; font-size: 12px; padding: 20px; display: none; z-index: 100; top: 150px; text-align: center;}

.mng_user_item {width: 320px; font-family: Arial; font-size: 12px; color: #2c2c2c; margin: auto;}
.mng_user_item .left {width: 120px; float: left; text-align: right; line-height: 22px;}
.mng_user_item .right {width: 170px; float: left; text-align: left; margin-left: 20px;}
.mng_user_item .right input{width: 170px;}

#pagenation {font-family: Arial; font-size: 12px; color: #2c2c2c; text-align: center;}
#pagenation a {color: #0000ff; text-decoration: none;}
#pagenation a:hover {color: #ff0000;}

span.order {font-weight: normal; cursor: pointer;}

#p_cats {font-family: Arial; font-size: 12px; color: #2c2c2c; width: 600px; margin: auto;}
#p_cats .header div {font-weight: bold;}
#p_cats .item {}
#p_cats .item .no {float: left; width: 30px; text-align: right;}
#p_cats .item .cat {float: left; width: 200px; margin-left: 10px;}
#p_cats .item .subcat {float: left; width: 200px; margin-left: 10px;}
#p_cats .item .action {float: left; width: 100px; margin-left: 10px;}

.input_item {font-family: Arial; font-size: 12px; color: #2c2c2c;}
.input_item .left {float: left; width: 100px; text-align: right;}
.input_item .right {float: left; text-align: left; margin-left: 10px; width: 600px;}
#add_category, #edit_category, #add_subcategory, #edit_subcategory, #add_portfolio, #edit_portfolio {border: solid 3px #FFFFC0; background: #ffffff; width: 800px; position: absolute; font-family: Arial; font-size: 12px; padding: 20px; display: none; z-index: 100; top: 250px; text-align: center;}
#add_portfolio, #edit_portfolio {top: 50px !important;}

#mng_portfolios div {font-family: Arial; font-size: 12px; color: #000000;}
#mng_portfolios .header div {font-weight: bold;}
#mng_portfolios .item {padding-top: 5px; padding-bottom: 5px;}
#mng_portfolios .item .no {float:left; width: 30px; text-align: right;}
#mng_portfolios .item .image {float: left; width: 150px; text-align: left; margin-left: 10px;}
#mng_portfolios .item .image img {width: 120px;}
#mng_portfolios .item .title {float: left; width: 250px; text-align: left; margin-left: 10px;}
#mng_portfolios .item .category {float: left; width: 200px; text-align: left; margin-left: 10px;}
#mng_portfolios .item .action {float: left; width: 150px; text-align: left; margin-left: 10px;}

#portfolio_list h3 {font-family: Arial; font-size: 24px; color: #2c2c2c; margin: 0; font-weight: normal;}
#portfolio_list {font-family: Arial; font-size: 12px; color: #2c2c2c;}
#portfolio_list #category_menu {float: left; width: 210px; background: #eeeeee; height: auto;}
#portfolio_list #category_menu div {border-bottom: dotted 1px #d3d3d3;}
#portfolio_list #category_menu .category {padding: 5px; font-weight: bold;}
#portfolio_list #category_menu .subcategory {padding: 5px 5px 5px 20px;}
#portfolio_list #category_menu a {color: #000000; text-decoration: none;}
#portfolio_list #category_menu a.selected {color: #ff0000;}

/*#portfolio_list .portfolio_item {float: left; width: 230px; margin-left: 5px; font-family: Arial; font-size: 12px; color: #2c2c2c;}
#portfolio_list .portfolio_item h3 {margin-top: 10px; margin-bottom: 0; font-size: 16px; font-weight: bold;}
#portfolio_list .portfolio_item a.detail {font-weight: bold; text-decoration: none; color: #678c24; font-size: 12px;}
#portfolio_list .portfolio_item .image{padding: 5px;}
#portfolio_list .portfolio_item img {width: 220px;}*/
#portfolio_list .portfolio_item {padding: 5px; font-family: Arial; font-size: 12px; color: #2c2c2c;}
#portfolio_list .portfolio_item h3 {margin-top: 10px; margin-bottom: 0; font-size: 16px; font-weight: bold;}
#portfolio_list .portfolio_item a.detail {font-weight: bold; text-decoration: none; color: #678c24; font-size: 12px;}
#portfolio_list .portfolio_item .image{float:left; width: 220px; margin-right: 5px;}
#portfolio_list .portfolio_item img {width: 220px;}
#portfolio_list .portfolio_item .description {float: right; width: 460px;}

#portfolio_detail {width: 640px; margin: auto; font-family: Arial; font-size: 12px; color: #2c2c2c;}
#portfolio_detail a {text-decoration: none; color: blue;}
#portfolio_detail a:hover {color: red;}