@charset "utf-8";
/* copyright craig clark / graphic designer */
/* colors, purple = #6a0b69, grey = #e6e6e6, light purple = #a657a5*/

body {
	background-color: #e6e6e6;
}

h3 {
	color: #6a0b69;
	font-size: 11px;
	text-transform: uppercase;
	line-height: 3px;
}
h4 {
	color: #a657a5;
	text-transform: lowercase;
	font-size: 8.5px;
	font-style: italic;
	line-height: 8px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
}

h1 {
	color: #6a0b69;
	font-size: 17px;
	font-style: normal;
	font-family:Arial, Helvetica, sans-serif;
}
h5 {
	color: #6a0b69;
	font-size: 11px;
	line-height: 2px;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	padding: 6px 0 10px 16px;
	margin: 0 0 0 0px;
}

h5 a {
	color: #6a0b69;
	font-style: normal;
	text-decoration: none;
}

h5 a:hover {
	color: #fff;
	font-style:italic;
	background: #6a0b69;
}
h5 a:active {
	background: #a657a5;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color:#333;
}

#container {
	margin-left: auto;
	margin-right: auto;
	margin-top:0px;
	width: 782px;
	height: 1200px;
	position: relative;
}
h6 {
	color: #6a0b69;
	font-size: 11px;
	text-transform: uppercase;
	line-height: -6px;
}

/*---------Navigation--------*/

#nav_background {
	z-index:0;
	width: 192px;
	height: 1220px;
	background:url(images/nav_background.gif) repeat-y;
	text-indent:-9999px;
	position: absolute;
	left: 0px;
	top: -20px;
}

#about_navheader {
	z-index:1;
	width: 138px;
	height: 15px;
	background:url(images/about.gif);
	text-indent:-9999px;
	position: absolute;
	left: 0px;
	top: 48px;


}
#about_nav {
	z-index:3;
	margin: 0 0 0 0;
	padding: 0;
	width: 192px;
	height: 300px;
	position: absolute;
	left: 0px;
	top: 56px;

}

#about_nav ul {
	padding: 0 0 0 0;
}

#about_nav ul li {
	list-style:none;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 0 0 17px; 
	display: block;
	list-style-type:none;
	margin: 0;
	font-size: 10px;
	line-height: 20px;
	border-bottom: 1px dotted #e6e6e6;
}

#about_nav ul li a {
	color: #444;
	text-decoration: none;
}

#about_nav ul li a:hover {
	color: #fff;
	font-style:italic;
	background: #6a0b69;
}
#about_nav ul li a:active {
	background: #a657a5;
}

/*-----selected works-----*/

#works_navheader {
	z-index:2;
	width: 138px;
	height: 16px;
	background:url(images/works.gif);
	text-indent:-9999px;
	position: absolute;
	left: 0px;
	top: 156px;
}
#works_nav {
	z-index:3;
	margin: 0 0 0 0;
	padding: 0;
	width: 192px;
	height: 400px;
	position: absolute;
	left: 0px;
	top: 164px;
}

#works_nav ul {
	padding: 0 0 0 0;
}

#works_nav ul li {
	list-style:none;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 0 0 17px; 
	display: block;
	list-style-type:none;
	margin: 0;
	font-size: 10px;
	line-height: 20px;
	border-bottom: 1px dotted #e6e6e6;
}

#works_nav ul li a {
	color: #444;
	text-decoration: none;
}

#works_nav ul li a:hover {
	color: #fff;
	font-style:italic;
	background: #6a0b69;
}
#works_nav ul li a:active {
	background: #a657a5;
}

/*-----misc-----*/

#misc_navheader {
	z-index:2;
	width: 138px;
	height: 16px;
	background:url(images/misc.gif);
	text-indent:-9999px;
	position: absolute;
	left: 0px;
	top: 537px;
}
#misc_nav {
	z-index:3;
	margin: 0 0 0 0;
	padding: 0;
	width: 192px;
	height: 250px;
	position: absolute;
	left: 0px;
	top: 545px;
}

#misc_nav ul {
	padding: 0 0 0 0;
}

#misc_nav ul li {
	list-style:none;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 0 0 17px; 
	display: block;
	list-style-type:none;
	margin: 0;
	font-size: 10px;
	line-height: 20px;
	border-bottom: 1px dotted #e6e6e6;
}

#misc_nav ul li a {
	color: #444;
	text-decoration: none;
}

#misc_nav ul li a:hover {
	color: #fff;
	font-style:italic;
	background: #6a0b69;
}
#misc_nav ul li a:active {
	background: #a657a5;
}

/*---------Header--------*/

#header {
	margin: 0 0 0 0;
	z-index:0;
	padding: 0;
	width: 584px;
	height: 1200px;
	background-color: white;
	position: absolute;
	right:0px;
	top:-7px;
	font-size:11px;
}
	
/*---------Connect--------*/
#connect {
	padding: 0 0 0 0;
	color: white;
	width: 165px;
	height: 881px;
	position: absolute;
	right:0px;
	top:281px;
	border-left: 1px dotted #6a0b69;
	line-height:15px;
}

/*---------News--------*/

#news_header{
	background:url(images/profile_header.gif);
	z-index:4;
	background-color:6a0b69;
	height: 32px;
	width: 402px;
	text-indent: -9999px;
	position:absolute;
	top: 281px;
	left:198px;
}

#resume_header{
	background:url(images/resume_header.gif);
	z-index:4;
	background-color:6a0b69;
	height: 32px;
	width: 402px;
	text-indent: -9999px;
	position:absolute;
	top: 281px;
	left:198px;
}
#recognition_header{
	background:url(images/recognition_header.gif);
	z-index:4;
	background-color:6a0b69;
	height: 32px;
	width: 402px;
	text-indent: -9999px;
	position:absolute;
	top: 281px;
	left:198px;
}

#news {
	width: 380px;
	height: 500px;
	position: absolute;
	right:188px;
	top:327px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 0 0 0; 
	font-size: 11px;
	line-height: 17px;
}

#news a {
	color: #6a0b69;
	text-decoration: none;
}

#news a:hover {
	color: #fff;
	font-style:italic;
	background: #6a0b69;
}
#news a:active {
	background: #a657a5;
}
	
/*---------Footer--------*/
#footer {
	margin: 0 0 0 0;
	color: white;
	width: 571px;
	height: 16px;
	background-color: #6a0b69;
	position: absolute;
	right:0px;
	bottom:0px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px 0 0 13px; 
	font-size: 9px;
}

#footer a {
	color:white;
	text-decoration: none;
}
	
#footer a:hover {
	color:white;
	background-color: #a657a5;
	font-style: italic;
}
#footer a:active {
	color:#a657a5;	
	background-color: #6a0b69;
}

/*--------SLIDER ANIMATION-------*/

.slider-wrap						{ width: 552px; height: 400px; position: absolute; top: 54px; right: 16px;  }
.stripViewer .panelContainer 			
.panel ul									{ text-align: left; margin: 0 0 0 0; }
.stripViewer								{ position: relative; overflow: hidden; width: 552px; height: 400px;   }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 552px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: none; margin-right: 0; }
#movers-row									{ margin: 6px 26px 0 -29px; }
#movers-row div								{ width: 16.5%; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.cross-link									{ display: block; width: 63px; margin-top: -14px; 
											  position: relative; padding-top: 15px; z-index: 9999; }


#sliver {
	z-index:3;
	width: 13px;
	height: 37px;
	background: url(images/sliver.gif);
	position: absolute;
	top:461px;
	right:16px;
	text-indent:-9999px;
}

/*------Descriptin of works-------*/

#desc {
	position: absolute;
	top: 510px;
	right: 16px;
	width: 552px;
}
#desc1 {
	position: absolute;
	top: 370px;
	right: 16px;
	width: 552px;
}

#desc2 {
	position: absolute;
	top: 434px;
	right: 16px;
	width: 552px;
}
#desc a {
	color: #6a0b69;
	text-decoration: none;
}

#desc a:hover {
	color: #fff;
	font-style:italic;
	background: #6a0b69;
}
#desc a:active {
	background: #a657a5;
}
#desc1 a {
	color: #6a0b69;
	text-decoration: none;
}

#desc1 a:hover {
	color: #fff;
	font-style:italic;
	background: #6a0b69;
}
#desc1 a:active {
	background: #a657a5;
}
#desc2 a {
	color: #6a0b69;
	text-decoration: none;
}

#desc2 a:hover {
	color: #fff;
	font-style:italic;
	background: #6a0b69;
}
#desc2 a:active {
	background: #a657a5;
}