html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	font-weight:400;
	margin:0;
	padding:0
}

body {
	line-height:1;
	font:bold 16px/1.4em helvetica,"Lucida Grande",Arial,sans-serif;
	color:#262323;
	background-color:#FFF;
	width:100%;
	height:100%;
	position:relative;
	overflow-y:scroll
}

ol,ul {
	list-style:none
}

blockquote,q {
	quotes:none
}

blockquote:before,blockquote:after,q:before,q:after {
	content:none
}

:focus {
	outline:0
}

ins {
	text-decoration:none
}

del {
	text-decoration:line-through
}

table {
	border-collapse:collapse;
	border-spacing:0
}

.grid_1 {
	width:60px
}

.grid_2 {
	width:140px
}

.grid_3 {
	width:220px
}

.grid_4 {
	width:300px
}

.grid_5 {
	width:380px
}

.grid_6 {
	width:460px
}

.grid_7 {
	width:540px
}

.grid_8 {
	width:620px
}

.grid_9 {
	width:700px
}

.grid_10 {
	width:780px
}

.grid_11 {
	width:860px
}

.grid_12 {
	width:940px
}

.column {
	overflow:hidden;
	float:left;
	display:inline;
	margin:0 10px 10px
}

.row {
	width:960px;
	margin:0 auto
}

.row .row {
	width:auto;
	display:inline-block;
	margin:0 -10px
}

#masthead {
	position:relative;
	font:11px/18px 'andale mono',monaco,monospace;
	letter-spacing:1px;
	text-transform:uppercase
}

#masthead #info {
	margin-bottom:15px
}

#menu {
	float:right;
	position:absolute;
	top:18px;
	right:10px
}

.paddingtop60px {
	margin-top:60px
}

.intro {
	
	font:34px/44px Georgia,Times,serif;
	letter-spacing:0.8px;
	padding-top:20px;
	margin-bottom:25px;
	color: olive;
}

.sectiontitle {
	font:94px/1.2em Georgia,Times,serif;
	margin-bottom:25px;
	text-transform:none;
	letter-spacing:1px;
	position:relative
}

.box {
	display:block;
	width:100%;
	float:left;
	position:relative;
	margin:0;
	padding:0
}

.active {
	color:#262323
}

.project {
	height:100%;
	width:100%;
	position:relative
}

.pics {
	cursor:e-resize;
	position:relative;
	overflow:hidden;
	display:block;
	height:100%
}

.description {
	width:940px;
	height:100%;
	margin-top:10px;
	margin-bottom:25px
}

.description p {
	font:24px/34px Georgia,Times,serif
}

.info {
	float:right
}

.imagecount {
	font:normal 11px/18px 'andale mono',monaco,monospace;
	letter-spacing:1px;
	text-transform:uppercase
}

.title {
	font:11px/18px 'andale mono',monaco,monospace;
	letter-spacing:1px;
	text-transform:uppercase;
	border-top:1px solid #262323;
	padding-top:10px;
	cursor:pointer;
	z-index:100;
	position:relative
}

.title:hover {
	color:olive;
	border-top:1px solid olive
}

a,a:visited {
	text-decoration:none;
	color:#262323;
	border-bottom:1px solid #262323
}

a:hover {
	text-decoration:none;
	color:olive;
	border-bottom:1px solid olive
}

a img,a img:hover,#front .picturelink {
	border:none;
	text-decoration:none
}

#accessibility {
	position:absolute;
	top:-10000px
}

.togglefullscreen {
	font:11px/18px 'andale mono',monaco,monospace;
	letter-spacing:1px;
	text-transform:uppercase;
	float:right;
	cursor:pointer;
	color:olive
}

.fixed {
	position:fixed;
	top:20px;
	right:10px;
	background:olive;
	color:#FFF;
	z-index:3000;
	padding:5px 8px
}

.fullscreen {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	display:block;
	background:grey
}

@media only screen and (max-width: 480px),only screen and (max-device-width: 480px) {
#menu {
	position:relative;
	float:left;
	font-size:30px;
	right:auto;
	top:auto;
	margin-left:10px;
	margin-bottom:20px;
	margin-top:20px
}

#masthead {
	font:normal 20px/28px Georgia,Times,serif;
	position:relative;
	text-transform:none
}

.title {
	font:20px/30px 'andale mono',monaco,monospace;
	letter-spacing:1px;
	text-transform:uppercase;
	border-top:1px solid #262323;
	padding-top:10px;
	cursor:pointer
}

.intro {
	font:normal 20px/26px Georgia,Times,serif;
	letter-spacing:1px
}
}