a:link {color: #555555}
a:visited {color: #555555}
a:hover {color: #000000}
a:active {color: #000000}

body {
	background-color: #333333;
	text-align: center;
	margin: 0 auto;
	padding: 0;	
}

#interior {
	position: relative;
	width: 806px;
	height: 562px; 
	background-image: url(../images/intbg.jpg);
	text-align: center;
	margin: 0 auto;
	padding: 0;	
}

body#aboutBody #interior {
	background-image: url(../images/aboutbg.jpg);
}

body#contactBody #interior {
	background-image: url(../images/contactbg.jpg);
}

#interiorpad {
	height: 45px;
}

#thumbs {
	position: absolute;
	top: 71px; left: 47px;
	width: 263px; height: 452px;
}

.canvas {
	position: absolute;
	top: 77px;
	left: 317px;
	width: 445px;
	height: 445px;
	margin: 0;
	padding: 0;	
	display: none;
}

.canvas div {
	position: relative;
	width: 445px;
	height: 445px;
	margin: 0 auto;
	padding: 0;	
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}

.canvas div img {
	vertical-align: middle;
}

* html .canvas div {
	font-family: monospace;
	font-size: 400px;
	line-height: 0px;
	padding: 0;
	height: 0;	
}

#copyright, #misc {
	color: #777777;
	padding-bottom: 20px; 
	font-family: "trebuchet ms", "verdana", "sans-serif"; 
	letter-spacing: 2px;
	padding-bottom: 15px;
	width: 806px;
	text-align: center;
	margin: 0 auto;
	position: relative;
}

.undertext {
	color: #777777;
	padding-bottom: 20px; 
    padding-top: 10px;
	font-family: "trebuchet ms", "verdana", "sans-serif"; 
	letter-spacing: 2px;
}

.sm { position: absolute; border: 1px solid #999999; width: 100px; height: 100px; }
.lg { border: 1px solid #999999; }
.cp { border: none; display: none; }

#sm1 { top: 5px; left: 5px; }
#sm2 { top: 5px; left: 121px; }
#sm3 { top: 121px; left: 5px; }
#sm4 { top: 121px; left: 121px; }
#sm5 { top: 238px; left: 5px; }
#sm6 { top: 238px; left: 121px; }
#sm7 { top: 355px; left: 5px; }
#sm8 { top: 355px; left: 121px; }

#nav {
	position: absolute;
	height: 25px;
	width: 711px;
	top: 43px;
	left: 46px;
}
	
#menu a {
   position: absolute;
   height: 25px;
   top: 0px; 
   text-decoration: none;
   border: none;
}

a#home			{ border: none; left: 0px; width: 60px; }
a#photography   		{ border: none; left: 60px; width: 144px; }
a#photoshop			{ border: none; left: 204px; width: 141px; }
a#illustration		{ border: none; left: 345px; width: 154px; }
a#about			{ border: none; left: 499px; width: 104px; }
a#contact      		{ border: none; left: 603px; width: 109px; }

.heading {
	font-size: 16px;
    font-variant: small-caps;
    font-weight: bold;
	font-family: georgia, "book antiqua", garamond, palatino, "times new roman", serif;
	line-height: 30px;
	padding: 0;
	text-align: left;
}

.bodytext {
	text-align: left;
	color: #333333;
	font-size: 14px;
	font-family: georgia, "book antiqua", garamond, palatino, "times new roman", serif;
}

#contact {
	position: absolute;
	top: 410px; left: 538px;
	width: 235px; height: 452px;
   	text-align: left;
}

#about {
	position: absolute;
	top: 225px; left: 538px;
	width: 230px; height: 452px;
   	text-align: left;
}