@charset "utf-8";
/* CSS Document */
#logo
{
	position:absolute;
	top:6%;
	left:9%;
	height:15%;
	width:21%;
}
#Navigation
{
	position:absolute;
	height:360px;
	width:18%;
	left:15%;
	top:21%;
	background-color:#333333;
	border-radius:6px;
	overflow:visible;
}
.navigation
{
	font:"Lucida Console", Monaco, monospace;
	font-size: 2em;
}
a{	
	text-decoration: none;
	color: #888;	
}
a:hover {
	color: #AAA;
}
#prjCase
{
	position:absolute;
	height:15%;
	width:12%;
	left:3%;
	top:33%;
	border-radius:12px;
	z-index:+1;
	overflow:visible;
	visibility:hidden;
}
#showcase
{
	position:absolute;
	height:69%;
	width:60%;
	left:30%;
	top:15%;
	background-color:#0F0F0F;
	border-radius:12px;
	overflow:hidden;
}
#imShow
{
	position:absolute;
	height:100%;
	width:100%;
	border-radius:12px;
}

.imShow
{
	position:absolute;
	height:100%;
	width:100%;
	border-radius:12px;
}


#showControls
{
	text-align: right;
	position: absolute;
	top: 84%;
	right: 10%;
	height: 100px;
	width: 500px;

}

.currentIndex
{
	font-color:blue;
}

#networks
{
	position:absolute;
	height:9%;
	width:100%;
	left:0;
	bottom:9%;
	/*background-color:#D7D7D7;*/
	border-radius:6px;
	alignment-adjust:middle;
}
.imStalks
{
	border-radius:3px;
}

/* footer */
#footer {
	clear: both;
	margin: 0; padding: 0;
	font: normal .95em/1.6em 'Trebuchet MS', Tahoma, Arial, sans-serif;
	text-align: left;	
	position:absolute;
	top:96%;
	width:99%;
	height:1%;
}

#footer h1, #footer p {	margin-left: 0; }

#footer-content {	
	border-top: 1px solid #EAEAEA;
	margin: 0 auto;
	padding-left: 15px;
}
#footer-content a {
	text-decoration: none;
	color: #888;	
}
#footer-content a:hover {
	text-decoration: underline;
	color: #333;
}
#footer-content ul {
	list-style: none;
	margin: 0; padding: 0;
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }