@charset "UTF-8";
/* CSS Document */
a:link { color: #330033; }
a:visited { color: gray; } 
a:hover { color: white; } 

body {
	background-color:#3e3e58;
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
}
#wrap {
	width:950px;
	margin:0 auto;
}
#header {
	position:relative;
}
#content {
	background-color:#a5a4cc;
	padding:70px 40px 30px;
}
#nav {
	height:35px;
}
#secNav {
	margin:-50px 0 20px -40px;
	padding-bottom:20px;
	font-size:11px;
	background:url(../images/arrow.gif) no-repeat top left;
	padding-left:50px;
}

#text {
	width:350px;
	float:right;
	margin-top:20px;
}
#text2 {
	width:500px;
	float:right;
	margin-top:20px;
}
#text3 {
	width:500px;
	float:left;
	margin-top:0px;
}
#sacky {
	position:absolute;
	top:10px;
	right:-30px;
}
#footer {
	font-size:10px;
	color: #a5a4cc;
	padding-top:5px;
}
.pic {
	float:left;
}
.clear {clear:both;}
h1 {
	color:#803d8a;
}
/* ----------------------------------
			nav
-----------------------------------*/
#nav ul {
	margin: 0;
	padding: 5px 0;
	white-space:normal;
	font-size:11px;
	height:20px;
}
#nav li {
	display: inline;
	list-style-type: none;
	float:left;
	padding:0;
	z-index:10;
}
#nav a { 
	padding:0;
	line-height:20px;
	display:block;
	float:left;
	width:60px;
}
#nav li a {text-indent:-9000px; background-color:transparent;}

#nav li#home a {width:65px;}
#nav li#home {background:url(../images/nav_home.gif) no-repeat left;}
#nav li#home a:hover,#nav li#home.on 
{background:url(../images/nav_home_over.gif) no-repeat left;}

#nav li#contact a {width:78px;}
#nav li#contact {background:url(../images/nav_contact.gif) no-repeat left;}
#nav li#contact a:hover,#nav li#contact.on 
{background:url(../images/nav_contact_over.gif) no-repeat left;}

#nav li#art a {width:49px;}
#nav li#art {background:url(../images/nav_art.gif) no-repeat left;}
#nav li#art a:hover,#nav li#art.on 
{background:url(../images/nav_art_over.gif) no-repeat left;}

#nav li#animation a {width:99px;}
#nav li#animation {background:url(../images/nav_animation.gif) no-repeat left;}
#nav li#animation a:hover,#nav li#animation.on 
{background:url(../images/nav_animation_over.gif) no-repeat left;}

#nav li#resume a {width:81px;}
#nav li#resume {background:url(../images/nav_resume.gif) no-repeat left;}
#nav li#resume a:hover,#nav li#resume.on 
{background:url(../images/nav_resume_over.gif) no-repeat left;}
/* ----------------------------------
			sec nav
-----------------------------------*/
#secNav ul {
	margin: 0;
	padding: 5px 0;
	white-space:normal;
	height:20px;
}
#secNav li {
	display: inline;
	list-style-type: none;
	float:left;
	padding:0 20px 0 0;
	z-index:10;
}
#secNav a {
	color:#3e3e58;
	text-decoration:none;
	font-weight:bold;
}
#secNav a:hover, #secNav a.on {color:#803d8a;}