/* CSS Document */
/* *--------------------------
 * *BASIC
 * *-------------------------- */
* {
  padding: 0px;
  margin: 0px;
}

body {
  padding: 0px 0px 0px 0px;
  margin: 0px;
  background: black;
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #333333;
}

p {
  line-height: 20px;
}

a {
  text-decoration: none;
  outline: none;
}

.clear {
  clear: both;
}

h1 {
  font: bold 22px Arial, Helvetica, sans-serif;
  color: #023879;
}

h2 {
  font: normal 15px Arial, Helvetica, sans-serif;
  color: #e98e07;
}

h3 {
  font: bold 28px Arial, Helvetica, sans-serif;
  color: #023879;
  padding-bottom: 10px;
}

h4 {
  font: bold 20px Arial, Helvetica, sans-serif;
  color: #272727;
  padding: 10px;
}

.green_text {
  font: bold 28px Arial, Helvetica, sans-serif;
  color: #6fb42c;
}

/* *--------------------------
 * *BODYPART
 * *-------------------------- */
#bodypart {
  width: 100%;
  padding: 8px 0px 0px 0px;
  margin: 0px;
  background: url(/images/container_bg.jpg) repeat-x top left white;
  float: left;
}

/* *--------------------------
 * *CONTAINER & WRAPPER
 * *-------------------------- */
#container {
  width: 960px;
  padding: 0px;
  margin: 0px auto;
}

#wrapper, #headerpart {
  width: 960px;
  padding: 0px;
  margin: 0px;
  float: left;
}

/* *--------------------------
 * *HEADERPART
 * *-------------------------- */
#logopart {
  width: 960px;
  height: 96px;
  padding: 0px;
  margin: 0px 0px 15px 0px;
  float: left;
}

.logo {
  width: 278px;
  height: 96px;
  padding: 0px;
  margin: 0px;
  float: left;
}

.search_part {
  width: 276px;
  padding: 0px 37px 9px 10px;
  margin: 62px 0px 0px 0px;
  float: right;
  display: block;
  vertical-align: bottom;
}

.search_text {
  width: 48px;
  height: 22px;
  padding: 6px 9px 0px 0px;
  margin: 0px;
  vertical-align: middle;
  float: left;
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #2f2f2f;
}

.search {
  width: 163px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  float: left;
}

.input_search {
  width: 163px;
  height: 28px;
  padding: 0px 5px 0px 5px;
  margin: 0px;
  float: left;
  background: url(/images/search_box_bg.jpg) no-repeat top left;
  border: none;
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #2f2f2f;
}

.search_button {
  width: 34px;
  height: 28px;
  padding: 0px 0px 0px 0px;
  margin: 0px;
  float: right;
  display: block;
}

#header {
  width: 960px;
  padding: 0px;
  margin: 0px;
  float: left;
  background: white;
}

#header_left {
  width: 551px;
  height: 220px;
  padding: 39px 18px 35px 21px;
  margin: 0px;
  float: left;
  background: url(/images/header_bg.jpg) no-repeat top left;
}

.header_text {
  font: normal 14px Arial, Helvetica, sans-serif;
  color: #323232;
  padding-left: 29px;
  line-height: 20px;
  width: 480px;
}

#header_right {
  width: 370px;
  height: 294px;
  padding: 0px;
  margin: 0px;
  float: left;
}

/*----------END MENUPART--------- */
/* *--------------------------
 * *CONTAINPART
 * *-------------------------- */
#containpart {
  width: 960px;
  padding: 0px;
  margin: 0px 0px 0px 0px;
  float: left;
}

/* *--------------------------
 * *BOXPART
 * *-------------------------- */
#box_part {
  width: 960px;
  padding: 0px;
  margin: 0px 0px 31px 0px;
  float: left;
}

.box_text {
  font: bold 12px Arial, Helvetica, sans-serif;
  color: white;
  line-height: 20px;
}

#box1 {
  width: 302px;
  padding: 0px;
  margin: 0px 27px 0px 0px;
  float: left;
}

.box_up1 {
  width: 262px;
  height: 35px;
  padding: 10px 20px 0px 20px;
  float: left;
  margin: 0px;
  background: url(/images/box_1_up.jpg) no-repeat top left;
  font: bold 18px Arial, Helvetica, sans-serif;
  color: white;
}

.box_up2 {
  width: 262px;
  height: 35px;
  float: left;
  padding: 10px 20px 0px 20px;
  margin: 0px;
  background: url(/images/box_2_up.jpg) no-repeat top left;
  font: bold 18px Arial, Helvetica, sans-serif;
  color: white;
}

.box_up3 {
  width: 262px;
  height: 35px;
  float: left;
  padding: 10px 20px 0px 20px;
  margin: 0px;
  background: url(/images/box_3_up.jpg) no-repeat top left;
  font: bold 18px Arial, Helvetica, sans-serif;
  color: white;
}

#box1_m {
  width: 264px;
  padding: 11px 19px 11px 19px;
  margin: 0px;
  float: left;
  background: url(/images/box_1_bg.jpg) repeat-x top left #0d73b8;
}

.box_down {
  width: 302px;
  height: 93px;
  padding: 0px;
  margin: 0px 0px 0px 0px;
  float: left;
}

.box_down_icon {
  width: 114px;
  height: 93px;
  padding: 0px;
  margin: 0px 0px 0px 0px;
  float: left;
}

.box_down_read {
  width: 188px;
  height: 93px;
  padding: 0px;
  margin: 0px 0px 0px 0px;
  float: left;
}

#box2 {
  width: 302px;
  padding: 0px;
  margin: 0px 27px 0px 0px;
  float: left;
}

#box2_m {
  width: 264px;
  padding: 11px 19px 11px 19px;
  margin: 0px;
  float: left;
  background: url(/images/box_2_bg.jpg) repeat-x top left #0d73b8;
}

#box3 {
  width: 302px;
  padding: 0px;
  margin: 0px 0px 0px 0px;
  float: left;
}

#box3_m {
  width: 264px;
  padding: 11px 19px 11px 19px;
  margin: 0px;
  float: left;
  background: url(/images/box_3_bg.jpg) repeat-x top left #0d73b8;
}

/* *--------------------------
 * *PAGEPART
 * *-------------------------- */
#page {
  width: 960px;
  padding: 0px;
  margin: 0px;
  float: left;
}

#page_left {
  width: 640px;
  padding: 0px;
  margin: 0px 67px 0px 7px;
  float: left;
}

.page_left_post {
  width: 640px;
  padding: 0px;
  margin: 0px 0px 40px 0px;
  float: right;
}

#page_right {
  width: 246px;
  padding: 0px;
  margin: 0px 0px 0px 0px;
  float: right;
}

#page_right_post {
  width: 246px;
  padding: 0px;
  margin: 0px 0px 51px 0px;
  float: right;
}

.page_righ_header {
  width: 230px;
  height: 25px;
  padding: 5px 0px 0px 15px;
  margin: 0px 0px 10px 0px;
  float: left;
  background: url(/images/news_bg.png) no-repeat top left;
  text-align: left;
  font: bold 18px Arial, Helvetica, sans-serif;
  color: white;
}

.page_righ_textarea {
  width: 229px;
  padding: 0px 8px 0px 8px;
  margin: 0px;
  float: left;
}

.list {
  width: 229px;
  padding: 0px;
  margin: 0px 0px 19px 0px;
  float: left;
}

.list_icon {
  width: 6px;
  height: 1px;
  padding: 5px 0px 0px 0px;
  margin: 0px 6px 0px 0px;
  float: left;
}

.list_text {
  width: 216px;
  padding: 0px;
  margin: 0px;
  float: right;
}

.more {
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #e52727;
  text-align: right;
}
.more a {
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #e52727;
  text-align: right;
  padding: 20px 0px 0px 0px;
}
.more a:hover {
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #e52727;
  text-align: right;
}

.read {
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #e52727;
  text-align: left;
  padding: 40px 0px 0px 0px;
}
.read a {
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #e52727;
  text-align: left;
}
.read a:hover {
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #e52727;
  text-align: left;
}

.down_box {
  width: 250px;
  padding: 0px;
  margin: 0px 35px 0px 35px;
  float: left;
}

.down_box_header {
  width: 220px;
  height: 31px;
  padding: 5px 15px 5px 15px;
  margin: 0px;
  float: left;
  background: url(/images/client.jpg) no-repeat top left;
  font: bold 18px Arial, Helvetica, sans-serif;
  color: #222222;
}

.down_box_text {
  width: 216px;
  padding: 0px 18px 0px 9px;
  margin: 0px 0px 15px 0px;
  float: left;
}

.down_box_down {
  width: 250px;
  height: 65px;
  padding: 0px;
  margin: 0px;
  float: left;
}

.down_box_icon {
  width: 72px;
  height: 65px;
  padding: 0px 0px 0px 0px;
  margin: 0px 44px 0px 0px;
  float: left;
}

.news_bg {
  width: 100px;
  height: 100px;
  padding: 0px;
  margin: 0px;
  background: url(/images/news_bg.png) no-repeat top left;
}

/* *---------------------------------------------
 * *05. NAVIGAITON
 * *--------------------------------------------- */
/*----------MENUPART---------- */
#menupart {
  width: 960px;
  height: 43px;
  padding: 0px;
  margin: 0px;
  float: left;
  background: url(/images/menu_bg.jpg) repeat-x top left;
}

.menu_l {
  width: 7px;
  height: 43px;
  padding: 0px;
  margin: 0px;
  float: left;
}

.menu {
  width: 946px;
  height: 43px;
  padding: 0px;
  margin: 0px;
  float: left;
}

.menu_r {
  width: 7px;
  height: 43px;
  padding: 0px;
  margin: 0px;
  float: right;
}

.menu ul {
  list-style: none;
  margin: 0 auto;
  padding: 0px 0px 0px 20px;
}
.menu li {
  float: left;
  list-style: none;
  display: block;
  padding: 0px 0px 0px 0px;
}
.menu li.separetor {
  float: left;
  display: block;
  width: 3px;
  height: 43px;
  margin: 0px;
  line-height: 43px;
  padding: 0px 37px 0px 37px;
  overflow: hidden;
}
.menu li a {
  float: left;
  display: block;
  color: white;
  text-decoration: none;
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding: 0px 0px 0px 6px;
  height: 43px;
  line-height: 43px;
  text-align: center;
  text-transform: none;
  cursor: pointer;
}
.menu li a span {
  float: left;
  display: block;
  padding: 0 15px 0 12px;
}
.menu li.current a {
  color: white;
  background: url(/images/menu_over_l.jpg) no-repeat left 5px;
}
.menu li.current a span {
  color: white;
  background: url(/images/menu_over_r.jpg) no-repeat right 5px;
}
.menu li a:hover {
  color: white;
  background: url(/images/menu_over_l.jpg) no-repeat left 5px;
}
.menu li a:hover span {
  color: white;
  background: url(/images/menu_over_r.jpg) no-repeat right 5px;
}

/* *--------------------------
 * *FOOTERPART
 * *-------------------------- */
#footerpart {
  width: 100%;
  padding: 23px 0px 23px 0px;
  margin: 0px;
  background: black;
  float: left;
  text-align: center;
}

.footer_text {
  font: normal 12px Arial, Helvetica, sans-serif;
  color: white;
  line-height: 24px;
}
.footer_text a {
  font: normal 12px Arial, Helvetica, sans-serif;
  color: white;
  line-height: 24px;
}
.footer_text a:hover {
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #ff8b00;
  line-height: 24px;
}

.active {
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #ff8b00;
  line-height: 24px;
}

/* ***********************************
 * *innerpages
 * *********************************** */
#inner_bodypart {
  width: 100%;
  padding: 8px 0px 0px 0px;
  margin: 0px;
  background: url(/images/inner_body_bg.jpg) repeat-x top left #fefefe;
  float: left;
}

#inner_page {
  width: 960px;
  padding: 0px;
  margin: 0px;
  float: left;
}

#inner_page_left {
  width: 558px;
  padding: 30px 30px 0px 0px;
  margin: 0px 0px 0px 0px;
  float: left;
  background: url(/images/inner_page_bg.jpg) no-repeat top left;
}

#inner_page_left_post {
  width: 558px;
  padding: 0px;
  margin: 0px 0px 40px 0px;
  float: right;
}

#inner_page_right, #inner_page_right_post {
  width: 370px;
  padding: 0px;
  margin: 0px 0px 0px 0px;
  float: right;
}

.image_1 {
  width: 168px;
  height: 144px;
  padding: 0px 10px 10px 0px;
  margin: 0px;
  float: left;
}

#box1_m, #box2_m, #box3_m {
  height: 80px;
}
