html { 
  padding:0px;
  margin:0px;
}

body {
  background-color:rgb(220,220,220);
  text-align:center;
  margin:0px;
  padding:0px;
}

#box {
  width:750px;
  height:550px;
  margin:20px auto;
  padding:0px;
  text-align:left;
  background-color:rgb(255,255,255);
}

#head {
  height:80px;
  background-image:url(img/head.png);
  background-repeat:no-repeat;
}

#top_nav {
  height:18px;
  padding-top:2px;
  padding-left:10px;
  border-bottom:solid 2px rgb(220,220,220);
}

#left_nav {
  float:left;
  padding-top:50px;
  width:145px;
  height:428px;
  border-right:solid 2px rgb(220,220,220);
}

#inline {
  float:left;
  margin-top:90px;
  margin-left:10px;
  width:110px;
  height:135px;
  background-image:url(img/skating.png);
  background-repeat:no-repeat;
}

#figure {
  float:left;
  margin-top:90px;
  margin-left:10px;
  width:110px;
  height:135px;
  background-image:url(img/piruette.png);
  background-repeat:no-repeat;
}

#cont {
  overflow:auto;
  float:right;
  width:583px;
  height:428px;
  padding:10px;
}