html { height: 100%; }
body { height: 100%; font-family: Arial, Helvetica, San-Serif; font-size:12px; text-align:center; margin: 0; margin-top: 15px; background-color: #BBBAB9;}

#bodyback {
  background:url("../images/back.jpg") repeat-x scroll 0 0;
  height:600px;
  left:0;
  position:absolute;
  top:0;
  width:100%;
}

#outer {
  width: 920px;
  margin: 0px auto;
  margin-top: 15px;
  text-align: left;
  background-color: #636261;
  border: none;
  color: #2E5068;
}

#header {
  position: relative;
  padding: 0px;
}

#header_left {
  background:transparent url(../images/left_top.jpg) no-repeat scroll left top;
  float: left;
  height: 105px;
  width: 238px;
}

#header_left .desc {
  position: absolute;
  float: left;
  top: 50px;
  left: 18px;
  font-size: 12px;
}

#header_center {
  background: #FFFFFF;
  float: left;
  height: 105px;
  width: 140px;
}
#header_center .content {
  margin-top: 68px;
  margin-left: 28px;
}

#header_center .login {
  position: relative;
  float: right;
  top: 60px;
  left: 528px;
  font-size: 10px;
}

#header_center .desc {
  position: relative;
  float: left;
  top: 76px;
  left: 24px;
  font-size: 12px;
}

#header_right {
  background:transparent url(../images/right_top.gif) no-repeat scroll right top;
  float: right;
  height: 105px;
  width: 542px;
}

#navigation {
  position: relative;
}

#content {
  float: left;
  background: #FFFFFF;
  padding: 0px;
  width: 920px;
}

#cont_inner {
  padding: 14px;
}

#topline {
  float: left;
  width: 100%;
  margin-left: 3px;
  margin-bottom: 14px;
  line-height: 1.6em;
}

#topline .ldesc {
  float: left;
}

#topline .rdesc {
  float: right;
  margin-right: 8px;
}


#products {
  float: left;
  background: #FFFFFF;
  padding: 0px;
  width: 100%;
  height: 360px;
  margin-left: 3px;
}

#column1 {
  float: left;
  background: #F8F8F9;
  padding: 0px;
  width: 211px;
}

#column2 {
  float: left;
  background: #F8F8F9;
  padding: 0px;
  width: 211px;
  margin-left: 14px;
}

#column3 {
  float: left;
  background: #F8F8F9;
  padding: 0px;
  width: 211px;
  margin-left: 14px;
}

#column4 {
  float: left;
  background: #F8F8F9;
  padding: 0px;
  width: 211px;
  margin-left: 14px;
}

.prodlink {
  float: right;
  position: relative;
  top: 368px;
  margin-right: 12px;
  color: #69779A;
  font-size: 11px;
}

.prodlink a, active, link, visited, hover {
  color: #69779A;
  text-decoration: none;
}

.prodimg {
  margin-top: 16px;
  margin-bottom: 16px;
  margin-left: 0px;
}


#page1 .col1 {width: 100%; height: 100%; margin-right: 10px;}
.block .left_top {background:url(../images/pro_left_top.gif) left top no-repeat; width:100%; height: 390px;}
.block .right_top {background:url(../images/pro_right_top.gif) right top no-repeat;}
.block .right_bot {background:url(../images/pro_right_bot.gif) right bottom no-repeat;}
.block .left_bot {background:url(../images/pro_left_bot.gif) left bottom no-repeat;}
.block .left {background:url(../images/pro_border.gif) repeat-y left}
.block .top {background:url(../images/pro_border.gif) repeat-x top}
.block .right {background:url(../images/pro_border.gif) repeat-y right}
.block .bot {background:url(../images/pro_border.gif) repeat-x bottom}
.block .content {padding: 8px;}
.block .header {font-family: Verdana; font-size: 18px; text-align: left; color: #69779A; margin-top: 10px; float: left;}
.block .header a, active, link, visited, hover {text-decoration: none; color: #69779A;}
.block .desc {margin-top: 68px; color: #69779A;}

#bottom_block {float: left; width: 100%; margin-top: 54px;}
.bot_block .left { float: left; margin: 0px; width: 400px;}
.bot_block .right {float: right; width: 438px;}
.bot_block .right_header { 
  float: left; 
  margin-bottom: 8px; 
  color: #FFFFFF;
  background:transparent url(../images/bot_rig_head1.gif) repeat-x scroll left top;
  padding-left: 6px; 
  width: 446px; 
  font-weight: bold; 
  line-height: 22px;
}
.bot_block .pic1 {float: left;}
.bot_block .pic2 {float: right; margin-left: 8px;}
.bot_block .fram {float: right; width: 220px; height: 101px;}

#copyright {float: left; width: 100%; margin-top: 12px; top: -6px; position: relative;}

#leftbotcorn {
  position: relative;
  background:transparent url(../images/left_bottom.gif) no-repeat scroll left bottom;
  float: left;
  height: 98px;
  width: 542px;
}

#bot_lef_cor {
  background:transparent url(../images/left_bottom.gif) no-repeat scroll left bottom;
  position: relative;  
  float: left;
}

#bot_rig_cor {
  background:transparent url(../images/right_bottom.gif) no-repeat scroll right bottom;
  position: relative;  
  float: right;
  width: 920px;
  height: 617px;
}