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

body {
	background-color: #e8e8e8;
	margin-left: 25px;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	}

p {
	margin-top: 14px;
	}

#copy {
	width: 684px;
	margin-top: 16px;
	z-index: 30;
	margin-bottom:24px;
	}

#footer {
	margin-top:48px;
	margin-bottom:24px;
	padding-bottom:24px;
	height:24px
	}
	
#footer_absolute {
	position:absolute;
	left: 253px;
	top: 1149px;
	padding-bottom:24px;
	z-index: 15;
			}

#gray_1row {
	width:220px;
	height:89px;
	position: absolute;
	left:725px;
	top:505px;
	background-color:#d9d9d9;
	z-index:1;
	}


#headline {
	width: 684px;
	margin-top:6px;
	height: 50px;
	}
	
			#about_headline {
				width: 684px;
				margin-top:22px;
				}
				
			#home_headline_2 {
				width: 200px;
				position: absolute;
				top: 463px;
				left: 25px;
				z-index:25;
				}

iframe {
	width: 684px;
	height: 337px;
	z-index: 50;
	border: none;
	overflow: hidden;
	overflow-x:hidden;
	overflow-y:hidden;
	}
	
#reel_img {
	width: 684px;
	height: 337px;
	position:absolute;
	left: 261px;
	top: 155px;
	z-index: 50;
	overflow: hidden;
	border: none;
	}

#logo {
	width: 152px;
	height: 27px;
	position: absolute;
	left: 25px;
	top: 46px;
	background-image:url(images/logo.png);
	background-repeat:no-repeat;
	z-index: 100;
	}

#logo_full {
	width: 152px;
	height: 27px;
	position: absolute;
	left: 25px;
	top: 50px;
	background-image:url(images/logo.png);
	background-repeat:no-repeat;
	z-index: 100;
	}

#logo_alt {
	width: 152px;
	height: 27px;
	position: absolute;
	left: 25px;
	top: 50px;
	background-image:url(images/logo.png);
	background-repeat:no-repeat;
	z-index: 100;
	}
	
		#black {
			width: 105px;
			height: 35px;
			top: 46px;
			left:0;
			position: absolute;
			background-color:#000000;
			z-index:1;
			}

#main_img {
	width: 684px;
	position:absolute;
	left: 253px;
	top: 101px;
	z-index: 50;
	padding-bottom:24px;
	}

#nav {
	width: 130px;
	height: 120px;
	position: absolute;
	left: 25px;
	top: 96px;
	z-index: 99;
	}
		
		#second_nav {
			width: 130px;
			height: 120px;
			position: absolute;
			left: 373px;
			top: 29px;
			z-index:98;
			}
			
		#more_project_nav {
			width: 214px;
			height: 30px;
			position: absolute;
			left: 723px;
			top: 548px;
			z-index: 40;
			background-color:#dbdbdb;
			}

		#project_nav_previous {
	width: 265px;
	height: 18px;
	position: absolute;
	top: 58px;
	left: 253px;
	z-index: 49;
					}
			
		#project_nav_next {
			width: 250px;
			height: 18px;
			position: absolute;
			top: 58px;
			left: 687px;
			z-index: 49;
			text-align:right;
					}	
				
		

#pop_title {
	width: 220px;
	position: absolute;
	left: 33px;
	top: 33px;
	}
	
		#pop_mov {
			width: 400px;
			height: 316px;
			position: absolute;
			left:304px;
			top: 33px;
			}
			
		#pop_credits {
			width: 252px;
			height: 300px;
			position: absolute;
			left: 33px;
			top: 233px;
			}
			
#thumb_link {
	line-height: 17px;
	margin-bottom:9px;
	margin-top:2px;
	}
			
#thumb1 {
	width:95px;
	height:79px;
	position:relative;
	left:0;
	top:0;
	z-index:100;
	}
	
#thumb2 {
	width:95px;
	height:79px;
	position:relative;
	margin-left:117;
	float:right;
	top:0;
	z-index:100;
	}
		
#thumb3 {
	width:95px;
	height:79px;
	float:left;
	margin-top:12px;
	z-index:100;
	}
			
#thumb4 {
	width:95px;
	height:79px;
	float:right;
	margin-top:12px;
	z-index:100;
	}
		
		
#work {
	margin-bottom:10px;
	z-index: 60;
	}

		#work2 {
			width:222px;
			height:156px;
			position:absolute;
			left: 484px;
			top: 139px;
			z-index: 61;
			}

		#work3 {
			width:222px;
			height:156px;
			position:absolute;
			left: 715px;
			top: 139px;
			z-index: 62;
			}

		#work4 {
			width:222px;
			height:156px;
			position:absolute;
			left: 253px;
			top: 305px;
			z-index: 63;
			}
			
		#work5 {
			width:222px;
			height:156px;
			position:absolute;
			left: 484px;
			top: 305px;
			z-index: 64;
			}

		#work6 {
			width:222px;
			height:156px;
			position:absolute;
			left: 715px;
			top: 305px;
			z-index: 65;
			}
			
		#work7 {
			width:222px;
			height:156px;
			position:absolute;
			left: 253px;
			top: 471px;
			z-index: 66;
			}
			
		#work8 {
			width:222px;
			height:156px;
			position:absolute;
			left: 484px;
			top: 471px;
			z-index: 67;
			}

		#work9 {
			width:222px;
			height:156px;
			position:absolute;
			left: 715px;
			top: 471px;
			z-index: 68;
			}
			
			
					#work11 {
						width:222px;
						height:156px;
						position:absolute;
						left: 253px;
						top: 637px;
						z-index: 60;
						}
			
					#work12 {
						width:222px;
						height:156px;
						position:absolute;
						left: 484px;
						top: 637px;
						z-index: 61;
						}
			
					#work13 {
						width:222px;
						height:156px;
						position:absolute;
						left: 715px;
						top: 637px;
						z-index: 62;
						}
			
					#work14 {
						width:222px;
						height:156px;
						position:absolute;
						left: 253px;
						top: 803px;
						z-index: 63;
						}
						
					#work15 {
						width:222px;
						height:156px;
						position:absolute;
						left: 484px;
						top: 803px;
						z-index: 64;
						}
			
					#work16 {
						width:222px;
						height:156px;
						position:absolute;
						left: 715px;
						top: 803px;
						z-index: 65;
						}
						
					#work17 {
						width:222px;
						height:156px;
						position:absolute;
						left: 253px;
						top: 969px;
						z-index: 66;
						}
						
					#work18 {
						width:222px;
						height:156px;
						position:absolute;
						left: 484px;
						top: 969px;
						z-index: 67;
						}
			
					#work19 {
						width:222px;
						height:156px;
						position:absolute;
						left: 715px;
						top: 969px;
						z-index: 68;
						}

			
			
	
.copy {
	font-size: 11px;
	font-family:Verdana, sans-serif;
	color: #444444;
	line-height: 15px;
	letter-spacing: 0.00em;
	}
		
		.copy a:link {
			color: #777777;
			text-decoration:none;
			}
			
		.copy a:visited {
			color: #777777;
			text-decoration:none;
			}
			
		.copy a:hover {
			color: #259bd9;
			text-decoration:none;
			}
			
		.copy a:active {
			color: #259bd9;
			text-decoration:none;
			}	

.copyhead {
	font-size:12px;
	}

.footer {
	font-size: 10px;
	font-family:Verdana, sans-serif;
	color: #888;
	letter-spacing: 0.05em;
	}
	
		.footer a:link {
			color: #888;
			text-decoration:none;
			}
			
		.footer a:visited {
			color: #888;
			text-decoration:none;
			}
			
		.footer a:hover {
			color: #de8cb4;
			text-decoration:none;
			}
			
		.footer a:active {
			color: #de8cb4;
			text-decoration:none;
			}

.hidden {
	visibility:hidden;
	display:none;
	}

.nav {
	font-size: 11px;
	font-family: Verdana, sans-serif;
	color:#259bd9;
	line-height:20px;
	letter-spacing: 0.04em;
	}
		
		.nav a:link {
			color: #444444;
			text-decoration:none;
			}
			
		.nav a:visited {
			color: #444444;
			text-decoration:none;
			}
			
		.nav a:hover {
			color: #259bd9;
			text-decoration:none;
			}
			
		.nav a:active {
			color: #259bd9;
			text-decoration:none;
			}


				.navtop {
					font-size: 11px;
					font-family: Verdana, sans-serif;
					color:#259bd9;
					line-height:20px;
					letter-spacing: 0.04em;
					}
		
				.navtop a:link {
					color: #259bd9;
					text-decoration:none;
					}
					
				.navtop a:visited {
					color: #259bd9;
					text-decoration:none;
					}
					
				.navtop a:hover {
					color: #444444;
					text-decoration:none;
					}
					
				.navtop a:active {
					color: #444444;
					text-decoration:none;
					}


.right {
	color:#777777;
	font-size: 11px;
	font-family: Verdana, sans-serif;
	line-height: 18px;
	letter-spacing: 0.02em;
	}

.small {
	font-size:9px;
	font-style:italic;
	}