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

html, body {
	margin: 0;
	padding: 0;
	background: url(images/back.jpg) top left repeat-x #1f1f1f;}
	
#startingPic {
	margin: 0 auto;
	width: 100%;
	position: absolute;
	background: black;
	z-index: 2;
	height: 305px;
	text-align: center;}
	
	#startingPic:hover {
		cursor: pointer;}

.one, .two, .three, .four, .five, .six, .seven, .eight, .nine, .ten, .eleven, .twelve, .thirteen, .fourteen, .fifteen, .sixteen, .seventeen, .eighteen, .nineteen {
	margin-top: 25px;
	width: 800px;
	margin: 0 auto;
	padding: 15px;
	position: absolute;
	left: 50%;
	margin-left: -400px;
	z-index: 3;}
	
	#vTwo, #vThree, #vFour, #vFive, #vSix, #vSeven, #vEight, #vNine, #vTen, #vEleven, #vTwelve, #vThirteen, #vFourteen, #vFifteen, #vSixteen, #vSeventeen, #vEighteen, #vNineteen, #vTwenty {
		padding: 1px;}
		
		#vOne span, #vTwo span, #vThree span, #vFour span, #vFive span, #vSix span, #vSeven span, #vEight span, #vNine span, #vTen span, #vEleven span, #vTwelve span, #vThirteen span, #vFourteen span, #vFifteen span, #vSixteen span, #vSeventeen span, #vEighteen span, #vNineteen span, #vTwenty span {
		   display: none;
		   position: absolute;
		   background: url(images/loadinfo.gif) middle center no-repeat;
		   z-index: 5;
		   left: 50%;
		   top: 100px;
		   margin-left: -25%;}
		   
		  #vOne:hover span, #vTwo:hover span, #vThree:hover span, #vFour:hover span, #vFive:hover span, #vSix:hover span, #vSeven:hover span, #vEight:hover span, #vNine:hover span, #vTen:hover span, #vEleven:hover span, #vTwelve:hover span, #vThirteen:hover span, #vFourteen:hover span, #vFifteen:hover span, #vSixteen:hover span, #vSeventeen:hover span, #vEighteen:hover span, #vNineteen:hover span, #vTwenty:hover span {
		  	display: block;} 	
	
	#holder {
		height: 305px;
		border-top: 2px solid black;
		border-bottom: 2px solid black;}
		
#videosContainer, #printContainer, #webContainer {
	width: 95%;
	margin: 0 auto;
	padding: 15px;
	text-align: left;
	border-bottom: 1px dashed #666666;}
	
	#videosContainer img, #printContainer img, #webContainer img {
		margin-right: 5px;
		margin-top: 10px;
		height: 100px;
		border: 5px solid black;
		padding: 1px;
		background: url(images/loadinfo.gif) middle center no-repeat #666666;}
		
		#videosContainer img:hover, #printContainer img:hover, #webContainer img:hover {
			cursor: pointer;
			border: 5px solid #990000;}
		
	.port {
		float: right;
		text-align: left;
		width: 425px;}
		
		.portTitle {
			font-size: 25px;
			font-weight: bold;
			margin-bottom: 25px;}
			
	.portHeadLeft {
		font-size: 18px;
		font-weight: bold;
		text-transform: uppercase;}
		
	.enlarge {
		padding-left: 20px;
		height: 50px;
		margin-top: 5px;
		background: url(images/enlarge.gif) top left no-repeat;
		font-size: 10px;
		text-align: left;}
		
	.portLargeImage img {
		background: url(loadinfo.net.gif) top left no-repeat;
		border: 5px black;}
		
	.subLinks {
		font-size: 11px;
		font-weight: normal;
		text-transform: none;
		margin-left: 25px;
		margin-top: -10px;}
		
		.subLinks a {
			cursor: pointer;
			background: #520202;
			color: white;
			border: 1px solid #505050;
			padding: 5px;}
	
	
	.technologies {
		margin-top: 10px;
		font-style: italic;}