* {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6, pre, code, input, select, textarea {font-size: 100%;}
ul, ol {list-style: none;}
label, input.button2 {cursor: pointer; cursor: hand;}
img, fieldset {border: none;}
table {border-collapse: collapse; border: none;}

body {
  color: #36434D;
  font: 11px/14px Tahoma, Verdana, sans-serif;
  background: #F0F8FA;
}

#main1 {
  width: 820px;
  padding-bottom: 60px;
  overflow: hidden;
}


#main2 {
  width:1000px;
  padding-bottom: 60px;
  overflow: hidden;
}

#header {
  height: 297px;
  position: relative;
  background: #FFF url("../images/header-left-bg.jpg") no-repeat 0 0;
}

#header2 {
  height: 297px;
  position: relative;
}

#header h1 {
  position: absolute;
  top: 47px;
  left: 25px;
}

#header2 h1 {
  position: absolute;
  top: 47px;
  left: 25px;
}

#menu {
  width: 180px;
  height: 119px;
  background: #B0D3DD;
  position: absolute;
  top: 178px;
  left: 0;
  text-align:left;
}
#menu ul {
  padding: 0 4px 0 12px;
  overflow: hidden;
  zoom: 1;
  position: relative;
  margin-top: 5px;
}
#menu ul li {
  padding: 10px 13px;
  margin: -1px 0 1px;
  font-size: 12px;
  font-weight: bold;
  border-top: 1px solid #C4DEE5;
  background: url("../images/bullet-menu.gif") no-repeat 100% 50%;
}
#menu ul li a {color: #FFF;}

#login {
  float: right;
  width: 160px;
  height: 297px;
  background: url("../images/header-right-bg.jpg") no-repeat 0 100%;
}
#login form {
  padding: 18px 18px 0;
  font-size: 10px;
}
#login h2 {
  margin-bottom: 15px;
}
#i1 {width: 118px; margin-bottom: 5px;}
#i2 {width: 83px; vertical-align: middle;}
#login .button2 {vertical-align: middle; margin-left: 4px;}
#login a {color: #36434D;}
#login a img {vertical-align: middle;}
#login ul {margin-top: 5px;}

#content2 {
  overflow: hidden;
  width: 100%;
}

#features {
  width: 180px;
  background: url("../images/features-bg.gif") no-repeat 100% 100%;
  text-align:left;
}
#content2 .box {
  float: left;
  height: 330px;
  overflow: hidden;
}

#features h2 {
  padding: 27px 0 0 25px;
}
#features ul {
  padding: 10px 0 0 25px;
}
#features ul li {
  padding: 5px 0 5px 28px;
}
#f1 {background: url("../images/f1.gif") no-repeat 0 50%;}
#f2 {background: url("../images/f2.gif") no-repeat 0 50%;}
#f3 {background: url("../images/f3.gif") no-repeat 0 50%;}
#f4 {background: url("../images/f4.gif") no-repeat 0 50%;}
#f5 {background: url("../images/f5.gif") no-repeat 0 50%;}
#f6 {background: url("../images/f6.gif") no-repeat 0 50%;}
#f7 {background: url("../images/f7.gif") no-repeat 0 50%;}
#f8 {background: url("../images/f8.gif") no-repeat 0 50%;}
#f9 {background: url("../images/f9.gif") no-repeat 0 50%;}
#f10 {background: url("../images/f10.gif") no-repeat 0 50%;}
#f11 {background: url("../images/f11.gif") no-repeat 0 50%;}

#join {
  width: 320px;
  background: #FFF;
}
#join h2 {
  padding: 27px 25px 0;
}
#join form {padding: 15px 25px 0;}
#join table {width: 100%;}
#join td, #join th {
  text-align: left;
  padding-bottom: 5px;
  font-weight: normal;
}
#join input, #join select {
  width: 100%;
  font-size: 10px;
  color: #585858;
  position: relative;
  font-family: Tahoma, Verdana, sans-serif;
}
#join .nb input, #join .nb select {
  width: auto;
}
#join input.button2 {
  width: auto;
  border: none;
  font-size: 11px !important;
  margin: 5px 0 0;
}
#join a {color: #5A5B4A;}
#join .nbc td {
  font-size: 10px;
}
#join .nbc input {
  width: auto;
  border: none;
}
#join .np {
  font-size: 10px;
  padding-bottom: 0;
}
#join .np a {color: #5A5B4A;}
#join .np input {
  width: auto;
  border: none;
}

#veri {
  width: 320px;
  position: relative;
  background: url("../images/veri.jpg") no-repeat 0 0;
}
#veri img {
  position: absolute;
  top: 212px;
  right: 30px;
}

#footer {
  width: 820px;
}
#footer p {margin: 0 160px 0 180px;}
#footer p.cop {
  border-bottom: 7px solid #CDD4D6;
  padding: 5px 0 10px;
}
#footer p.links {color: #D3D8D9;}
#footer p.links a {
  color: #FF6000;
  text-decoration: none;
}

#footer2 {
  padding-top:30px;
  width: 480px;
  float:left;
  text-align:left;
}
#footer2 p.cop {
  border-bottom: 7px solid #CDD4D6;
  padding: 5px 0 10px;
}
#footer2 p.links {color: #D3D8D9;}
#footer2 p.links a {
  color: #FF6000;
  text-decoration: none;
}


#left{float:left; text-align:left; width:180px;}
#right{float:left; width:780px; padding:20px;text-align:left;}
