/*----------------------------------------------------------------------------------------
Advanced - Site Detail
----------------------------------------------------------------------------------------*/
#page {
   position: relative;
   background: #fff;
   margin-top: 20px;
   padding: 34px 0;
}

#wrapper {
   margin: 0 auto;
   width: 760px;
   position: relative;
}

#footer {
   color: #95A561;
}
#footer p {
   margin: 1em auto 0;
   font-size: 0.8em;
   width: 760px;
}

#content-top {
   height: 40px;
   width: 577px;
   background: url(../img/css/content-top.gif) 50% 50% no-repeat;
}

#content-bottom { 
   height: 40px;
   width: 577px;
   background: url(../img/css/content-bottom.gif) 50% 50% no-repeat;
}
#btn-prev, #btn-next { width: 32px; }

#content-main {
   position: relative;
   width: 513px;
   height: 489px;
   text-align: center;
}

/**
 * Sidebar
 */
#content-sidebar {
   width: 120px;
   padding-left: 63px;
}
 
   #nav {
      list-style: none;
      margin: 40px 0 0; 
      padding: 0 0 0 30px;
      background: url(../img/css/nav-deco.gif) bottom left no-repeat;
   }
   
   #nav li { margin: 0; padding: 0; width: 80px; }
   
   #nav a {
      overflow: hidden;
      text-indent: -999em;
      display: block;
      height: 22px;
      width: 80px;
      color: #00f;
      background-position: top left;
      background-repeat: no-repeat;
   }
   
   #nav .current a,
   #nav a:hover {
      background-position: -80px 0;
   }
      .nav-print a { background-image: url(../img/css/nav-print.gif); }
      .nav-design a { background-image: url(../img/css/nav-design.gif); }
      .nav-identity a { background-image: url(../img/css/nav-identity.gif); }
      .nav-interactive a { background-image: url(../img/css/nav-interactive.gif); }
      .nav-resume a { background-image: url(../img/css/nav-resume.gif); }
      .nav-contact a { background-image: url(../img/css/nav-contact.gif); }
      
#loading { display: none; }