/*

*/
html,body {
 margin:0;
 padding:0;
 background:#222 url('image/body-bg.png') repeat scroll top left;
 font:13px Verdana,Helvetica,Arial,sans-serif;
 text-align:center;
 height:100%;
}
img {
 border:0;
 margin:0;
 padding:0;
}

a:link, a:visited {
 text-decoration:none;
}
a:hover {
 text-decoration:underline;
}
p {
 margin:0;
 padding:0;
}

#body {
  position:relative;
  width:900px;
  height:610px;
  margin:25px auto 0 auto;
  text-align:left;
}

#copyright {
 position:absolute;
 bottom:0;
 right:0;
 color:#656565;
 font-size:10px;
}

#footer {
 position:absolute;
 bottom:0;
 left:0;
 font-size:10px;
 letter-spacing:-0.02em;
}
#footer a {
 display:block;
 float:left;
 height:12px;
 color:white;
 padding-right:15px;
 margin-right:30px;
 background:url('image/menu-bg.png') no-repeat scroll right -15px;
}
#footer a:hover {
 text-decoration:none;
 background-position:right top;
}

#banner {
  height:48px;
  margin-bottom:10px;
}
#banner #logo {
 position:absolute;
 top:0;
 right:0;
}

#banner #menu {
 position:absolute;
 top:0;
 left:0;
}
#banner #menu a {
 display:block;
 height:11px;
 width:105px;
 margin-bottom:3px;
 background:no-repeat scroll left -11px;
}
#banner #menu a#menu-commercial {
 background-image:url('image/menu-commercial.png');
}
#banner #menu a#menu-packaging {
 background-image:url('image/menu-packaging.png');
}
#banner #menu a#menu-personal {
 background-image:url('image/menu-personal.png');
}
#banner #menu a.current-page, #banner #menu a:hover {
 background-position:0 top;
}
#banner #menu a i {
 display:none;
}

#page-title {
 position:absolute;
 top:0;
 left:180px;
}

#content {
 position:relative;
 background:#1A1817;
 height:535px;
 color:white;
 overflow:hidden;
}
#content a {
 color:white;
}

#controls {
 position:absolute;
 top:30px;
 left:180px;
 color:white;
}
#controls b {
 margin:0 5px;
 font-weight:normal;
}
#controls a {
 color:#8C8C8C;
 padding:0 5px;
 font-weight:bold;
}
#controls a.thumbs {
 padding:0;
 font-weight:normal;
 font-size:10px;
 margin-left:10px;
}
#controls a:hover {
 color:white;
 text-decoration:none;
}
#controls a.thumbs:hover {
 color:#5F5E5D;
}

#gallery .image, #slideshow .image {
 position:absolute;
 top:0;
 left:0;
 width:900px;
 height:535px;
 background:no-repeat scroll center center;
}

#thumbnails {
 border-collapse:collapse;
 border-left:1px solid #222;
 border-right:1px solid #222;
 position:absolute;
 left:0;
}
#thumbnails .thumbnail {
 margin:0;
 padding:0;
 width:180px;
 height:134px;
 background:no-repeat scroll center center;
 border:1px solid #222;
 cursor:pointer;
}