div#body{
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0px;
   text-align: center;
}
.body{
   width: 260px;
   height: 100%;
   background: url('background.jpg');
   top: 0px;
   text-align: left;
}
.iframe{
   position: relative;
   width: 250px;
   height: 1100px;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;
   text-align:center;
}

div#container{
   width: 225px;
   height: 750px;
   text-align: left;
}
.background{
   width: 225px;
   height: 290px;
   background-color:#356344;
   text-align:center;
   vertical-align: middle;
}
.background2{
   width: 215px;
   height: 280px;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;
   background-color:#356344;
   text-align:center;
   vertical-align: middle;
}
.background3{
   width: 210px;
   height: 170px;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;
   background-color:#356344;
   text-align:center;
   vertical-align: middle;
}

.toptext{
   font-family: arial;
   font-size: 14px;
   color: #444444;
   background-color: #FFFFFF;
   text-align: center;
   vertical-align: middle;
}
.b1{
	color: #555555;
	font-family:arial;
	font-size: 14px;
	width: 210px;
	height: 85px;
	display: block;
	text-align: center;
	vertical-align: middle;
}
.b1:link { background:url("computer-display1.jpg");text-decoration:none;}
.b1:active { background:url("computer-display1.jpg"); text-decoration:none;}
.b1:visited { background:url("computer-display1.jpg"); text-decoration:none;}
.b1:hover { background:url("computer-display2.jpg");text-decoration:none;}

.b2{
	color: #555555;
	font-family:arial;
	font-size: 14px;
	width: 210px;
	height: 85px;
	display: block;
	text-align: center;
	vertical-align: middle;
}
.b2:link { background:url("handy-display1.jpg");text-decoration:none;}
.b2:active { background:url("handy-display1.jpg"); text-decoration:none;}
.b2:visited { background:url("handy-display1.jpg"); text-decoration:none;}
.b2:hover { background:url("handy-display2.jpg");text-decoration:none;}