body {
 margin:0;
 padding:0;
 background-color:#fdfdfe;
 color:#233441;
}

div.bg-up {
 position:absolute;
 left:0;top:50%;
 margin-top:-255px;
 width:100%;height:105px;
 background-image:url(../i/h-bg-up.png);
 background-repeat:repeat-x;
 z-index:1;
}

div.bg-down {
 position:absolute;
 left:0;top:50%;
 margin-top:151px;
 width:100%;height:105px;
 background-image:url(../i/h-bg-down.png);
 background-repeat:repeat-x;
 z-index:1;
}

div.bg-mid-p {
 position:absolute;
 left:0;top:50%;
 margin-top:-150px;
 width:50%;height:301px;
 background-image:url(../i/h-bg-mid-p.png);
 background-repeat:repeat-x;
 z-index:2;
}

div.bg-mid-a {
 position:absolute;
 left:50%;top:50%;
 margin-top:-150px;
 width:50%;height:301px;
 background-image:url(../i/h-bg-mid-a.png);
 background-repeat:repeat-x;
 z-index:2;
}

div.up-arc {
 position:absolute;
 left:50%;top:50%;
 margin-top:-241px;
 margin-left:-314px;
 width:382px;height:91px;
 z-index:4;
}

body > div.up-arc {
 background-image:url(../i/h-up-arc.png);
 background-repeat:no-repeat;
}

div.mid-arc {
 position:absolute;
 left:-5px;top:0;
 width:129px;height:301px;
 background-image:url(../i/h-mid-arc.png);
 background-repeat:no-repeat;
 z-index:4;
}

div.down-arc {
 position:absolute;
 left:50%;top:50%;
 margin-top:151px;
 margin-left:-322px;
 width:395px;height:93px;
 z-index:4;
}

body > div.down-arc {
 background-image:url(../i/h-down-arc.png);
 background-repeat:no-repeat;
}

div.intro {
 position:absolute;
 left:50%;top:50%;
 margin-top:-150px;
 margin-left:-380px;
 width:770px;height:301px;
 background-image:url(../i/h-bg-mid-a.png);
 background-repeat:repeat-x;
 z-index:4;
}

div.intro h1.t {
 display:none;
}

div.intro div.hint {
 position:absolute;
 top:20px;left:75px;
 width:310px;height:150px;
 padding:30px 5px 0 0;
 border-right:1px solid #e4e7e8;
 z-index:5;
 display:none;
}

div.intro div.hint h1 {
 position:absolute;
 left:30px;top:-25px;
 width:350px;
 height:75px;
 font-size:48px;
 font-weight:bold;
 font-style:normal;
 font-family:verdana,tahoma,geneva,sans-serif;
 color:#dadee2;
 z-index:-1;
 margin:0;padding:0;
}

div.intro div.hint ul {
 margin:0 0 17px;
 padding:0;
 list-style:none;
 position:relative;
 left:20px;
 top:10px;
}

div.intro div.hint li {
 position:relative;
 color:#3d6a8b;
 font-size:11px;
 line-height:14px;
 font-weight:bold;
 text-transform:uppercase;
 margin:0 !important;
 padding:0 !important;
}

div.intro div.hint li a {
 text-decoration:none;
}

div.intro div.hint li.l1 {
 left:-17px;
}

div.intro div.hint li.l2 {
 left:-23px;
}

div.intro div.hint li.l3 {
 left:-28px;
}

div.intro div.hint li.l4 {
 left:-32px;
}

div.intro div.hint p {
 font-size:12px;
 margin:5px 0;
 padding:0;
 text-align:left;
}

div.itstudio {
 position:absolute;
 top:151px;left:405px;
 width:242px;height:98px;
}

div.intro > div.itstudio {
 background-image:url(../i/itstudio.png);
 background-repeat:no-repeat;
}

div.intro div.lang {
 position:absolute;
 right:100px;top:5px;
}

div.intro div.lang img {
 margin:1px;padding:0;
 border:1px solid #e0e0e0;
}

div.menu {
 position:absolute;
 bottom:0;left:250px;
 width:443px;height:35px;
 z-index:5;
 padding-left:10px;
}

div.menubg {
 position:absolute;
 bottom:0;left:250px;
 width:443px;height:35px;
 z-index:4;
}

div.intro > div.menubg {
 background-image:url(../i/menu.png);
 background-repeat:no-repeat;
}

div.menu a {
 font-family:tahoma,verdana,geneva,sans-serif;
 font-size:11px;
 text-transform:uppercase;
 font-weight:bold;
 text-decoration:none;
 display:block;
 width:100%;
 color:#e1e7eb;
 padding:9px 0;
}

div.menu a:hover {
 color:white;
}

div.menu ul {
 margin:0 0 0 -1px;
 padding:0;
 width:397px;
 list-style:none;
 text-transform:lowercase;
}
  
div.menu li {
  float:left;
  padding:0;
  width:25%;
  line-height:normal;
  text-indent:0;
  text-align:center;
}

/* IE Mac fix */
div.menu a {
  float:left;
}