body 	{
		font-size:		small;
		font-family:	arial, verdana, helvetica, sans-serif;
		color:			#a1a1a1;
		background-image:	url(../audio/images/h_strip2.png);
		}
		
p 		{		
		font-size:			85%;
		font-weight:		reg;
		color:				#000000;
		}


#top_left {
	position:absolute;
	left:0px;
	top:0px;
	width:800px;
	height:600px;
	background-image:	url(../audio/images/scribbles3.png);
	background-repeat:	no-repeat;
	background-position:top-left;
}

#top_left2 {
	position:absolute;
	left:0px;
	top:0px;
	width:300px;
	height:379px;
	background-image:	url(../images/ink1.jpg);
	background-repeat:	no-repeat;
	background-position:top-left;
}

#Table_01 {
	position:absolute;
	left:36px;
	top:36px;
	width:700px;
	height:40px;
}

#main_image {
	position:absolute;
	left:36px;
	top:100px;
	width:700px;
	height:300px;
}

#image1 {
	position:absolute;
	left:400px;
	top:10px;
	width:400px;
	height:300px;
}

#image2 {
	position:absolute;
	left:200px;
	top:10px;
	width:400px;
	height:300px;
}

#image3 {
	position:absolute;
	left:200px;
	top:120px;
	width:400px;
	height:300px;
}

#image4 {
	position:absolute;
	left:0px;
	top:150px;
	width:700px;
	height:300px;
}

#flyers {
	position:absolute;
	left:36px;
	top:200px;
	width:800px;
	height:220px;
}


#content_text1 {
	position:absolute;
	left:0px;
	top:15px;
	width:250px;
	height:300px;
	margin:0px;
	padding:0px;
				}

#links_1	{
	position:absolute;
	left:636px;
	top:36px;
	width:150px;
	}
	
#links_rule	{
	position:absolute;
	left:636px;
	top:0px;
	}
	
#work_nav1	{
	position:absolute;
	left:36px;
	top:400px;
	width:600px;
	}

#work_nav2	{
	position:absolute;
	left:36px;
	top:420px;
	width:700px;
	}

#work_nav2a	{
	position:absolute;
	left:36px;
	top:170px;
	width:700px;
	}

#work_nav2b	{
	position:absolute;
	left:36px;
	top:420px;
	width:700px;
	}

#window_table1 {
	position:absolute;
	left:0px;
	top:0px;
	width:500px;
	height:150px;
	padding:	20px;
	background-color: #000;
}

#window_table2 {
	position:absolute;
	left:0px;
	top:0px;
	width:600px;
	height:600px;
	padding:	20px;
	background-color: #000;
}

#window_table3 {
	position:absolute;
	left:0px;
	top:0px;
	width:800px;
	height:650px;
	padding:	200px;
	background-color: #000;
}

#footer1	{
	position:absolute;
	left:36px;
	top:1120px;
	width:600px;
	}

	
.content_text1 {
		font-size:100%;
		line-height:130%;
		color:		#a1a1a1;
		margin:		0px;
		padding:	0px 0px 0px 8px;
		}

.content_text1a {
		font-size:100%;
		line-height:130%;
		color:		#000;
		margin:		0px;
		padding:	0px 0px 0px 8px;
		}

.content_text2 {
		font-size:90%;
		line-height:130%;
		color:		#000;
		margin:		0px;
		padding:	200px 0px 0px 8px;
		}

.links_text1 {
		font-size:85%;
		line-height:120%;
		color:		#000;
		margin:		0px;
		padding:	0px 0px 0px 0px;
		}

.main {
		position:absolute;
		left:0px;
		top:0px;
		margin:		0px;
		padding:	0px 0px 0px 190px;
		}

.controller {
		font-size:90%;
		line-height:110%;
		color:		#fff;
		margin:		0px;
		padding:	0px;
		}

.cr {
		font-size:80%;
		line-height:130%;
		color:		#a1a1a1;
		margin:		0px;
		padding:	0px;
		}

.rule1 {
		position:absolute;
		left:	0px;
		top:	90px;
		width:	1000px;
		height:	10px;
		margin:		0px;
		padding:	0px 0px 0px 0px;
		}

.rule2 {
		position:absolute;
		left:	0px;
		top:	490px;
		width:	1000px;
		height:	10px;
		margin:		0px;
		padding:	0px 0px 0px 0px;
		}

.rule3 {
		margin:			0px;
		padding:		0px;
		}

.work_nav_text1 {
		font-size:		100%;
		line-height:	150%;
		color:			#000;
		margin:			0px;
		padding:		0px 0px 0px 0px;
		}

.work_nav_text2 {
		font-size:		100%;
		line-height:	85%;
		color:			#a1a1a1;
		margin:			0px;
		padding:		0px 0px 0px 0px;
		}
		
.footer_text1 {
		font-size:	85%;
		line-height:110%;
		color:		#a1a1a1;
		margin:		0px;
		padding:	0px 0px 0px 0px;
		}

a.links1	{
	text-decoration:none;
	border:none;
	font-size:85%;
	font-weight:bold;
	line-height:120%;
	padding:		0px 0px 0px 10px;
	font:"arial, verdana, helvetica, sans-serif"
	}
	
a.links1:link     	{color:#a1a1a1}
a.links1:visited  	{color:#a1a1a1}
a.links1:active   	{color:black}
a.links1:hover    	{color:#000}

a.worknav {
	font-size:		250%;
	letter-spacing: -3px;
	text-decoration:none;
	border:none;
	line-height:85%;
	font:"arial, verdana, helvetica, sans-serif"
	}
a.worknav:link     	{color:#a1a1a1}
a.worknav:visited  	{color:#a1a1a1}
a.worknav:active   	{color:black}
a.worknav:hover    	{color:#000}

a.worknav2 {
	font-size:		700%;
	letter-spacing: -6px;
	text-decoration:none;
	border:none;
	line-height:85%;
	font:"arial, verdana, helvetica, sans-serif"
	}
a.worknav2:link     	{color:#a1a1a1}
a.worknav2:visited  	{color:#a1a1a1}
a.worknav2:active   	{color:black}
a.worknav2:hover    	{color:#000}

a.worknav3 {
	font-size:		100%;
	color:			#a1a1a1;
	text-decoration:none;
	border:none;
	line-height:85%;
	font:"arial, verdana, helvetica, sans-serif"
	}
a.worknav3:link     	{color:#a1a1a1}
a.worknav3:visited  	{color:#a1a1a1}
a.worknav3:active   	{color:black}
a.worknav3:hover    	{color:#000}

a.worknav4 {
	font-size:		100%;
	color:			#a1a1a1;
	text-decoration:none;
	border:none;
	line-height:150%;
	font:"arial, verdana, helvetica, sans-serif"
	}
a.worknav4:link     	{color:#a1a1a1}
a.worknav4:visited  	{color:#a1a1a1}
a.worknav4:active   	{color:black}
a.worknav4:hover    	{color:#fff}

a.content2 {text-decoration:none;border:none;line-height:130%;font:"arial, verdana, helvetica, sans-serif"}
a.content2:link     	{color:#a1a1a1}
a.content2:visited  	{color:#a1a1a1}
a.content2:active   	{color:black}
a.content2:hover    	{color:#000}

/* lightbox styles */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../sketchbook/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../sketchbook/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../sketchbook/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}