.colmask{
   position: relative;
   overflow: hidden;
   margin: 0px auto;
   width: 98%;
   
}
.header{
   float: left;
   width: 100%;
   height:80px;
   background-image:url("../tool/image/s6699cctf5fffah80.gif");  
  
}
.colmid{
   position: relative;
   width: 100%;
   right: 31%;
}
.colleft{
   position: relative;
   width: 100%;
   right: 38%;
   
}
.col1{
   position: relative;
   overflow: hidden;
   float: left;
   width: 37%;
   left: 100.5%;
   height:155px;
   background-image:url("../tool/image/sf5fffate0ffffh150.gif"); 

}
.col2{
   position: relative;
   overflow: hidden;
   float: left;
   width: 30.5%;
   left: 32%;
   height:155px;
      background-image:url("../tool/image/sf5fffate0ffffh150.gif"); 

}
.col3{
   position: relative;
   overflow: hidden;
   float: left;
   width: 30.5%;
   left: 71%;
   height:155px;
   background-image:url("../tool/image/sf5fffate0ffffh150.gif"); 
}
.footer{
   float: left;
   width: 100%;
   margin: 5px 0;
   
}
body {
   padding: 0px;
   margin: 0px;
   font-size: 90%;
   font-family:Tahoma;
    background-color:#f5fffa;

}


.demodiv{height:150;width:98%;background-image:url("../tool/image/s00bffftffffffh150.gif"); }
#img{background-image:url(tt.gif); background-repeat:repeat-x;height:40px;width:600px; }
#imgs {width:50%}
#imgs div {float:left; margin: 5px 5px 5px 0}
#recent div{float:left}
#imgs,.more{float:left;width:90%}
#more{display:none;float:left}

.bar,#navheight {width:99%; padding:5px 0 5px 10px; font-weight:bold;color:#778899;} 

#recent {width:99% }
#sugg{background-color:#b0c4de;height:25px; padding-left:5px; padding-top:5px; width:281px; font-weight:bold;color:#778899;margin-left:5px}
.ads2{position:relative;left:20%;width:90%}
#colors{width:288px;margin-left:5px }
.clear{ clear:both}
.h2left{float:left;width:50%}
h2{margin:5px 10px; font-weight:bold;color:#b0c4de}
.subtt{width:98%; margin:5px 0 2px 15px ; }
.ads{width:40%; margin:5px;float:left;}
.hdm{width:1000px}
.in,.subtt,h4{font-weight:bold;color:#778899;}
.in{padding:4px 0}
.btn{font-weight:bold; padding:4px 0;width:80%;margin-left:50px}
.btn a{ text-decoration:underline}
.foot{ float: left;
   width: 100%;
   margin: 5px 0;
   background-image:url("../tool/image/sf5fffat6699cch150.gif");
   height:80px
   }
 .foot p{ text-align:center;font-family:Tahoma;}
 a{color:#0000ff; text-decoration:none}
 a:hover {color:#00ff00; text-decoration:none}

 .hh4{width:98%;margin-top:30px}
  #down,.ads3{width:99%;margin:10px 0}
  .s1{width:120px; float:left;margin-right:10px;height:30px}
  .input{width:60px;padding:2px;}
  .txt{width:60px; }
.cosmall{width:80%; padding:10px 0 10px 20%;  background-color:#eee9e9}
#hex{width:20%; margin-left:10px; padding-top:10px; font-size:24px;height:40px;  font-weight:bold;color:#ff7f50; }
#bdrow{display:none}

#recent div{float:left;margin: 10px 5px 10px 0}

.mk2{
   position: relative;
   overflow: hidden;
   margin: 0px auto;
   width: 100%;
  
}

.colleft2{
   position: relative;
   width: 100%;
   right: 40%;
  
}
.col21{
   position: relative;
   overflow: hidden;
   float: left;
   width: 39.5%;
   left: 100.5%;
  
}
.col22{
   position: relative;
   overflow: hidden;
   float: left;
   width: 59.5%;
   left: 0.5%;
  
}