body { border:0; padding:0; margin:0; background:black; color:white; }
/* div.outerskip { position:relative;  } */
div.innerskip {
  width:100%;
  position:absolute;
  top:50%;
  height:570px;
/*  height:10em;   620px (-310px) */
  margin-top:-285px;
}
div.hallbox {
  padding:0;
  width:770px;
  margin:0 auto;
  height:570px;
  background:transparent url("dance_studio.jpg") no-repeat center top;
/*  margin:7% auto 0 auto; */
  font: normal 82% Verdana,Tahoma,sans-serif;
}
div.hallbox#gallery {
  background:transparent url("dance_studio-570-content.jpg") no-repeat center top;
}
div.contentboxhome {
  margin-top:340px; /* 360 */
  margin-left:148px; /* 148 */
} div.contentbox, div.contentboxabout {
  margin-top:36px;
  margin-left:25px;
}
div.content {
/*  width:360px; */
/*  height:200px; */
} div.content p { margin-top:0; margin-bottom:0.8em; line-height:1.1em; }
div.content p#lastp { margin-bottom:0; }
h2 {
  font:normal 170% Verdana,Tahoma,sans-serif;
  line-height:1.1em;
  margin-bottom:0.4em;
  padding-top:0;margin-top:0;
}
div.frontmenu, div.frontmenuabout {
  margin-left:1.5em;
  float:right;
  text-align:left;
  color:#600;
  width:239px;
}

div.previewpane {
  height:300px;
  margin-right:25px;
  background:url("gallery_previewpane.jpg") no-repeat;
/*  border:1px solid lime; */
  text-align:center;
} div.previewpane img {
  margin-top:20px;
}
div.thumbnails {
  width:460px;
  margin-left:30px;
  margin-top:8px;
  overflow:auto;
  height:170px;
/*  padding-top:20px; */
} div.thumbnails img {border:0; width:80px; height:60px;} 
div.thumbnails a.anythumb, div.thumbnails span {
  display:block;
  float:left;
  margin-right:5px;
  margin-bottom:25px;
} div.thumbnails span { border:1px solid orange; }
div.thumbnails a.anythumb:link { border:1px solid black; }
div.thumbnails a.anythumb:visited { border:1px solid black; }
div.thumbnails a.anythumb:hover { border:1px solid orange; }
div.thumbnails span.forjavascript { display:none; }

ul.menu {
  padding:0;
  margin:0.5em 0 2em 0;  /* 0.5em 4.5em 2em 1em; */
  list-style-type:none;
}
div.contentbox ul.menu, div.contentboxabout ul.menu { margin-left:0; }
ul.menu li {
  border:1px solid #3d1e05;
  margin-bottom:6px; /* 0.5em */
  text-align:center;
  width:13.5em;
}
ul.menu a, ul.menu em {
  width:13em;
  text-decoration:none;
  font:normal 95% Arial Black,sans-serif;
  display:block;
  padding:1px 6px;
  background: transparent url("semi.png");  
}
div.pagedecor {
  margin:50px 0 15px 0; /* 50px 4.5em 14px 0 */
  height:276px; width:13.5em;
  background:transparent url("_decors/entrance.png") center center;
  border:1px solid #3d1e05;
}
div.pagedecor span {
  font:normal 95% Arial Black,sans-serif;
  padding:1px 6px;
  display:block;
  width:13em;
  margin:3px;
}
ul.menu a:link { color:white;   border: 3px solid #ba9d85; }
ul.menu a:visited { color:#ddd;   border: 3px solid #ba9d85; }
ul.menu a:hover { color:orange;   border: 3px solid white; }
div.floorplan, div.contacts {
  background:#ba9d85;
  border:1px solid #420;
  padding:3px;
  margin-bottom:0.8em;
}
ul.menu em {
  background: transparent;
  color:orange;
  border: 3px solid #876a52;
}
div.floorplan strong, div.contacts strong {
  background:transparent url("semi.png");
  text-transform:uppercase;
  font:bold 100% Lucida Sans,sans-serif;
  padding:1px 3px;
  color:white;
}
h1 { padding:0;margin:0 0 -18px 140px; overflow:hidden; height:34px; }
h1 img { border:0; margin:11px 0 0 0; width:329px; height:23px; }
h1 span { display:block; margin-top:20em; }


/* =============================== ABOUT US =============================== */

ul.paragraphy li { margin-bottom:0.5em; list-style-type:square; color:orange; }
ul.paragraphy li span { color:white; }
div.contentabout { margin:2em 1.3em 2em 2.5em; }
div.contentabout a:link { text-decoration:underline; color:silver; }
div.contentabout a:visited { text-decoration:underline; color:#ba9d85; }
div.contentabout a:hover { text-decoration:underline; color:orange; }
 div.contentabout p, ul.paragraphy li {
/*  margin-right:15em; */
}
div.contentboxabout {
  width:489px;
  overflow:auto;
  padding:0;
/*  margin-right:25px; */
  height:495px;
}
div.contentboxabout p { text-align:justify; }
div.contentboxabout h2 {
  border-bottom:1px solid orange; /* #876a52 */
}
div.frontmenuabout {
  margin-left:0;
  overflow:hidden;
  width:239px; 
  float:right;
  text-align:left;
} 

/* =============================== FLOOR PLAN ============================ */
div.contentfloorplan {
  padding:2em 0 0 0;
  overflow:hidden;
}
div.contentfloorplan img { width:465px; height:694px; }
div.frontmenuabout div.pagedecor#floorplandecor {
  background:transparent url("_decors/patio.png") center center;
}

div.frontmenuabout div.pagedecor#contactsdecor {
  background:transparent url("_decors/catwalk.png") center center;
}
div.frontmenuabout div.pagedecor#mapdecor {
  background:transparent url("_decors/atrium.png") center center;
}


/* div#statick {
  width:484px;
  height:494px;
  overflow:auto;
  border:1px solid red;
} div#statick div.contentabout { margin-right:0; } */
/* div.frontmenuabout#statik {
  width:239px;
  overflow:hidden;
  border:1px solid blue;
  text-align:center;
} */
a#closeup { display:block; }
a#closeup:link { border: 2px solid white; }
a#closeup:visited { border: 2px solid silver; }
a#closeup:hover { border: 2px solid orange; }

#closeup {   float:left; }
#closeup img {
  border:0;
}
