body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
														/* Generic Style descriptors */
	color: #bda74e;
	background: url(../images/swirl.jpg) no-repeat #000000;
}
p {	font-size: 1.1em;	}
h1 { font-size: 1.3em; }
h2 { font-size: 1.2em; padding: 0em;}
	h2:first-letter {	font-size: 1.4em;}
h3 { font-size: 1.1em; text-decoration: underline;}
a:visited { color: #8E7C35;}
a:link { color: #bda74e;	text-decoration: underline; }
a:hover, a:focus {	color: #bda74e;		background: #8b2c04;}
* { -moz-outline:none; }
hr {	color: #bda74e;	background-color: #bda74e;	border: 0;	height: 1px;}
img.screenshot {
	float:right; 
	border:2px solid #bda74e; 
	padding:0px;
}
.screenshot a:hover{
	border:2px solid #8b2c04;
}
														/* Layout descriptors */
h1#logo {
	width:273px;
	height:61px;
	background: url(../images/logohead.jpg) no-repeat;
	position:absolute;
	top:52px;
	left:63px;
	text-indent: -9999px;
}
div#sidebar {
	display:block;
	position: absolute;	top: 124px;	left:89px;
	background: url(../images/sidebar.jpg) top left no-repeat;
	width:295px;	height:434px;
	z-index:10;
}
	div#sidebarcontentwrapper {
		width:250px;	height:380px;
		position: relative;
		margin: 25px 10px 25px 20px;
		overflow: auto;
	}
div#rightpanel {
	position:absolute;	top:132px;	left:378px;
	width:436px;	height:417px;
	background: url(../images/right.jpg) no-repeat; 
	z-index:10;
}
	div#rightpanelcontentwrapper {
		width:410px;	height:390px;
		position: relative; top: 10px; left: 15px;
		overflow: auto;
	}
div#centerpanel {
	position:absolute;	top:133px;	left:100px;
	width:718px;	height:417px;
	background: url(../images/center.jpg) no-repeat;
	padding-top:10px;
	z-index:10;
}
div#galleryoverlay {
	width:710px;	height:500px;
	position:absolute;	top:-77px;	left:0px;
	z-index:20;
}
.copyleft a {
	display: block;
	position: absolute;	left: 254px;	top: 564px;
	width: 400px;
	text-align: center;
	text-decoration: none;
}
.copyleft a:hover, .copyleft a:focus {
	background: #8b2c04;
	opacity: 0.5;
}
.linklist li {
	list-style:none;
	font-size: 1.1em;
	line-height: 2em;
	margin-left: -30px;
	
}
	.linklist li a {
		display:block;
		width:100%;
		text-decoration: none;
	}
	.linklist li a:hover, .linklist li a:focus {
		background: #8b2c04;
		opacity: 0.8;
		color: #bda74e;
	}
.contententry {
	position: absolute; left: 10px;
	display:block;
	width: 390px;
}
														/* Tabulated menu */
ul#tabmenu {
	display:block;
	width: 25px;
}
ul#tabmenu li{
	display:block;
	float:left;
	width: 25px;
	list-style: none;
}
ul#tabmenu li a{
	text-indent: -9999px;
	width: 25px;
}
#abouttab a {
	display:block;
	width:25px;	height:85px;
	position:absolute;	left:76px; top:164px;	
	background: url(../images/about.jpg) top left no-repeat;
	z-index:11;
}
	#abouttab a:hover, #abouttab a:active, #abouttab a:focus {
		background: url(../images/about.jpg) top center no-repeat;
	}
	#abouttab .current{
		background: url(../images/about.jpg) top right no-repeat;
	}
#contacttab a{
	display:block;
	width:25px;	height:85px;
	position:absolute;	left:76px; top:248px;	
	background: url(../images/contact.jpg) top left no-repeat;
	z-index:11;
}
	#contacttab a:hover, #contacttab a:active, #contacttab a:focus {
		background: url(../images/contact.jpg) top center no-repeat;
	}
	#contacttab .current{
		background: url(../images/contact.jpg) top right no-repeat;
	}
#worktab a{
	display:block;
	width:25px;	height:85px;
	position:absolute;	left:76px; top:334px;	
	background: url(../images/works.jpg) top left no-repeat;
	z-index:11;
}
	#worktab a:hover, #worktab a:active, #worktab a:focus {
		background: url(../images/works.jpg) top center no-repeat;
	}
	#worktab .current{
		background: url(../images/works.jpg) top right no-repeat;
	}
#linktab a{
	display:block;
	width:25px;	height:101px;
	position:absolute;	left:75px; top:418px;	
	background: url(../images/links.jpg) top left no-repeat;
	z-index:11;
}
	#linktab a:hover, #linktab a:active, #linktab a:focus {
		background: url(../images/links.jpg) top center no-repeat;
	}
	#linktab .current{
		background: url(../images/links.jpg) top right no-repeat;
	}
														/* Portfolio Buttons*/
ul#portfoliomenu {
	display:block;
	width: 256px;
}
ul#portfoliomenu li {
	display:block;
	float:left;
	width: 256px;
	list-style: none;
}
ul#portfoliomenu li a {
	text-indent: -9999px;
	width: 256px;
}
#illustration a {
	display: block;
	width:256px;	height:130px;
	position:absolute;	top:17px;	left:17px;
	background: url(../images/illustration.jpg) top left no-repeat;
	z-index:15;
}
	#illustration  a:hover, #illustration a:active, #illustration a:focus {
		background: url(../images/illustration.jpg) top right no-repeat;
	}
#design a {
	width:256px;	height:127px;
	position:absolute;	top:151px;	left:17px;
	background: url(../images/design.jpg) top left no-repeat;
	z-index:15;
}
	#design  a:hover, #design a:active, #design a:focus {
		background: url(../images/design.jpg) top right no-repeat;
	}
#photography a {
	width:256px;	height:128px;
	position:absolute;	top:283px;	left:17px;
	background: url(../images/photography.jpg) top left no-repeat;
	z-index:15;
}
	#photography  a:hover, #photography a:active, #photography a:focus {
		background: url(../images/photography.jpg) top right no-repeat;
	}