/*Last Updated: Apr, 03, 2006*/
body {
	margin: 0;
	padding: 0;
	font-family: times new roman, times, serif;
	color: #fff;
	background: #000 url(../grfx/backgrounds/bg_homerepeat.jpg) left top repeat-x;
}
#container {
	height: 1250px;
	background: transparent url(../grfx/backgrounds/bg_home.jpg) left top no-repeat;
}

/* page modifying backgrounds */
body.design {
	background: #000 url(../grfx/backgrounds/bg_designrepeat.jpg) left top repeat-x;
}
.design #container {
	height: 1250px; /* height of image */
	background: transparent url(../grfx/backgrounds/bg_design.jpg) left top no-repeat;
}

body.photography {
	background: #000 url(../grfx/backgrounds/bg_photorepeat.jpg) left top repeat-x;
}
.photography #container {
	height: 1250px; /* height of image */
	background: transparent url(../grfx/backgrounds/bg_photo.jpg) left top no-repeat;
}

body.illustration {
	background: #000 url(../grfx/backgrounds/bg_illorepeat.jpg) left top repeat-x;
}
.illustration #container {
	height: 1250px; /* height of image */
	background: transparent url(../grfx/backgrounds/bg_illo.jpg) left top no-repeat;
}
body.contact {
	background: #000 url(../grfx/backgrounds/bg_contactrepeat.jpg) left top repeat-x;
}
.contact #container {
	height: 1250px; /* height of image */
	background: transparent url(../grfx/backgrounds/bg_contact.jpg) left top no-repeat;
}
/* main areas */

#nav {
	position: absolute;
	top: 98px;
	left: 169px;
	width: 100px;
}
#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#nav a {
	color: #fff;
}
#nav a:hover,
#nav a:active {
	color: #fff;
	background-color: #000;
}
a {
	color: #fff;
	text-decoration: none;
}
a:hover,
a:active {
	color: #000;
	background-color: #fff;
	text-decoration: none;
}
#home-button a { position:relative; float: left; width: 260px; height:94px; display:block; }
#home-button a:hover { background-color:transparent;}

#mt-button a { position:absolute; top: 404px; left: 200px; float: left; width: 50px; height:27px; display:block; }
#mt-button a:hover { background-color:transparent;}

#home-button span { visibility: hidden;}
#mt-button span { visibility: hidden;}

#content {
	position: absolute;
	top: 189px;
	left: 36px;
	width: 220px;
	height: 215px;
	overflow: hidden; /* change to 'auto' for scrollbars */
	font-size: 11px;
	background: transparent url(../grfx/backgrounds/bg_content.gif) left top repeat;
}

#image {
	position: absolute;
	top: 41px;
	left: 280px;
	width: 650px;
	height: 370px;
	border: 8px solid #fff;
}
#pagecontainer {
	position: relative;
	top:177px;
}
#nav-toggle {
	position: absolute;
	top:192px;
}
#pagination {
	position: absolute;
	top: 428px;
	left: 280px;
	width: 666px;
	color: #000;
	background-color: transparent;
}
.page-num {
	font-size:11px;
	float: left;
	width: 50px;	
	line-height: 23px;
}
.page-num span {
	color: #fff;
}
.page-nav {
	margin: 0px auto;
	font-size:11px;
	color: #fff;
	float: right;
	width: 49%;
	text-align: right;
	line-height: 23px;
}
.page-nav a {
	color: #fff;
}
.page-nav a:hover,
.page-nav a:active {
	color: #000;
	background-color: #fff;
}
.content-listing {
	position:relative;
	line-height:16px;
	top:-2px;
}
.content-listing .name{
	width:90px;
}
.content-listing .desc{
	width:110px;
}
.content-listing .num{
	width:20px;
}
h1 {
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: 19px;
}

h2 {
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: 19px;
}

p {
	margin: 0;
	padding: 0;
	color: #000;
	line-height: 16px;
}
.portfolio-menu {
	color:#000;
}