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


.hidden { display: none; }
.unhidden { display: block; }


body {
	background:#FFF;
	font-family:Arial,Helvetica,Geneva,Swiss,sans-serif;
	font-size:10px;
	letter-spacing:0.15em;
	line-height:18px;
	font-weight:lighter;
	line-height:250%;
	color:#333;
	
}




img {
	border:0px;}
.onwork {
	color:#CCFFCC;
}

.onnav {
	color:#CC9933;}

a:link {color: #666; text-decoration: none; border:0px; cursor:pointer;}     /* unvisited link */
a:visited {color:#666; text-decoration: none;  border:0px}  /* visited link */
a:hover {color:#CC9999; text-decoration: none;  border:0px; cursor:pointer;}  /* mouse over link */
a:active {color: #666; text-decoration: none;  border:0px}   /* selected link */

#largecontainer {
	margin-top:70px;
	width: 715px;
	height: 600px;
}


#container {
	margin-top:70px;
	width: 715px;
	
	
	position:relative;
	
	height: auto !important;
	height:100%;
	margin: 0 auto;
	min-height:100%;
	text-align: left;
	
	}
#mattwycoff
{
	position:relative;
	width:88px;
	height:46px;
	background-image:url(images/logo.jpg);
	background-repeat:none;
	margin-bottom: 50px;
	display:block;
	
}



#panel {
	float:left;
	width: 528px;
	height: 600px;
	margin: 0px;
	border: 0 none;
	display:block;
}


#panel2 {
	float:left;
	width: 528px;
	height: 500px;
	margin: 0px;
	border: 0 none;
	margin-left:75px;
}
	

ul#pikame{
	
	width:528px;
	margin:0px auto;
	display: block;
	float:right;
	margin-bottom:5px;}
	
.pika_main{
	width:528px;
	height:465px;
	margin:0px auto;
	float:right;}
	
#pikame li{
	margin:5px 0px 0px 5px;
	float: right;
	border:0px solid #222;
	display: block;}

/* thats all you NEED to edit. But continue if you'd like. */
ul#pikame li img{position:relative;cursor:pointer;}
.pika_main img{border:none;}
.pika_main{position: relative;}
.pikachoose li{float:left;position:relative;overflow:hidden;list-style:none;margin-left:0px;}



.pika_caption{
	font-size:9px;
	height: 62px;
	line-height: 14px;
	text-align:right;
	color:#999;
	letter-spacing:1px;
	word-spacing:-.5px;
	margin-top:6px;
	}

.pika_navigation a{color:#999; text-decoration: none; cursor:pointer;}
.pika_navigation a:hover{text-decoration: underline; cursor:pointer;}
.pika_navigation{clear:both;margin-left:0px;}




#footer {
	
	float: right;
	color: #999;
	letter-spacing: 1px;
	margin-right:5px;
	width:135px;
	
	font-size: 8px;
	text-align:right;
	margin-top:5px;
	}
	

#header img {
border: 0px;
}



#navigation {
	
		float: right;
	color:#666;
	width:135px;
	position:relative;
	height:400px;
	
	margin:0;
	right:10px;
	
	}
	
.smallnav{
		font-size:8px;
		line-height:16px;
		
	}
	
#about {
		clear:left;
		float:right;
		margin:16px;
		border:none;
	}
	
	
#scrollwindow{
		overflow:auto;
		width:518px;
		height:396px;
		color: #666;
		font-size:9px;
		line-height:16px;
		padding:5px;
		border:0px;
		
	}
	



h1 {
	font-weight:bold;
	font-size:12px;
	color: #666;
}

#textlinks {
	margin-top:50px;
	margin-bottom:100px;
	margin-left:50px;
	width:600px;
	font-size:11px;
	line-height:14px;
	border:none;
}



p {
	margin-top:20px;}
	
	
	
	
	
	
	
	
	
	
	/* for lightbox */
	
	.Writing
{
	text-align: left;
	font-size: 12px;
	letter-spacing:0.15em;
	position:relative;
	line-height: 195%;
	font-weight:lighter;
	color:#d99999;
	top:75px;
	
}
.Writing h3
{
	line-height: 100%;
}
.Writing a
{
	
	
}

.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(overlay2.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:620px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

}
#logo
{
	float:left;
}
/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(close.png);
	position:absolute; 
	right:10px; 
	top:0px;
	cursor:pointer;
	height:35px;
	width:35px;
}
.apple_overlay h1 
{
	font-size: 18px;
	font-weight:lighter;
	color:#666;
	letter-spacing:.05em;
	position:absolute;
	top:33px;
	left:43px;
}
.apple_overlay h2
{
	font-size: 1.2em;
	font-weight: lighter;
	color: #555555;
	letter-spacing:.22em;
	position:absolute;
	top: 60px;
	left: 50px;
	line-height:14px;
}
.apple_overlay h3
{
	font-size: 1.2em;
	letter-spacing:0.12em;
	color: #7f7f7f;
	line-height: 155%;
	position:absolute;
	width:530px;
	top:102px;
	left:50px;
	font-weight: lighter;
}
.apple_overlay h4
{
	position:absolute;
	top: 453px;
	font-size: 1.2em;
	color: #979797;
	letter-spacing: 0.11em;
	left:333px;
	font-weight:bold;
	
}

.apple_overlay .icon
{
	background-image: url(../media/DocIcon.png);
	height: 16px;
	width: 16px;
	position: absolute;
	
	right: -26px;
}
.apple_overlay img
{
	border:0;
	padding:0 0 18px;
	position:relative;
	top:-6px;
	left:1px;
}

.apple_overlay a:link {color:#CC9999; text-decoration: none; border:0px}     /* unvisited link */
.apple_overlay a:visited {color:#CC9999; text-decoration: none;  border:0px}  /* visited link */
.apple_overlay a:hover {color:#000000; text-decoration: bold;  border:0px}   /* mouse over link */
.apple_overlay a:active {color:#CC9999; text-decoration: none;  border:0px}   /* selected link */