body {
	font-family: Verdana, Sans-Serif;
	background: #57737c;
}

a {
	text-decoration: none;
}

/* frame */

#frame {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 960px;
	height: 660px;
	margin: -330px 0 0 -480px;
	background-image: url(bgd.jpg);
}

/* nav */

#nav {
	display: block;
	float: left;
	position: relative;
	width: 280px;
	height: 660px;
}

#title {
	display: block;
	float: left;	
	position: relative;
	width: 220px;
	height: 192px;
}

#title h1 {
	display: block;
	position: relative;
	width: 214px;
	height: 30px;
	margin: 60px 0 0 0;
	padding-right: 6px;
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 1.9em;
	text-align: right;
	letter-spacing: 1px;
	color: #9cb6bb;
}

#title h1 a {
	color: #9cb6bb;
}

#title h2 {
	display: block;
	position: relative;
	width: 214px;
	height: 30px;
	margin-top: 3px;
	padding-right: 6px;
	font-size: 0.8em;
	font-weight: normal;
	text-align: right;
	letter-spacing: 1px;
	color: #fff;
}

#menu {
	display: block;
	float: left;	
	position: relative;
	width: 220px;
	height: 468px;
}

#menu ul {
	display: block;
	width: 214px;
	height: 468px;
	padding-right: 6px;
	font-size: 0.8em;
	text-align: right;
	letter-spacing: 1px;
	color: #fff;
}

#menu ul li a {
	display: block;
	width: 214px;
	height: 25px;
	color: #546f73;
}

#menu ul li a:hover {
	color: #fff;
}

#selector {
	display: block;
	float: right;	
	position: relative;
	width: 60px;
	height: 660px;
}

#selector-fwd {
	display: block;
	float: right;
	position: relative;
	width: 30px;
	height: 660px;
	background-image: url(selector-fwd.png);
}

#selector-rev {
	display: block;
	float: left;
	position: relative;
	width: 30px;
	height: 660px;
}

/* canvas */

#canvas {
	display: block;
	float: right;
	position: relative;
	width: 680px;
	height: 660px;
}

#content {
	display: block;
	position: absolute;
	width: 340px;
	height: 340px;
	margin: 60px 0 0 30px;
}

#links {
	display: block;
	float: right;
	position: relative;
	width: 80px;
	height: 660px;
	border-left: solid 1px #4b5458;
}

#blog-link {
	display: block;
	width: 48px;
	height: 48px;
	margin: 335px 14px 0 16px;
}

#facebook-link {
	display: block;
	width: 47px;
	height: 47px;
	margin: 14px 14px 0 16px;
}

/* mask */

#mask {
	display: block;
	position: absolute;
	width: 960px;
	height: 200px;
	margin-top: 460px;
	background: #57737c; 
}

/* about me page */

#garth {
	display: block;
	width: 221px;
	height: 314px;
	margin: -284px 0 0 298px;
}

/* contact page */

#email {
	display: block;
	width: 175px;
	height: 24px;
	margin: -210px 0 0 135px;
}

/* work pages */

td#rev {
	display: block;
	float: left;
	width: 30px;
	height: 23px;
}

td#fwd {
	display: block;
	float: right;
	width: 30px;
	height: 23px;
}

tr#press {
	display: block;
	position: absolute;
	width: 60px;
	height: 23px;
	margin: -475px 0 0 -60px;
}

tr#web {
	display: block;
	position: absolute;
	width: 60px;
	height: 23px;
	margin: -450px 0 0 -60px;
}

tr#digital {
	display: block;
	position: absolute;
	width: 60px;
	height: 23px;
	margin: -425px 0 0 -60px;
}

tr#print {
	display: block;
	position: absolute;
	width: 60px;
	height: 23px;
	margin: -400px 0 0 -60px;
}

tr#corporate-id {
	display: block;
	position: absolute;
	width: 60px;
	height: 23px;
	margin: -375px 0 0 -60px;
}

tr#dm {
	display: block;
	position: absolute;
	width: 60px;
	height: 23px;
	margin: -350px 0 0 -60px;
}

tr#tv {
	display: block;
	position: absolute;
	width: 60px;
	height: 23px;
	margin: -325px 0 0 -60px;
}

tr#packaging {
	display: block;
	position: absolute;
	width: 60px;
	height: 23px;
	margin: -300px 0 0 -60px;
}

tr#pos {
	display: block;
	position: absolute;
	width: 60px;
	height: 23px;
	margin: -275px 0 0 -60px;
}

tr#other {
	display: block;
	position: absolute;
	width: 60px;
	height: 23px;
	margin: -250px 0 0 -60px;
}

/* stats */

.statcounter {
	display: none;
}