@charset "utf-8";

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body {
	margin: 0;
	font-size: 13px;
	line-height: 20px;
	background-color: #F5F5F5;
	padding-bottom: 10px;
}

body, button, input, select, textarea {
	font-family: sans-serif;
	color: #330099;
}

hr {
	border-style: dotted;
	border-color: #CCC8AF;
}

h2 { 
   position: absolute; 
   left: 0; 
   width: 100%; 
   font-weight: lighter;
   font-size: 13px;
}

table { width: 60%; border-spacing: 0 10px; margin: auto;}
td { vertical-align: top; }
td.right { text-align: right; width: 100px; padding-right: 20px; }
tr.space { height: 30px;}

a { color: #330099; text-decoration: none;  }

a:hover {
	color: #996600;
}
a:focus { outline: none; }
a:hover, a:active {
	outline: none;
}


.clearfix:before, .clearfix:after { content: ""; display: inline; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.gridContainer {
	margin: 0 auto;
	padding: 0 1.6304%;
}

ul {
	text-align:center;
	list-style-type: none;
	line-height: 30px;
}

li {
	display: inline;
	margin: 0px 40px 0px 0px;
	width: 200px;
}

#nav {	
	position: absolute;
	width: inherit;
	height: auto;
	z-index: 100;
}

#subnav {
	opacity: 0.7;}

iframe { padding: 15px; }

#maintext {
	position: absolute;
	top: 182px;
	height: 70%;
	overflow: auto;
	margin: 0px auto 10px auto;
	width: inherit;
	z-index: -100;
}

#cv { text-align: left;}

#maintext img {
	padding: 10px;
	width: inherit;
	max-width: 600px;
}

.mid { text-align: center; }

.title { margin: auto; }

.text {
	text-align: left;
	width: 90%;
	max-width: 600px;
	margin: auto;
}

.righti {
	text-align: right;
	font-style: italic;
}

#statement {
	width: 50%; 
	margin: auto;
	text-align: left;
}

span.mid { text-align: center; }

#works img:hover {
	opacity:1; 
	outline: none;
}

.tiles { 
   position: relative; 
   display: inline;
   vertical-align: top;
}

.tiles img {
   width: 200px;
   height: 200px;
   opacity:0.6; 
}

.subtext {
	top: -15px;
	font-size: 10px;
	color: #AAA;
	margin-bottom: 30px;