.wrapper{
   position: relative;
   float: left;
   width: 96%;
   left:2%;
}


	.prelft{width:60%;float:left; position: relative;}
	.prergt{width:34%;float:left;padding-top:10px; position: relative;}
	
	.jscode,.csscode,.htmlcode{font-size:10pt;background-color:#f2f2f2;width:100%;padding:10px 5px;overflow:hidden}
.footer{
position: relative;
   float: left;
   left: 23px;
   width: 962px;
   margin:5px 0;
   border:1px #ddffcc solid;
}

h2{margin:10px 0px 10px 20px;font-family:Lucida Handwriting}
.header{height:50px;float: left;background-image:url(../images/background/bg.gif);background-repeat:repeat-x; background-color:#f2f2f2;width:100%}
.left1{
   position: relative;
   float: left;
   height:300px;
   width: 305px;
   border:1px #ddffcc solid;
  
}
.left2{
   position: relative;
   float: left;
   padding-left:10px;
   left: 10px;
     height:300px;
   width: 290px;
  
   border:1px #ddffcc solid
}
.right{
   position: relative;
   float: right;
   padding-left:10px;
   width: 316px;
   height:300px;
   border:1px #ddffcc solid;
}

.left23{ position: relative;
   float: left;
   padding-left:10px;
   left: 10px;
   height:300px;
   width: 627px;
  
   border:1px #ddffcc solid}
.left22{
   position: relative;
   float: left;
   padding-left:10px;
   left: 10px;
   height:300px;
   width: 355px;
   border:1px #ddffcc solid
}
.right2{
   position: relative;
   float: right;
   padding-left:10px;
   width: 251px;
   height:300px;
   border:1px #ddffcc solid;
}

body {
   border-width: 0px;
   padding: 0px;
   margin: 0px;
   font-family: verdana;
}    
.btn a,.footer a,.rt a,.fp a, p a, .container a{color:blue}  p a:hover,.btn a:hover,.footer a:hover,.rt a:hover,.fp a:hover, .container a:hover{color:#c00000}  

.box{width:30px;height:30px;background-repeat:no-repeat;background-image:url(../images/circle/bb.gif);position:absolute}
.bottom{width:250px;height:250px;top:0px;left:50px; background-image:url(../images/circle/cir1.jpg);background-repeat:no-repeat;position:relative}
.bottome{width:320px;height:250px;top:0px;left:0px; background-image:url(../images/circle/ellipse1.jpg);background-repeat:no-repeat;position:relative}
.bottomline{width:320px;height:250px;top:0px;left:0px; background-image:url(../images/circle/triangle2.jpg);background-repeat:no-repeat;position:absolute}
.sea{display:none;margin:auto 0;filter: alpha(opacity=0);MozOpacity:0.1}
#txt{display:block;width:270px;height:230px;top:0px;left:10px;position:relative; background-color:#800080;color:#00fa9a;font-size:10pt;padding:10px 5px}
#txta{color:#c00000}
.sample1{width:280px;height:240px;top:20px;left:10px; background-image:url(../images/samples/Waterlilies.jpg);background-repeat:no-repeat;position:relative}

 .ft{margin:2px 0px 2px 10px; color:#fff;font-weight:bold;}  
 #bx{top:22px;left:32px} 
  #bx2{top:57px;left:180px} 
 #bx3{top:171px;left:40px } 
 .clear{clear:both;height:0px}
.ads{width:600px;height:110px;border:1px #ddffcc solid;margin-top:10px}
.ads2{width:98%; margin-left:30px}

.ads4{width:90%;margin:200px 0 10px 30px}

.ads3{width:98%;margin:10px 0 0 40px}
#bxln1{top:170px;left:2px }

#el{left:102px;top:5px}
 .select{clear:both;margin:20px 0 5px; font-size:14px}
 .select2{font-size:14px}

 .rt{text-align:center;}
 h4{margin:5px 0;font-family:Lucida Sans Unicode}
 .nav{width:90%; background-color:#e5e5e5;height:2em;float:left;padding-left:10%;border-bottom:2px solid #a9a9a9}
 .nav a{display:block;float:left;height:23px;text-decoration:none;padding:5px 15px;color:#000}
 .active{background-color:#fff;border-top:1px solid #a9a9a9;border-left:1px solid #a9a9a9;border-right:1px solid #a9a9a9;}
 a.bnv{float:right;font-size:14px;background-color:#a9a9a9;color:#fff}
.wrapper .wp{width:65%}
.wp{margin-bottom:10px}

.fp {width:100%;margin:auto 0; text-align:center;font-size:90% }
#cd {margin-top:25px;width:330px;font-size:90%;border:1px solid #ddffcc;padding:10px 5px}
.ie,.cs{border:0 solid;width:28px} 
.cdblk{margin-left:20px;width:95%}
.sp{font-size:18px;font-weight:bold}
.adp{margin-top:0px;}
.adsft{font-size:10pt}
.bd{font-weight:bold}
.h4btm{margin-bottom:20px}
p{font-size:10pt}

.adss{margin-top:10px;width:100%}

.script{height:400px; overflow-y:scroll; overflow-x:hidden}

#boxa1{position:absolute;width:50px;height:50px; background-color:#eeffcc; z-index:80;left:0px;top:10px}
#boxa2{position:absolute;width:50px;height:50px; background-color:#eeff22; z-index:80;left:30px;top:400px}
#boxa3{position:absolute;width:50px;height:50px; background-color:#eeff88; z-index:80;left:300px;top:400px}


#box{position:absolute;width:50px;height:50px; background-color:#00ffff; z-index:100;left:100px;top:400px}
#box0{position:absolute;width:50px;height:50px; background-color:#00ffff; z-index:100;left:400px;top:180px}
#box1{position:absolute;width:50px;height:50px; background-color:#00ffff; z-index:100;left:400px;top:200px}

#box,#box0,#box1{opacity: 0.70; /* CSS3 */
	MozOpacity:0.7 ; /* FF */
	KhtmlOpacity: 0.7; /* Safari */
	filter: alpha(opacity = 70 ); /* IE */
}
.accorner{width:500px;position:relative; height:80px}
#box3,#box4,#box5{position:absolute;width:400px;height:80px; background-color:#afeeee;font-size:14px;padding:5px; text-align:center;overflow:hidden }
#ad3,#ad4{position:absolute;width:400px;height:0px;display:none}
#ad5{position:absolute;width:100px;height:20px;display:none}
.side{width:89%;margin-left:20px; background-color:#f4f4f4;padding:5%}
.side1{width:89%;margin-left:20px; ;padding:5%}

#id{position:relative;border:2px solid #ddd;width:115px;height:75px;top:10px;font-size:12px;padding:5px; text-align:center;cursor:move}

.dragdemo{position:relative; width:96%; margin-left:10px;height:110px}
 #test
 { position:absolute;left:0px;top:0px;border:2px solid #ddd;width:120px;height:80px;padding:5px;font-size:12px;
   cursor:move; font-family: Geneva, Arial, Helvetica, sans-serif;
    color:#333;
}

#container{width:200px;height:120px;border:2px solid #ddd; position:absolute;left:300px;top:0px;font-size:12px}
#lst1 {list-style:none}
#lst1 li{position:relative;width:150px; background-color:#ddeecc;height:25px;border-bottom:1px solid #f4f4f4; font-size:14px}
  .cont {width:400px;}
    .contx{width:90%;}
    #demo,#dex ,#demo1,#dem2{list-style:none}
   #demo li,#demo1 li{position:relative;cursor:move;width:150px; background-color:#ddeecc;height:25px;border-bottom:1px solid #f4f4f4;font-size:14px}
    #dex li{position:relative;cursor:move;width:70px;float:left; background-color:#e6e6fa;height:25px;border-right:1px solid #f4f4f4;font-size:14px}
    
   #dem2 li{position:relative;cursor:move;top:0px;width:150px; font-size:14px} 
    .k0{height:50px; background-color:#dda0dd}
    .k1{height:40px; background-color:#f4f4f4}
    .k2{height:30px; background-color:#ddeecc}
        .k3{height:40px; background-color:#00ffcc}
.k4{height:50px; background-color:#ffcc00}
.ads3{width:90%;margin:10px 0}


.wrapper li{font-size:10pt}
.container { 
    position:relative;
    width:500px;
    overflow:hidden; 
    border: 1px dashed #445566;
    background-color:#eea9ac;
    height:22px;margin: 10px 0;
    font-size:10pt;
}

#newsticker,#newsticker0 {
	list-style-type: none;
	margin:0;
	padding:0;

	width: 30000px;
    position:relative;		
}
#newsticker li,#newsticker0 li{
    float:left;
    padding-left:10px
}
.demolist{width:280px;margin:20px 30px;background-color:#f4f4f4;padding:10px}

.demolist p{margin:10px 0}
.dragco{width:400px;height:200px; background-color:#e2e2e2; position:relative; overflow:hidden;margin:10px 0}
#dg{width:16px;height:16px; left:384px; top:184px; position:absolute; background-image:url(../images/icon_resize.gif);cursor:nw-resize}
.co{width:100px; height:18px; background-color:Green;top:30px;left:200px;  position:absolute; }

#dgy{width:27px;height:5px; left:185px; top:194px; position:absolute; background-image:url(../images/resizey.png); cursor:n-resize}
.co2{width:200px; height:78px; background-color:Green;top:60px;left:100px;  position:absolute;}
.first{margin-top:15px}
.h44{margin-top:15px}