/* ugh, what a mess, right? */
html {
	overflow: auto;
	background-color: #e2e2e2;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #e2e2e2;
}
body,td,th {
	font-family: Helvetica, arial, sans-serif;
	font-size: 12px;
	color: #444444;
}
a:link {
	color: #063831;
	outline: none;
}
a:visited {
	color: #063831;
	outline: none;
}
a:hover {
	color: #01e79a;
	outline: none;
}
a:active {
	color: #063831;
	outline: none;
}
/* layout */
#header {
	height: 157px;
	width: 100%;
	background-image:url(images/top-panel.png);
	position: fixed;
	border: none;
	z-index: 3;
}
#panel {
	height: 157px;
	width: 928px;
	background-image:url(images/top.png);
	margin-left: auto;
	margin-right: auto;
	border: none;
}
#bg {
	width: 928px;
	height: 100%;
	margin-left:auto;
	margin-right:auto;
	position: fixed;
	background-image:url(images/content2.png);
	background-repeat:repeat-y;
	border: none;
	padding: 71px;
}
/* content */
.stuff {
	width: 830px;
	margin-left: 49px;
	margin-right: 49px;
}
.work {
	clear: both;
	position:fixed;
	display:block;
	width: 80px;
	height: 157px;		
	background:url(images/menu-work.gif) no-repeat;
	background-position:0 0;
	cursor: pointer;
	margin-left: 142px;
}	
.work span.hover {
	position: absolute;
	display: block;
	width: 80px;
	height: 157px;
	background: url(images/menu-work.gif) no-repeat;
	background-position: bottom;
}
.about {
	clear: both;
	position:fixed;
	display:block;
	width: 80px;
	height: 157px;	
	background:url(images/menu-about.gif) no-repeat;
	background-position:0 0;
	cursor: pointer;
	margin-left: 235px;
}	
.about span.hover {
	position: absolute;
	display: block;
	width: 80px;
	height: 157px;
	background: url(images/menu-about.gif) no-repeat;
	background-position: bottom;
}
.contact {
	clear: both;
	position:fixed;
	display:block;
	width: 80px;
	height: 157px;		
	background:url(images/menu-contact.gif) no-repeat;
	background-position:0 0;
	cursor: pointer;
	margin-left: 615px;
}	
.contact span.hover {
	position: absolute;
	display: block;
	width: 80px;
	height: 157px;
	background: url(images/menu-contact.gif) no-repeat;
	background-position: bottom;
}
.blog {
	clear: both;
	position:fixed;
	display:block;
	width: 80px;
	height: 157px;		
	background:url(images/menu-blog.gif) no-repeat;
	background-position:0 0;
	cursor: pointer;
	margin-left: 703px;
}	
.blog span.hover {
	position: absolute;
	display: block;
	width: 80px;
	height: 157px;
	background: url(images/menu-blog.gif) no-repeat;
	background-position: bottom;
	
}
/* columns */
#first {
	position: absolute;
	top: 177px;
	left: 84px;
}
#second {
	position: absolute;
	top: 177px;
	left: 345px;
}
#third {
	position: absolute;
	top: 177px;
	left: 606px;
}
/* portfolio! */
.photography {
	clear: both;
	position: relative;
	display: block;
	width: 238px;
	height: 369px;		
	background:url(thumbs3/photography.jpg) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.photography span.hover {
	position: absolute;
	display: block;
	width: 238px;
	height: 369px;
	background: url(thumbs3/photography.jpg) no-repeat;
	background-position: bottom;
	
}
.drawing {
	clear: both;
	position: relative;
	display: block;
	width: 238px;
	height: 369px;		
	background:url(thumbs3/drawing.jpg) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.drawing span.hover {
	position: absolute;
	display: block;
	width: 238px;
	height: 369px;
	background: url(thumbs3/drawing.jpg) no-repeat;
	background-position: bottom;
	
}
.painting {
	clear: both;
	position: relative;
	display: block;
	width: 238px;
	height: 369px;	
	background:url(thumbs3/painting.jpg) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.painting span.hover {
	position: absolute;
	display: block;
	width: 238px;
	height: 369px;
	background: url(thumbs3/painting.jpg) no-repeat;
	background-position: bottom;
	
}
.installations {
	clear: both;
	position: relative;
	display: block;
	width: 238px;
	height: 369px;	
	background:url(thumbs3/installations.jpg) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.installations span.hover {
	position: absolute;
	display: block;
	width: 238px;
	height: 369px;
	background: url(thumbs3/installations.jpg) no-repeat;
	background-position: bottom;
	
}
.design {
	clear: both;
	position: relative;
	display: block;
	width: 238px;
	height: 369px;	
	background:url(thumbs3/design.jpg) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.design span.hover {
	position: absolute;
	display: block;
	width: 238px;
	height: 369px;
	background: url(thumbs3/design.jpg) no-repeat;
	background-position: bottom;
	
}
.webdesign {
	clear: both;
	position: relative;
	display: block;
	width: 238px;
	height: 369px;	
	background:url(thumbs3/webdesign.jpg) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.webdesign span.hover {
	position: absolute;
	display: block;
	width: 238px;
	height: 369px;
	background: url(thumbs3/webdesign.jpg) no-repeat;
	background-position: bottom;
	
}
#info {
	text-align:center;
	width: 200px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}
#footerhome {
	position: absolute;
	margin-top: 810px;
}
#footer {
	position: relative;
	margin-top: 20px;
}