@charset "UTF-8";
/* CSS Document */

body {
	background:url(img/bg_swirls.png);
	background-color:#333333;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFFFFF;
	font-size:14px;
	background-image: url();
}

a {color:#FFFFFF; text-decoration:none;}
a:hover {color: #F6B9C4; text-decoration: none;}

.headings { font-family:Georgia, "Times New Roman", Times, serif; color:#FFFFFF; font-size:16px; 
}
.subheadings { font-family:Georgia, "Times New Roman", Times, serif; color:#FFFFFF; font-size:14px; 
}

#all {
	position: relative;
	height:600px;
}

#banner {
	background-image:url(img/jhbanner03.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

#contact{
	background-color:#000000;
	text-align:right;
	z-index:1;
}

#links {
	background-color:#000000;
}

#artwork {
	background-color:#000000;
	z-index:1;	
}

#sublink1 {
	height:auto;
	visibility:;
	z-index:2;
	width:170px;
	position:relative;
	top:-87px;
	left:-10px;
}

#design {
	background-color:#000000;
	z-index:1;
}

#sublink2 {
	height:auto;
	visibility:;
	z-index:2;
	width:170px;
	position:relative;
	top:-86px;
	left:-10px;
}

#animation {
	background-color:#000000;
	z-index:1;
}

#sublink3 {
	height:auto;
	visibility:;
	z-index:2;
	width:170px;
	position:relative;
	top:-85px;
	left:-10px;
}

#writing {
	background-color:#000000;
	z-index:1;
}

#sublink4 {
	height:auto;
	visibility:;
	z-index:2;
	width:170px;
	position:relative;
	top:-84px;
	left:-10px;
}

#fun {
	background-color:#000000;
	z-index:1;
}

#sublink5 {
	height:auto;
	visibility:;
	z-index:2;
	width:170px;
	position:relative;
	top:-83px;
	left:-10px;
}

#about {
	z-index:1;
}

#sublink6 {
	height:auto;
	visibility:;
	z-index:2;
	width:170px;
	position:relative;
	top:-82px;
	left:-10px;
}
	
#myContent {
	height:300;
	width:650;
	overflow:auto;
}

#copy {
	
}

#twitter_div {
	width:180px;
	overflow:auto;
}


body,td,th {
	color: #FFFFFF;
}