body { 
	font-size: 11px;
	font-family: "Lucida Grande", Lucida, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background-image: url("../images/cocoa_background.jpg");
	background-attachment: fixed; }

a:link {
	color: #0f5ea9; }

a:hover {
	color: black; }	
	
#container {
	background-image: url("../images/desk_mid.jpg");
	background-repeat: repeat-y;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;	
	width: 850px;
	height: 931px; }

#header {
	background-image: url("../images/desk_header.jpg");
	background-repeat: no-repeat;
	width: 850px;
	height: 6px; }

#paper_top {
	background-image: url("../images/paper_top.jpg");
	background-repeat: no-repeat;
	width: 185px;
	height: 165px; }

#logo {
	width: 350px;
	height: 165px;
	margin-left: 500px; }

#mole {
	width: 850px;
	height: 549px;
	background-image: url("../images/moleskine.jpg");
	position: relative; }
	
#portfolio {
  	display: block;
  	width: 21px;
  	height: 80px;
  	background: url("../images/portfolio.jpg") no-repeat 0 0;
	margin-left: 66px;
	position: absolute;
	top: 48px; }

#portfolio:hover { 
  	background-position: -21px 0; }

#portfolio span {
  	display: none; }

#about {
  	display: block;
  	width: 20px;
  	height: 63px;
  	background: url("../images/about.jpg") no-repeat 0 0;
	margin-left: 66px;
	position: absolute;
	top: 168px; }

#about:hover { 
  	background-position: -20px 0; }

#about span {
  	display: none; }
  	
#sitedev {
  	display: block;
  	width: 18px;
  	height: 81px;
  	background: url("../images/sitedev.jpg") no-repeat 0 0;
	margin-left: 63px;
	position: absolute;
	top: 280px; }

#sitedev:hover { 
  	background-position: -18px 0; }

#sitedev span {
  	display: none; }

#contact {
  	display: block;
  	width: 18px;
  	height: 75px;
  	background: url("../images/contact.jpg") no-repeat 0 0;
	margin-left: 61px;
	position: absolute;
	top: 410px; }

#contact:hover { 
  	background-position: -18px 0; }

#contact span {
  	display: none; }

#moleleft {
	width: 315px;
	height: 480px;
	margin-left: 110px;
	padding-top: 40px;
	position: absolute; }
	
#moleright {
	width: 200px;
	height: 480px;
	top: 40px;
	left: 455px;
	position: absolute; }
	
label {
    font-weight: bold;
    /*color: #0f5ea9;*/
    display: block; }

.formbox {
    width: 250px; }
		
#postit {
	font-size: 10pt;
	width: 511px;
	height: 205px;
	background-image: url("../images/postit.jpg");
	margin-left: 339px; }

#postitemail {
	height: 35px;
	padding-top: 65px;
	margin-left: 120px; }
	
#postitemail a {
	text-decoration: none; }
	
#postitcopy {
	font-size: 10pt;
	margin-left: 53px; 
	width: 135px; }
	
#bottom {
	width: 850px;
	height: 6px;
	background: url("../images/desk_footer.jpg") no-repeat;
	position: absolute; }
	
#footer {
	position: relative;
	width: 850px;
	height: 20px;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	color: gray; }

#footer a {
	color: gray;}

#footer a:hover {
	color: white; }
	
#footerleft {
	width: 400px;
	height: 15px;
	position: absolute;
	top: 0;
	left: 0;
	width: auto; }
	
#footerright {
	width: 220px;
	height: 15px; 
	margin-left: 663px;
	position: absolute;
	right: 0;
	top: 0;
	width: auto; }
	
.hide {
	display: none; }
	
.warning {
    font-weight: bold;
    color: #f00; }

.thumbnail1 {
	position: absolute;
	top: 135px;
	margin-left: 10px; }
	
.thumbnail1 a {
	color: black; }
	
.thumbnail2 {
	position: absolute;
	left: 170px;
	top: 135px; }
	
.thumbnail2 a {
	color: black; }
	
.thumbnail3{
	position: absolute;
	top: 95px;
	margin-left: 20px; }
	
.thumbnail3 a {
	color: black; }
	
.thumbnail4 {
	position: absolute;
	top: 265px;
	margin-left: 10px; }
	
.thumbnail4 a {
	color: black; }
	
.thumbnail5 {
	position: absolute;
	left: 170px;
	top: 265px; }
	
.thumbnail5 a {
	color: black; }	

.thumbnail6 {
	position: absolute;
	top: 225px;
	margin-left: 20px; }
	
.thumbnail6 a {
	color: black; }
	
.thumbnail7 {
	position: absolute;
	top: 395px;
	margin-left: 10px; }
	
.thumbnail7 a {
	color: black; }
	
.thumbnail8 {
	position: absolute;
	top: 395px;
	margin-left: 170px; }
	
.thumbnail8 a {
	color: black; }
	
.thumbnail9 {
	position: absolute;
	top: 355px;
	margin-left: 20px; }
	
.thumbnail9 a {
	color: black; }
	
h1, h2, h3, h4, h5, h6 {
  	font-family : "Trebuchet MS", "Lucida Grande", Lucida, Verdana, Arial, Helvetica, sans-serif;
  	color : #0f5ea9; }
  
h1 {
	font-size : xx-large; }

h2 {
	font-size : x-large; }

h3 {
	font-size : large; }

h4 {
	font-size : medium;
	line-height: 24px;
	margin: 0; }

h5 {
	font-size : 14px;
	line-height: 24px;
	margin: 0; }
	
h6 {
	font-size : xx-small; }

ul {
	margin-left: 0px;
	padding-left: 15px;
	list-style-type: circle; }

img {
	border: none; }