/*-------------------------------------------------------------------------
	L A Y O U T  C S S
---------------------------------------------------------------------------	*/

#wrapper {
	margin:20px 0 0 20px;
	width:990px;
}

h1 {
	background:transparent url(../images/jason.thielke.logo.png) no-repeat top left;
	width:150px;
	height:19px;
	text-indent:-9999px;
	overflow:hidden;
    float:left;
}

h1:hover { background:transparent url(../images/jason.thielke.logo.png) no-repeat top right; }

h1 a { display:block; height:19px; }

/* Secondary Content */

#secondaryContent {
	width:150px;
	position:fixed;
	top:0;
	left:0;
	margin:20px 0 0 20px;
}

#nav {
	margin-top:20px;
	text-align:right;
	font-size:14px;
	line-height:16px;
}

#nav li { margin-bottom:2px; }

#subNav {
	margin-top:20px;
	text-align:right;
	font-size:11px;
	line-height:12px;
}

#subNav li { margin-bottom:6px; }
#subNav li a { color:#FFF; background-color:#00AEEF; padding:2px 4px; }
#subNav li a:hover { color:#FFF; background-color:#666; padding:2px 4px; }

/* Primary Content */

#primaryContent {
	width:820px;
	float:left;
	margin-left:170px;
}

.artContent { margin-bottom:20px; }

.artContent .piece {
	width:820px;
	background:url(../images/art.bkgd.png) no-repeat top left;
	margin-bottom:10px;
}

.btnArrowUp a, .btnArrowDown a { display:block; height:16px; }

.btnArrowUp {
	background:transparent url(../images/arrow.up.png) no-repeat top left;
	width:16px;
	height:16px;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
}
	.btnArrowUp:hover { background:transparent url(../images/arrow.up.png) no-repeat top right; }
	
.btnArrowDown {
	background:transparent url(../images/arrow.down.png) no-repeat top left;
	width:16px;
	height:16px;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
	margin-left:5px;
}
	.btnArrowDown:hover { background:transparent url(../images/arrow.down.png) no-repeat top right; }

#work {
	margin-bottom:1000px;
}

.container {
	margin-bottom:1000px;
	font-size:14px;
	line-height:18px;
}

.container a { color:#E30079; }
.container a:hover { color:#999; }

#copyright {
	font-size:9px;
	position:fixed;
	bottom:0;
	left:0;
	margin-left:20px;
}

.spacer { height:18px; }