@charset "UTF-8";
/* CSS Document */

body{ background: url('images/body.png') no-repeat top center #f3f3f3; }
a:focus{ outline: none; }
a img{ border: none; }

#page{ width: 500px; margin: 0 auto; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
#page h1#logo{ width: 500px; height: 160px; text-indent: -9999px; margin: 0;  }

#navigation{ text-align: center; margin: 0; padding: 0; color: #c6c6c6; }
#navigation li{ display: inline; list-style: none; padding: 0 5px 0 5px; }
#navigation li a{ color: #c6c6c6; text-decoration: none; text-shadow: 1px 1px #FFF; }
#navigation li a:hover{ color: #4d4d4d; }
#navigation li.active a{ color: #24A3DD; }

.content{ font-size: 12px; color: #4d4d4d; margin: 25px 0 0 0; }
.content p{ line-height: 18px; }
.content p a{ color:  #24A3DD;}

#portfolio #portfolio_holder{ height: 150px; overflow: hidden; }
#portfolio #portfolio_holder ul{ margin: 0; padding: 0; height: 290px; }
#portfolio #portfolio_holder ul li{ width: 100px; height: 100px; float: left; list-style: none; }
#portfolio #portfolio_holder ul li p{ text-align: center; padding: 5px; color: #4d4d4d; clear: both; }
#portfolio #portfolio_holder ul li p a{ color: #24A3DD; text-decoration: none; }

.next, .prev{ color: #c6c6c6; font-weigth: bold; font-size: 14px; padding: 3px; text-decoration: none; text-shadow: 1px 1px #fff; }
.next:hover, .prev:hover{ color: #24A3DD; }