body{background: url('images/test.jpg'); font-family: Arial, san-serif;font-size: 80%; position: relative; margin: 0 }
h1{color: white;font-size: 170%;margin: 0;}
body {min-width: 1030px; _width: 1030px; }
#container{margin: 0 auto; width: 900px; position: relative; }

div.logo{float: right; margin: 30px; }
div.midtop{ background: url('images/mid-head.gif') no-repeat; height:49px; padding-left:50px; padding-right:0; padding-top:10px; padding-bottom:0}
div.midbot{ background: url('images/mid-bot.gif') no-repeat; width: 509px; height: 2px }
div.midback{ border-left:1px solid black; border-right:1px solid black; border-top:0 solid black; border-bottom:0 solid black; background:#fff url('images/mid-back.gif') no-repeat -1px bottom; width: 427px; height: 295px; overflow: hidden; padding-left:50px; padding-right:30px; padding-top:10px; padding-bottom:10px }

div.box { width: 509px; position: absolute; cursor: pointer; _cursor: hand; }
div.inactive { opacity: 0.6; filter: alpha(opacity: 70); }
div.inactive:hover { opacity: 1; filter: alpha(opacity=100); }
div.active { opacity: 1.0; filter: alpha(opacity=100); cursor: default; height: auto; }
div.autoheight { height: 295px; overflow: visible; }
div > div.autoheight { height: auto; min-height: 295px; }

.box1 { left: 350px; top: 230px; z-index: 7; }
.box2 { left: 300px; top: 190px; z-index: 6; }
.box3 { left: 250px; top: 150px; z-index: 5; }
.box4 { left: 200px; top: 110px; z-index: 4; }

.box6 { left: 150px; top: 70px; z-index: 2; }
.box7 { left: 100px; top: 30px; z-index: 1; }

.sideimg { text-decoration: none; position: absolute; bottom: 5px; _top: 59px; left: 7px; width: 35px; height: 270px; margin:0; }
.who { background: url('images/who.jpg') no-repeat; }
.what { background: url('images/what.jpg') no-repeat; }
.how { background: url('images/how.jpg') no-repeat; }
.word { background: url('images/word.jpg') no-repeat; }
.technical { background: url('images/technical.jpg') no-repeat; }
.about { background: url('images/about.jpg') no-repeat; }
.contact { background: url('images/contact.jpg') no-repeat; }

.image{float: left; padding-right: 20px; }
.image2{float: right; padding-left: 20px;}
.image3{float: left; padding-right: 20px; padding-bottom: 10px; padding-top: 3px;}
.image4{float: right; padding-left: 20px; }

div#txtlogo { #z-index: -1; position: absolute; left: 0px; top: 0px; background: url('images/Logo.jpg'); width: 151px; height: 485px; }
div.clear { clear: both; height: 1px; _font-size: 1px; }