body {
  padding: 0;
  margin: 0;
  background: #aed6d6 url(/images/layout/background.gif);
  font-family: Trebuchet MS, Verdana;
  font-size: 14px;
  color: #888;
}

a {
  color: #b6b245;
  text-decoration: none;
}

a:hover {
  color: #cac54c;
  text-decoration: underline;
}

a img {
  border: 0;
}

#layout-outer-container {
  width: 768px;
  margin: 0 auto;
  padding: 0;
}

#layout_header {
  margin: 0;
  padding: 0;
  width: 768px;
  line-height: 0;
}

#layout_header img {
  margin: 0;
  padding: 0;
}
/* Navigation */
  #layout_navigation {
    margin: 0;
    padding: 0;
    width: 768px;
    height: 65px;
    background: url(/images/layout/navigation_background.gif);
    line-height: 0;
  }

  #layout_navigation ul {
    list-decoration: none;
    padding: 0;
    margin: 0;
    height: 47px;
    font-size: 0;
  }

  #layout_navigation ul li  {
    float: left;
  }

  #layout_navigation ul li, #layout_navigation ul li a  {
    display: block;
    height: 47px;
  }

  #layout_navigation ul li#portfolio a {
    width: 95px;
    background: transparent url(/uploads/Image/navigation_menu.gif) 0 0 no-repeat;
  }

  #layout_navigation ul li#portfolio a:hover, #layout_navigation ul li#portfolio a.active {
    background-position: 0 -46px;
  }

  #layout_navigation ul li#resume a {
    width: 76px;
    background: transparent url(/uploads/Image/navigation_menu.gif) -94px 0 no-repeat;
  }

  #layout_navigation ul li#resume a:hover, #layout_navigation ul li#resume a.active {
    background-position: -94px -46px;
  }

  #layout_navigation ul li#navigation-blog a {
    width: 70px;
    background: transparent url(/uploads/Image/navigation_menu.gif) -170px 0 no-repeat;
  }

  #layout_navigation ul li#navigation-blog a:hover, #layout_navigation ul li#navigation-blog a.active {
    background-position: -170px -46px;
  }

  #layout_navigation ul li#shop a {
    width: 65px;
    background: transparent url(/uploads/Image/navigation_menu.gif) -241px 0 no-repeat;
  }

  #layout_navigation ul li#shop a:hover, #layout_navigation ul li#shop a.active {
    background-position: -241px -46px;
  }

  #layout_navigation ul li#about a {
    width: 75px;
    background: transparent url(/uploads/Image/navigation_menu.gif) -311px 0 no-repeat;
  }

  #layout_navigation ul li#about a:hover, #layout_navigation ul li#about a.active {
    background-position: -311px -46px;
  }

  #layout_navigation ul li#links a {
    width: 80px;
    background: transparent url(/uploads/Image/navigation_menu.gif) -385px 0 no-repeat;
  }

  #layout_navigation ul li#links a:hover, #layout_navigation ul li#links a.active {
    background-position: -385px -46px;
  }

  #layout_navigation ul li#contact a {
    width: 90px;
    background: transparent url(/uploads/Image/navigation_menu.gif) -467px 0 no-repeat;
  }

  #layout_navigation ul li#contact a:hover, #layout_navigation ul li#contact a.active {
    background-position: -467px -46px;
  }
/* End Navigation */

/* Footer */
  #layout_footer {
    background: url(/images/layout/footer.gif);
    width: 479px;
    height: 75px;
    margin: 70px 0 0 0;
  }
/* End Footer */

#copyright {
  font-size: 10px;
  color: #444;
  text-align: center;
  margin-top: 20px;
  width: 768px;
}

/* Portfolio */
  #portfolio_content {
    background: #fff;
    width: 466px;
    min-height: 382px;
    float: left;
    text-align: center;
    padding: 20px 0;
  }

  #portfolio_content img {
    vertical-align: middle;
    margin: auto 0;
  }

  #portfolio_sidebar {
    width: 256px;
    height: 376px;
    float: left;
    padding: 0 23px;
  }


  #portfolio_thumbs {
    padding: 0;
    margin: 0;
  }

  #portfolio_thumbs a {
    margin-right: 7px;
  }

  #portfolio_thumbs a img {
    margin-bottom: 7px;
    border: 1px solid #6b9e9d;
  }

  ul#portfolio_menu {
    list-decoration: none;
    padding: 0;
    margin: 0;
    font-size: 0;
    line-height: 0;
  }

  ul#portfolio_menu li {
    margin-bottom: 6px;
    list-style: none;
  }

  ul#portfolio_menu li, ul#portfolio_menu li a  {
    display: block;
    height: 18px;
    
  }

  ul#portfolio_menu li#portfolio-identity a {
    width: 67px;
    background: transparent url(/uploads/Image/portfolio_menu.gif) 0 0 no-repeat;
  }

  ul#portfolio_menu  li#portfolio-identity a:hover, ul#portfolio_menu li#portfolio-identity a.active {
    background-position: -160px 0;
  }

  ul#portfolio_menu li#portfolio-photo-production a {
    width: 135px;
    background: transparent url(/uploads/Image/portfolio_menu.gif) 0 -21px no-repeat;
  }

  ul#portfolio_menu  li#portfolio-photo-production a:hover, ul#portfolio_menu li#portfolio-photo-production a.active {
    background-position: -160px -21px;
  }

  ul#portfolio_menu li#portfolio-print a {
    width: 125px;
    background: transparent url(/uploads/Image/portfolio_menu.gif) 0 -45px no-repeat;
  }

  ul#portfolio_menu  li#portfolio-print a:hover, ul#portfolio_menu li#portfolio-print a.active {
    background-position: -160px -45px;
  }

  ul#portfolio_menu li#portfolio-web a {
    width: 85px;
    background: transparent url(/uploads/Image/portfolio_menu.gif) 0 -68px no-repeat;
  }

  ul#portfolio_menu  li#portfolio-web a:hover, ul#portfolio_menu li#portfolio-web a.active {
    background-position: -160px -68px;
  }

  ul#portfolio_menu li#portfolio-products a {
    width: 142px;
    background: transparent url(/uploads/Image/portfolio_menu.gif) 0 -114px no-repeat;
  }

  ul#portfolio_menu  li#portfolio-products a:hover, ul#portfolio_menu li#portfolio-products a.active {
    background-position: -160px -114px;
  }

  ul#portfolio_menu li#portfolio-invitations a {
    width: 157px;
    background: transparent url(/uploads/Image/portfolio_menu.gif) 0 -90px no-repeat;
  }

  ul#portfolio_menu  li#portfolio-invitations a:hover, ul#portfolio_menu li#portfolio-invitations a.active {
    background-position: -160px -90px;
  }

  ul#portfolio_menu li#portfolio-books a {
    width: 92px;
    background: transparent url(/uploads/Image/portfolio_menu.gif) 0 -137px no-repeat;
  }

  ul#portfolio_menu  li#portfolio-books a:hover, ul#portfolio_menu li#portfolio-illustration a.active {
    background-position: -160px -137px;
  }

  ul#portfolio_menu li#portfolio-illustration a {
    width: 101px;
    background: transparent url(/uploads/Image/portfolio_menu.gif) 0 -159px no-repeat;
  }

  ul#portfolio_menu  li#portfolio-illustration a:hover, ul#portfolio_menu li#portfolio-illustration a.active {
    background-position: -160px -159px;
  }

/* End Portfolio */

/* Content */
  #layout_content {
    margin: 0;
    padding: 15px 0 0 0;
  }

  #content_container {
    width: 680px;
    background: #fff;
    padding: 10px 40px 30px 30px;
    background: url(/uploads/Image/whitebackground.png);
    font-size: 13px;
    color: #666;
  }

  #content_container h1 {
    font-size: 19px;
  }

  #content_container h2 {
    font-size: 16px;
  }

  #content_container h3 {
    font-size: 13px;
  }
/* End Content */

/* Blog */
  .blog-post {
    background: #dee9e9;
    width: 470px;
    padding: 0.5em;
    margin-bottom: 10px;
  }

  .blog_post_short {
    background: #dee9e9;
    width: 470px;
    padding: 0.5em;
    margin-bottom: 10px;
  }

  .blog_post_short .blog_post_title {
    font-weight: bold;
    margin: 0;
    padding: 0;
  }

  .blog_post_short .blog_post_info {
    font-size: smaller;
  }

  .blog_post_short .blog_post_more {
    margin-top: 1em;
    font-size: smaller;
  }
  #blog_sidebar {
    float: right;
    margin: 0;
    padding: 0;
    margin-right: -10px;
    //background: white;
    //padding-left: 10px;
  }

  .blog-post-navigation {
    margin-top: 10px;
  }

  .blog-post-navigation-previous {
    width: 50%;
    float: left;
  }

  .blog-post-navigation-next {
    width: 50%;
    float: left;
  }
/* End Blog */
