html, body {
    margin:0;
    padding:0;
    font-family:arial;
    height:100%;
    width:100%;
}

body{
    background-color:#333333;

}

#site-container{
    width:100%;
    position:relative;
    height:100%;

}

#site-container #flash-div{
    position:relative;
    z-index:2;
    background-color:#aaaaaa;
    height:100%;
    width:100%;
}

#site-container #nav{
    width:221px;
    height:288px;
    display:block;
    background:url(../images/bellemer_navBkgd.jpg) no-repeat left top;
    position:absolute;
    top:0;
    left:0;
    z-index:50;
}

#site-container #nav #logo{
    display:block;
    height:140px;
    width:165px;
    margin:16px 0 0 25px;
}

#site-container #nav ul{
    margin:12px 0 0 0;
    padding:0;
    list-style-type:none;
}

#site-container #nav ul li{
    height:30px;
    margin:0;
    padding:0;
}

#site-container #nav ul li a{
    display:block;
    height:30px;
    width:221px;
}

#site-container #nav ul #li-experience{
    background:url(../images/li-experience.png) no-repeat 23px 10px;
}

#site-container #nav ul #li-experience.active{
    background:#ffffff url(../images/li-experience-active.png) no-repeat 23px 10px;
}

#site-container #nav ul #li-plan{
    background:url(../images/li-plan.png) no-repeat 23px 10px;
}

#site-container #nav ul #li-plan.active{
    background:#ffffff url(../images/li-plan-active.png) no-repeat 23px 10px;
}

#site-container #nav ul #li-look{
    background:url(../images/li-look.png) no-repeat 23px 10px;
}

#site-container #nav ul #li-look.active{
    background:#ffffff url(../images/li-look-active.png) no-repeat 23px 10px;
}

#site-container #nav ul #li-email{
    background:url(../images/li-email.png) no-repeat 23px 10px;
}

#site-container #nav ul #li-email.active{
    background:#ffffff url(../images/li-email-active.png) no-repeat 23px 10px;
}

.content{
    color:#393937;
    width:475px;
    overflow:visible;
    padding-bottom:96px;
}

.content .cap{
    height:30px;
    width:475px;
    display:block;
    background-color:#ffffff;
}

.content .text{
    padding:50px 20px 10px 20px;
    background:url(../images/transparent.png) repeat-y left top;
}

.content .text .headers{
    text-align:center;
}


.content .text h1{
    font-size:100%;
	color:#71c0da;
}

.content .text h2{
    border-bottom:solid 1px #393937;
    font-weight:normal;
    font-size:80%;
}

.content .text p{
    font-size:80%;
    line-height:20px;
    padding:0;
    margin-bottom:0;
}

#site-container #experience{
    position:absolute;
    left:0;
    top:168px;
    z-index:10;
}

#site-container #experience .text{
    padding-top:100px;
}

#site-container #plan{
    z-index:10;
    position:absolute;
    left:0;
    top:198px;
    z-index:10;
}

#site-container #plan .text{
    padding-top:70px;
}

#site-container #look{
    z-index:1;
    position:absolute;
    left:0;
    top:228px;
    z-index:10;
}

#site-container #look .text{
    padding-top:40px;
}

#site-container #email{
    z-index:1;
    position:absolute;
    left:0;
    top:258px;
    z-index:10;
}

#site-container #email .text{
    padding-top:10px;
}

/*** FOOOTER ***/
div#footer{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:26px;
  background-color:#68808B;
  color:#ffffff;
 }
 
 div#footer #footer-logo{
    width:200px;
    height:23px;
    float:left;
    margin:2px 0 0 87px;
    background:url(../images/longwood-sm.jpg) no-repeat left top;
 }
 
 div#footer #footer-belle-mer{
    width:87px;
    height:11px;
    float:right;
    margin:8px 20px 0 20px;
    background:url(../images/bellemer-sm.jpg) no-repeat left top;
 }
 
 div#footer #footer-state-room{
    width:99px;
    height:11px;
    float:right;
    margin:8px 20px 0 20px;
    background:url(../images/stateroom-sm.jpg) no-repeat left top;
 }
 
 div#footer #footer-veroniqe{
    width:88px;
    height:11px;
    float:right;
    margin:8px 20px 0 20px;
    background:url(../images/veronique-sm.jpg) no-repeat left top;
 }
 
 div#footer:hover{
    height:96px;
 }
 
 div#footer:hover #footer-logo{
    width:256px;
    height:65px;
    float:left;
    margin:15px 0 0 87px;
    background:url(../images/longwood-lg.jpg) no-repeat left top;
 }
 
 div#footer:hover #footer-belle-mer{
    width:85px;
    height:72px;
    float:right;
    margin:12px 20px 0 20px;
    background:url(../images/bellemer-lg.jpg) no-repeat left top;
 }
 
 div#footer:hover #footer-state-room{
    width:97px;
    height:72px;
    float:right;
    margin:12px 20px 0 20px;
    background:url(../images/stateroom-lg.jpg) no-repeat left top;
 }
 
 div#footer:hover #footer-veroniqe{
    width:119px;
    height:65px;
    float:right;
    margin:12px 20px 0 20px;
    background:url(../images/veronique-lg.jpg) no-repeat left top;
 }


@media screen{
  body>div#footer{
   position: fixed;
   z-index:100;
  }
 }
 * html body{
  overflow:hidden;
 } 
* html div#site-container{
  height:100%;
  overflow:auto;
 }