* {
  margin: 0;
  border: 0;
  padding: 0;
}

/* Contents */
body#isn-hk {
  background: #DEDEDE;
  font-family: "Arial", sans-serif;
  font-size: 12px;
}

a {
  text-decoration: none;
  color: #E85D00;
}

h1 {
  display: inline;
  font-family: "Myriad Pro";
  font-size: 19px;
  font-weight: normal;
  color: #353333;
}

h2 {
  display: inline;
  font-size: 15px;
  font-weight: bold;
  color: #858585;
}

ul.ul, ol.ol {
  margin-left: 30px;
  margin-bottom: 12px;
}

ul.ul *.ul {
  margin-bottom: 0px;
}

.separator {
  clear: both;
}

/* Background */
#bgtl {
  position: absolute;
  width: 230px;
  height: 7px;
/*  background: transparent url('../img/bgtl.png') no-repeat; */
}

#bgl {
  position: absolute;
  top: 7px;
  width: 230px;
/*  background: transparent url('../img/bgl.png') repeat-y; */
}

#sidebg {
  position: absolute;
  top: 0;
  width: 100%;
}

#sidebg.consult {
  background: transparent url('../img/sidebg03.jpg') no-repeat;
}

#sidebg.hosting {
  background: transparent url('../img/sidebg05.jpg') no-repeat;
}

#sidebg.isn_support {
  background: transparent url('../img/sidebg04.jpg') no-repeat;
}

#sidebg.isn_profile {
  background: transparent url('../img/sidebg02.jpg') no-repeat;
}

#sidebg.default {
  background: transparent url('../img/sidebg01.jpg') no-repeat;
}

/*
#sidebar01 {
  position: absolute;
  top: 0;
  width: 100%;
  background: transparent url('../img/sidebar01.png') no-repeat;
}

#sidebar02 {
  position: absolute;
  top: 0;
  width: 100%;
  background: transparent url('../img/sidebar02.png') no-repeat;
}
*/

#bgrtl {
  position: absolute;
  left: 230px;
  width: 10px;
  height: 7px;
  background: transparent url('../img/bgrtl.png') no-repeat;
}

#bgrr {
  position: absolute;
  left: 240px;
  width: 840px;
  height: 7px;
  background: transparent url('../img/bgrr.png') repeat-x;
}

#bgr {
  position: absolute;
  top: 7px;
  left: 230px;
  width: 8px;
  background: transparent url('../img/bgr.png') repeat-y;
}

#bgcontent {
  position: absolute;
  top: 7px;
  left: 238px;
  background: #FFF;
  opacity: .57;
}

/* Layout */
#container {
  width: 100%;
  position: absolute;
}

#header {
  margin-top: 22px;
  margin-left: 28px;
}

#logo {
  float: left;
}

#slogan {
  float: right;
  margin-top: 44px;
  margin-bottom: 3px;
  margin-right: 20px;
}

#langitem {
  float: right;
  padding-right: 15px;
  padding-left: 18px;
  font-weight: bold;
}

#langitem a {
  color: #000;
  text-decoration: underline;
}

#langitem.selected {
  background: transparent url('../img/selected_lang.png') no-repeat left top;
  color: #FB8A3E;
}

#menu {
  height: 50px;
  padding-top: 6px;
  padding-bottom: 8px;
  background: transparent url('../img/menubg.png') repeat-x;
  color: #FFF;
  font-size: 12px;
}

#menu ul {
  margin-left: 240px;
  list-style-type: none;
}

#menu li {
  display: inline;
}

#menu li a {
  float: left;
  display: block;
  height: 20px;
  padding: 19px 5px 11px 37px;
  text-decoration: none;
  color: #FFF;
  vertical-align: middle;
}

#menu li a:focus, #menu li a:hover, #menu li a:active, .menu_active {
  background: #7C7C7C;
}

#menu li a#icon_home {
  background-image: url('../img/icon_home.png');
  background-repeat: no-repeat;
  background-position: center left;
}

#menu li a#icon_hosting {
  background-image: url('../img/icon_hosting.png');
  background-repeat: no-repeat;
  background-position: center left;
}

#menu li a#icon_research {
  background-image: url('../img/icon_research.png');
  background-repeat: no-repeat;
  background-position: center left;
}

#menu li a#icon_solutions {
  background-image: url('../img/icon_solutions.png');
  background-repeat: no-repeat;
  background-position: center left;
}

#menu li a#icon_about {
  background-image: url('../img/icon_about.png');
  background-repeat: no-repeat;
  background-position: center left;
}

#menu li a#icon_sitemap {
  background-image: url('../img/icon_sitemap.png');
  background-repeat: no-repeat;
  background-position: center left;
}

#content {
  clear: both;
  margin: 20px 0 0px 270px;
  width: 700px;
}

#left_content {
  float: left;
  width: 510px;
}

#right_content {
  float: right;
  width: 170px;
}

#footer {
  height: 25px;
  padding: 9px 2px 0 250px;
  background: transparent url('../img/footer_menubg.png') repeat-x;
  color: #FFF;
  font-size: 10px;
}

/* Splash Page */
body#isn-hk-splash {
  background: #FFF url('../img/splash_bg.jpg') no-repeat fixed left bottom;
}

#splash {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -210px;
  margin-left: -425px;
}

/* By JcMc */
#page_menu {
  font-size: 12px;
}

#page_menu ul {
  margin: 0px;
  list-style-type: none;
}

#page_menu li {
  display: block;
}

#page_menu li a {
  display: block;
  height: 25px;
  padding: 8px 0px 0px 38px;
  text-decoration: none;
  color: #E85D00;
  vertical-align: middle;
}

#page_menu li a {
  background-repeat: no-repeat;
  background-position: center left;
}

#page_menu li a#page_menu_1_active {
  background-image: url('../img/about_menu_1_active.png');
}

#page_menu li a#page_menu_2_active {
  background-image: url('../img/about_menu_2_active.png');
}

#page_menu li a#page_menu_3_active {
  background-image: url('../img/about_menu_3_active.png');
}

#page_menu li a#page_menu_4_active {
  background-image: url('../img/about_menu_4_active.png');
}

#page_menu li a#page_menu_1 {
  background-image: url('../img/about_menu_1.png');
}

#page_menu li a#page_menu_2 {
  background-image: url('../img/about_menu_2.png');
}

#page_menu li a#page_menu_3 {
  background-image: url('../img/about_menu_3.png');
}

#page_menu li a#page_menu_4 {
  background-image: url('../img/about_menu_4.png');
}

p {
  margin-bottom: 12px;
}

.title_w_dottedline {
  background: url(../img/h1_line.png) left bottom no-repeat;
  padding-bottom: 8px;
  margin-bottom: 10px;
}

.clients_block {
  float: left;
  width: 240px;
  height: 160px;
  text-align: center;
}

.job_title {
  width: 100%;
  background-color: #666;
  height: 25px;
  padding: 8px 0px 0px 8px;
  font-size: 13px;
  color: #FFF;
  margin-bottom: 10px;
  font-weight: bold;
}

ul.job {
  margin-bottom: 10px;
}
ul.job li {
  list-style-type: none;
  margin-left: 13px;
}

.bold {
  font-weight: bold;
}

.underline {
  text-decoration: underline;
}

.contact_us_row {
  width: 100%;
  float: left;
  clear: both;
  margin-bottom: 5px;
}

.contact_us_label {
  font-weight: bold;
  float: left;
  width: 100px;
  padding-left: 20px;
}

.contact_us_separator {
  font-weight: bold;
  float: left;
}

.contact_us_item {
  float: right;
  width: 380px;
}