@charset "utf-8";
/* CSS stylesheet for timeslice */



@font-face {
	font-family: 'klavika';
	src: url('font/Klavika-Regular.eot');
	src: local('font/Klavika'), local('font/Klavika-Regular'), url('font/Klavika-Regular.woff') format('woff'), url('font/Klavika-Regular.ttf') format('truetype');

}


@font-face {
	font-family: 'klavika_bold';
	src: url('font/Klavika-Bold.eot');
	src: local('font/KlavikaBold'), local('font/Klavika-Bold'), url('font/Klavika-Bold.woff') format('woff'), url('font/Klavika-Bold.ttf') format('truetype');

}



body 
{
	background-color: #0A0A0A;
	/*font: Arial, Helvetica, sans-serif; */
	
	font-family: Klavika;
	font-size: 18px;
	color: #FFF;
	font-weight: normal;
	
	
}

a
{
	text-decoration: none;
	color: #FFF;
	background-position: center;
}



#backgroundImage
{
	position:absolute;
	z-index: 0;
	left: 25px;
	top: 17px;
}

#portfolioImage
{
	border:solid thin;
	border-color:#999;
	z-index: 1;
	left: 0%;
	position:relative;

}


#pageContent
{
	position:absolute;
	left: 20%;
	top: 360px;
	
}



#pImage1_fulltt1
{
	position:inherit;
	left: 250px;
	top: 0px;
	
}
#pImage1_fulltt2
{
	position:inherit;
	left: 30px;
	top: 0px;
}
#pImage1_full
{
	position:inherit;
	left: 0px;
	top: 0px;

}

#pImage1_top
{
	position:inherit;
	left: 0px;
	top: 0px;
}

#pImage1_bottom
{
	position:inherit;
	left:0px;
	top: 160px;
}


#pImage2_full
{
	position:inherit;
	left: 205px;
	top: 0px;

}

#pImage2_top
{
	position:inherit;
	left: 205px;
	top: 0px;
}

#pImage2_bottom
{
	position:inherit;
	left: 205px;
	top: 160px;
}



#pImage3_full
{
	position:inherit;
	left: 410px;
	top: 0px;

}

#pImage3_top
{
	position:inherit;
	left: 410px;
	top: 0px;
}

#pImage3_bottom
{
	position:inherit;
	left: 410px;
	top: 160px;
}

#pImage4_full
{
	position:inherit;
	left: 615px;
	top: 0px;
}

#pImage4_top
{
	position:inherit;
	left: 615px;
	top:0px;
}

#pImage4_bottom
{
	position:inherit;
	left: 615px;
	top: 160px;
}


#logo
{
	position:absolute;
	left: 392px;
	bottom: 350px;
}


#cornerGraphics
{
	position:absolute;
	left: 46px;
	top: 25px;
	z-index: 2;
	
}
#cornerGraphics1
{
	position:absolute;
	left: 15px;
	bottom: 65px;
	z-index: 2;
	
}

#clockTrail1
{
	position:absolute;
	left:165px;
	bottom:200px;
	z-index: 2;
	height: 267px;
}
#clockTrail
{
	position:absolute;
	left:132px;
	top: 185px;
	z-index: 2;
	height: 267px;
}


#videoLinkBox
{
	position:absolute;
	bottom:10px;
	z-index: 1;
	

}


#textBox
{
	position:absolute;
	left: 25%;
	top:280px;
	font-family: klavika;
	font-size: 16px;
	background-color:#666;
	border:solid thin;
	border-color:#999;
	width: 700px;
	height: 325px;
	z-index: 1;
	/* for IE */
	filter:alpha(opacity=80);
	/* CSS3 standard */
	opacity:0.8;
	
}


#textBoxLabel
{
	background-color:#FFF;
	color:#666;
	font: bold;
	text-align:right;
	
	font-family: klavika_bold;
	
	position:absolute;
	width: 120px;
	bottom: 85%;
}

#textBoxData
{
	position:absolute;
	margin-left: 100px;
	width: 539px;
	height: 298px;
	left: 41px;
	top: 21px;
}



#linkBoxHighlight
{
	position:absolute;
	left: -5px;
}

#linkBox
{
	position:absolute;
	left: 402px;
	top: 81px;
	margin-top:10px;
		
}

#porfolioLinks
{
	position:absolute;
	left: 562px;
	top: 81px;
	width: 575px;
	margin-top:10px;
}

#boxedText
{
	outline-color:#FFF;
	outline:solid;
	outline-width:thin;
	
}


#constructionText
{
	position:relative;
	left: 200px;
	top: 10px;
}


/* Scroll Bar Master Styling Starts Here */
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}
.vscrollerbar {width: 36px;background: #CCC;}
.vscrollerbase {width: 15px;background: #333;}
.vscrollerbar {padding: 0px;z-index: 2;}

/* Scroll Bar Master Styling Ends Here */