body{
background: white;
background: url("img/back.jpg") ;
color: #333333 ;
font-size: small;
margin: 0 ;
padding: 0 ;
}

a:link		{ color: #663300 }
a:visited	{ color: #cc9966 }
a:hover		{ color: #993300 }
a:active	{ color: #cc6600 }

#frame{
background: url("img/off.jpg") no-repeat;
width: 800px ;
height: 963px ;
float: left;
}

#title{
font-size: xx-large ;
font-weight: bold ;
}

#title img{
vertical-align: middle ;
}

.box{
background: transparent ;
margin: 0 ;
padding: 0 ;
float: left ;
}

#b1{
background: url("img/b1.jpg");
width: 800px ;
height: 108px ;
float: left;
}

#b2{
background: url("img/b2.jpg");
width: 400px ;
height: 52px ;
float: left ;
}

#b3{
background: f9f9f9 url("img/b3_off.jpg");
width: 300px ;
height: 52px ;
float: left ;
}

#b4{
background: url("img/b4.jpg");
width: 100px ;
height: 52px ;
float: left ;
}

#b5{
background: url("img/b5.jpg");
width: 800px ;
height: 45px ;
float: left ;
}

#box_1{
background: transparent;
width: 803px ;
height: 581px ;
float: left ;
}

#b6{
background: url("img/b6.jpg");
width: 135px ;
height: 581px ;
float: left ;
}

#b7{
background: url("img/b7.jpg");
width: 530px ;
height: 581px ;
float: left ;
}

#box_2{
background: transparent ;
width: 45px ;
height: 581px ;
float: left ;
}

#b8{
background: e6e6e6 url("img/b8_off.jpg");
width: 45px ;
height: 83px ;
float: left ;
}

#b8_on{
background: e6e6e6 url("img/b8_on.jpg");
width: 45px ;
height: 83px ;
float: left ;
}

#b9{
background: e6e6e6 url("img/b9_off.jpg");
width: 45px ;
height: 83px ;
float: left ;
}

#b9_on{
background: e6e6e6 url("img/b9_on.jpg");
width: 45px ;
height: 83px ;
float: left ;
}

#b10{
background: e6e6e6 url("img/b10_off.jpg");
width: 45px ;
height: 83px ;
float: left ;
}

#b10_on{
background: e6e6e6 url("img/b10_on.jpg");
width: 45px ;
height: 83px ;
float: left ;
}

#b11{
background: e6e6e6 url("img/b11_off.jpg");
width: 45px ;
height: 83px ;
float: left ;
}

#b11_on{
background: e6e6e6 url("img/b11_on.jpg");
width: 45px ;
height: 83px ;
float: left ;
}

#b12{
background: e6e6e6 url("img/b12_off.jpg");
width: 45px ;
height: 83px ;
float: left;
}

#b12_on{
background: e6e6e6 url("img/b12_on.jpg");
width: 45px ;
height: 83px ;
float: left ;
}

#b13{
background: e6e6e6 url("img/b13_off.jpg");
width: 45px ;
height: 83px ;
float: left ;
}

#b13_on{
background: e6e6e6 url("img/b13_on.jpg");
width: 45px ;
height: 83px ;
float: left ;
}

#b14{
background: e6e6e6 url("img/b14_off.jpg");
width: 45px ;
height: 83px ;
float: left ;
}

#b14_on{
background: e6e6e6 url("img/b14_on.jpg");
width: 45px ;
height: 83px ;
float: left ;
}

#b15{
background: url("img/b15.jpg");
width: 90px ;
height: 581px ;
float: left ;
}

#b16{
background: url("img/b16.jpg");
width: 800px ;
height: 174px ;
float: left ;
}

.account{
background: transparent url("img/balloon.gif") no-repeat ;
color: #663333 ;
padding: 0 ;
visibility: hidden ;
position: absolute ;
left: 200px ;
height: 130px ;
width: 470px ;
}

.s_1{
background: transparent ;
height: 25px ;
width: 465px;
font-size: xx-small;
margin: 0 ;
padding: 0 ;
float: left ;
}

.s_2{
background: transparent ;
height: 75px ;
width: 40px;
font-size: xx-small;
margin: 0 ;
padding: 0 ;
float: left ;
}

.balloon_in{
background: transparent ;
height: 75px ;
width: 350px;
margin: 0 ;
padding: 0 ;
float: left ;
}

.s_3{
background: transparent ;
height: 75px ;
width: 70px;
font-size: xx-small;
margin: 0 ;
padding: 0 ;
float: left ;
}

#a1{
top: 150px ;
}

#a2{
top: 233px ;
}

#a3{
top: 316px ;
}

#a4{
top: 399px ;
}

#a5{
top: 481px ;
}

#a6{
top: 564px ;
}

#a7{
top: 647px ;
}