/* CocOCocOCocOCocOCocOCocOCocOCocOCocOCocOCocOCocOCocOCocOCocOCocO
 
	
	
	CocoFoto CSS v2.0a
	if you're actually reading this, go outside; seriously.
	
	Designed by Michelle Yang
	Coded by Ross Hattori
	For Connie Aramaki
	
	
	
	CocOCocOCocOCocOCocOCocOCocOCocOCocOCocOCocOCocOCocOCocOCocOCocO */
	
/* General Basics ------------------------------------------------- */

* { font-variant: normal; border-style: none; border-width: 0; padding: 0px; margin: 0px; }
		
	body, html {
		padding: 0px;
		margin: 0px;
		background-color: #000;
		font-family: Helvetica, Arial, Verdana, sans-serif;
		}
	
	body { 
		font-size: 62.5%; /* -- Sets 1em to equal 10px ---------------------------------*/
		text-align: center;
		}
		
	.hidden {
		display: none;
		}
		
	.loading {
		background: url(site_images/ajax-loader.gif) no-repeat center center;
		}
		
	.error {
		background: url(site_images/error.gif) no-repeat center center;
		}
	/* Pretty Stuff --------------------------------------------------- */

	#container {
		height: 768px;
		width: 1024px;
		position: relative;
		margin: 5px auto;
		text-align: left;
		}
	
	#copyright {
		color: #696662;
		font-size: 1em;
		width: auto;
		height: auto;
		text-align:right;
		position: absolute;
		bottom: 5px;
		right: 5px;
		}
	
	/* Navagation Bar -------------------------------------------------- */
	/* see http://www.alistapart.com/articles/sprites2 for explanation-- */
	
#topnav {
	width: 1024px;
	height: 134px;
	}
	
	#logo_button {
		width: 337px;
		height: 134px;
		float: left;
		background-image: url(site_images/nav_button.jpg);
		}
	
	.nav {
    	width: 356px;
    	height: 134px;
    	background: url(site_images/nav_sprite.gif) no-repeat;
    	position: absolute;
    	top: 0px;
    	left: 337px;
		list-style: none;
		}
		
		.nav li {
			display:block;
			}
	
		.nav li a:link, .nav li a:visited {
		    position: absolute;
		    top: 0;
		    height: 134px;
		    text-indent: -9000px;
		    overflow: hidden;
		    list-style: none;
			}
			
			    .nav .home a:link, .nav .home a:visited {
			        left: 0px;
			        width: 75px;
			    	}
			    	
				.nav .home a:hover, .nav .home a:focus {
			        background: url(site_images/nav_sprite.gif) no-repeat 0px -134px;
				    }
				    
			    .nav .home a:active {
			        background: url(site_images/nav_sprite.gif) no-repeat 1px -135px;
			    	}
			    	
			    .current-home .home a:link, .current-home .home a:visited {
					background: url(site_images/nav_sprite.gif) no-repeat 0px -269px;
					cursor: default;
					}
										
			    .nav .portfolio a:link, .nav .portfolio a:visited {
			        left: 75px;
			        width: 104px;
			    	}
			    	
				.nav .portfolio a:hover, .nav .portfolio a:focus {
			        background: url(site_images/nav_sprite.gif) no-repeat -75px -134px;
				    }
				    
			    .nav .portfolio a:active {
			        background: url(site_images/nav_sprite.gif) no-repeat -74px -135px;
			    	}
			    	
			    .current-portfolio .portfolio a:link, .current-portfolio .portfolio a:visited {
					background: url(site_images/nav_sprite.gif) no-repeat -75px -269px;
					cursor:default;
					}
					
			    .nav .video a:link, .nav .video a:visited {
			        left: 179px;
			        width: 85px;
			    	}
			    	
				.nav .video a:hover, .nav .video a:focus {
			        background: url(site_images/nav_sprite.gif) no-repeat -179px -134px;
				    }
				    
			    .nav .video a:active {
			        background: url(site_images/nav_sprite.gif) no-repeat -178px -135px;
			    	}
			    	
			    .current-video .video a:link, .current-video .video a:visited {
					background: url(site_images/nav_sprite.gif) no-repeat  -179px -269px;
					cursor:default;
					}
					
				.nav .contact a:hover, .nav .contact a:focus {
			        background: url(site_images/nav_sprite.gif) no-repeat -264px -134px;
				    }
				    
			    .nav .contact a:active {
			        background: url(site_images/nav_sprite.gif) no-repeat -263px -135px;
			    	}
			    	
			    .current-contact .contact a:link, .current-contact .contact a:visited {
					background: url(site_images/nav_sprite.gif) no-repeat -264px -269px;
					cursor:default;
					}
					
				.nav .contact a:link, .nav .contact a:visited {
			        left: 264px;
			        width: 92px;
			    	}

						
	#nav_music {
	width: 331px;
	height: 134px;
	background-image: url(site_images/nav_end.gif);
	float: right;
	}
	
#main {
	height: 621px;
	width: 1009px;
	float:left;
	position:relative;
	padding: 14px 0px 0px 15px;
	}
	
	.home_bk {
		background: url(site_images/bk_home.jpg) no-repeat;
		}
	
	.travel_bk {
		background: url(site_images/bk_travel.png) no-repeat;
		}
		
	.commercial_bk {
		background: url(site_images/bk_commercial.jpg) no-repeat;
		}

/* Home Page --------------------------------------------------- */

	.home-loaders {
		height: 594px;
		width: 1009px;
		display: block;
		list-style: none;
		position: relative;
		overflow: hidden;
		}
		
		.home-loaders a span{
			text-indent: -9000px;
			overflow: hidden;
			height: 0px;
			display: block;
			}
			
		li.live {
			width: 298px;
			height: 109px;
			position: inherit;
			top: 0px;
			left: 0px;
			}

		li.work {
			width: 452px;
			height: 109px;
			position: absolute;
			top: 0px;
			left: 298px;
			}
		
		li.travel_load {
			width: 331px;
			height: 511px;
			position: absolute;
			top: 109px;
			left: 0px;
			}
		
		li.commercial_load {
			width: 678px;
			height: 511px;
			position: absolute;
			top: 109px;
			left: 331px;
			}



/* Portfolio Pages --------------------------------------------------- */
	
	.thumbs {
		height:561px;
		width:226px;
		position: inherit;
		float: inherit;
		}
		
		.thumb-nav {
			width: 140px;
			position: inherit;
			top: 5px;
			left: 20px;
			margin-bottom: 9px;
			}
			
			#thumb-up, #thumb-down {
				height: 14px;
				display: block;
				text-indent: -9000px;
				overflow: hidden;
				}
				
				#thumb-up {
					background: url(site_images/thumb_scroll_up.gif) #fff no-repeat center center;
					}
				
				#thumb-down {
					background: url(site_images/thumb_scroll_down.gif) #fff no-repeat center center;
					}
					
			#slide_logo {
				height: 34px;
				background: url(site_images/thumb_icons.gif) no-repeat;
				}	
			
			.thumb-nav li {
				height: 66px;
				width: 66px;
				display: block;
				margin: 0 0 8px 0;
				background: url(site_images/thumb_shadow.png) no-repeat -1px -1px;
				}
				
			.thumb-nav li a {
				height: 60px;
				width: 60px;
				display: block;
				}
			
			.thumb-nav li a:link, .thumb-nav li a:visited {
				text-indent: -9000px;
				}
				
				.thumb-nav {
					height: 361px;
					overflow: hidden;
					position: relative;
					}
					
					.panel .thumb_col1 {
						left: 0px;
						float: left;
						margin-right: 30px;
						}
					
					.panel .thumb_col2 {
						left: 74px;
						position: relative;
						}
						
					.travel .travel01 a:link, .travel .travel01 a:visited {
						background: url(site_images/sprite_travel1.jpg) no-repeat 0px 0px;
						}
						
					.travel .travel01 a:hover, .travel .travel01 a:focus {
						background: url(site_images/sprite_travel1.jpg) no-repeat 0px -60px;
						}
					
					.travel .travel01 a:active {
						background: url(site_images/sprite_travel1.jpg) no-repeat 1px -119px;
						}
						
					.current-travel01 ul .travel01 a:link, .current-travel01 ul .travel01 a:visited {
						background: url(site_images/sprite_travel1.jpg) no-repeat 0px -120px;
						cursor: default;
						}
						
					.travel .travel02 a:link, .travel .travel02 a:visited {
						background: url(site_images/sprite_travel1.jpg) no-repeat -60px 0px;
						}
						
					.travel .travel02 a:hover, .travel .travel02 a:focus {
						background: url(site_images/sprite_travel1.jpg) no-repeat -60px -60px;
						}
					
					.travel .travel02 a:active {
						background: url(site_images/sprite_travel1.jpg) no-repeat -59px -119px;
						}
						
					.current-travel02 .travel02 a:link, .current-travel02 .travel02 a:visited {
						background: url(site_images/sprite_travel1.jpg) no-repeat -60px -120px;
						cursor: default;
						}
						
					.travel .travel03 a:link, .travel .travel03 a:visited {
						background: url(site_images/sprite_travel1.jpg) no-repeat -120px 0px;
						}
						
					.travel .travel03 a:hover, .travel .travel03 a:focus {
						background: url(site_images/sprite_travel1.jpg) no-repeat -120px -60px;
						}
					
					.travel .travel03 a:active {
						background: url(site_images/sprite_travel1.jpg) no-repeat -119px -119px;
						}
						
					.current-travel03 .travel03 a:link, .current-travel03 .travel03 a:visited {
						background: url(site_images/sprite_travel1.jpg) no-repeat -120px -120px;
						cursor: default;
						}
						
					.travel .travel04 a:link, .travel .travel04 a:visited {
						background: url(site_images/sprite_travel1.jpg) no-repeat -180px 0px;
						}
						
					.travel .travel04 a:hover, .travel .travel04 a:focus {
						background: url(site_images/sprite_travel1.jpg) no-repeat -180px -60px;
						}
					
					.travel .travel04 a:active {
						background: url(site_images/sprite_travel1.jpg) no-repeat -179px -119px;
						}
						
					.current-travel04 .travel04 a:link, .current-travel04 .travel04 a:visited {
						background: url(site_images/sprite_travel1.jpg) no-repeat -180px -120px;
						cursor: default;
						}
						
					.travel .travel05 a:link, .travel .travel05 a:visited {
						background: url(site_images/sprite_travel1.jpg) no-repeat -240px 0px;
						}
						
					.travel .travel05 a:hover, .travel .travel05 a:focus {
						background: url(site_images/sprite_travel1.jpg) no-repeat -240px -60px;
						}
					
					.travel .travel05 a:active {
						background: url(site_images/sprite_travel1.jpg) no-repeat -239px -119px;
						}
						
					.current-travel05 .travel05 a:link, .current-travel05 .travel05 a:visited {
						background: url(site_images/sprite_travel1.jpg) no-repeat -240px -120px;
						}
						
					.travel .travel06 a:link, .travel .travel06 a:visited {
						background: url(site_images/sprite_travel1.jpg) no-repeat -300px 0px;
						}
						
					.travel .travel06 a:hover, .travel .travel06 a:focus {
						background: url(site_images/sprite_travel1.jpg) no-repeat -300px -60px;
						}
					
					.travel .travel06 a:active {
						background: url(site_images/sprite_travel1.jpg) no-repeat -299px -119px;
						}
						
					.current-travel06 .travel06 a:link, .current-travel06 .travel06 a:visited {
						background: url(site_images/sprite_travel1.jpg) no-repeat -300px -120px;
						}
						
					.travel .travel07 a:link, .travel .travel07 a:visited {
						background: url(site_images/sprite_travel1.jpg) no-repeat -360px 0px;
						}
						
					.travel .travel07 a:hover, .travel .travel07 a:focus {
						background: url(site_images/sprite_travel1.jpg) no-repeat -360px -60px;
						}
					
					.travel .travel07 a:active {
						background: url(site_images/sprite_travel1.jpg) no-repeat -359px -119px;
						}
						
					.current-travel07 .travel07 a:link, .current-travel07 .travel07 a:visited {
						background: url(site_images/sprite_travel1.jpg) no-repeat -360px -120px;
						}
						
					.travel .travel08 a:link, .travel .travel08 a:visited {
						background: url(site_images/sprite_travel1.jpg) no-repeat -420px 0px;
						}
						
					.travel .travel08 a:hover, .travel .travel08 a:focus {
						background: url(site_images/sprite_travel1.jpg) no-repeat -420px -60px;
						}
					
					.travel .travel08 a:active {
						background: url(site_images/sprite_travel1.jpg) no-repeat -419px -119px;
						}
						
					.current-travel08 .travel08 a:link, .current-travel08 .travel08 a:visited {
						background: url(site_images/sprite_travel1.jpg) no-repeat -420px -120px;
						}
						
					.travel .travel09 a:link, .travel .travel09 a:visited {
						background: url(site_images/sprite_travel1.jpg) no-repeat -480px 0px;
						}
						
					.travel .travel09 a:hover, .travel .travel09 a:focus {
						background: url(site_images/sprite_travel1.jpg) no-repeat -480px -60px;
						}
					
					.travel .travel09 a:active {
						background: url(site_images/sprite_travel1.jpg) no-repeat -479px -119px;
						}
						
					.current-travel09 .travel09 a:link, .current-travel09 .travel09 a:visited {
						background: url(site_images/sprite_travel1.jpg) no-repeat -480px -120px;
						}
												
					.travel .travel10 a:link, .travel .travel10 a:visited {
						background: url(site_images/sprite_travel1.jpg) no-repeat -540px 0px;
						}
						
					.travel .travel10 a:hover, .travel .travel10 a:focus {
						background: url(site_images/sprite_travel1.jpg) no-repeat -540px -60px;
						}
					
					.travel .travel10 a:active {
						background: url(site_images/sprite_travel1.jpg) no-repeat -539px -119px;
						}
						
					.current-travel10 .travel10 a:link, .current-travel10 .travel10 a:visited {
						background: url(site_images/sprite_travel1.jpg) no-repeat -540px -120px;
						}
						
					.travel .travel11 a:link, .travel .travel11 a:visited {
						background: url(site_images/sprite_travel2.jpg) no-repeat 0px 0px;
						}
						
					.travel .travel11 a:hover, .travel .travel11 a:focus {
						background: url(site_images/sprite_travel2.jpg) no-repeat 0px -60px;
						}
					
					.travel .travel11 a:active {
						background: url(site_images/sprite_travel2.jpg) no-repeat 1px -119px;
						}
						
					.current-travel11 .travel11 a:link, .current-travel11 .travel11 a:visited {
						background: url(site_images/sprite_travel2.jpg) no-repeat 0px -120px;
						}
						
					.travel .travel12 a:link, .travel .travel12 a:visited {
						background: url(site_images/sprite_travel2.jpg) no-repeat -60px 0px;
						}
						
					.travel .travel12 a:hover, .travel .travel12 a:focus {
						background: url(site_images/sprite_travel2.jpg) no-repeat -60px -60px;
						}
					
					.travel .travel12 a:active {
						background: url(site_images/sprite_travel2.jpg) no-repeat -59px -119px;
						}
						
					.current-travel12 .travel12 a:link, .current-travel12 .travel12 a:visited {
						background: url(site_images/sprite_travel2.jpg) no-repeat -60px -120px;
						}
						
					.travel .travel13 a:link, .travel .travel13 a:visited {
						background: url(site_images/sprite_travel2.jpg) no-repeat -120px 0px;
						}
						
					.travel .travel13 a:hover, .travel .travel13 a:focus {
						background: url(site_images/sprite_travel2.jpg) no-repeat -120px -60px;
						}
					
					.travel .travel13 a:active {
						background: url(site_images/sprite_travel2.jpg) no-repeat -119px -119px;
						}
						
					.current-travel13 .travel13 a:link, .current-travel13 .travel13 a:visited {
						background: url(site_images/sprite_travel2.jpg) no-repeat -120px -120px;
						}
						
					.travel .travel14 a:link, .travel .travel14 a:visited {
						background: url(site_images/sprite_travel2.jpg) no-repeat -180px 0px;
						}
						
					.travel .travel14 a:hover, .travel .travel14 a:focus {
						background: url(site_images/sprite_travel2.jpg) no-repeat -180px -60px;
						}
					
					.travel .travel14 a:active {
						background: url(site_images/sprite_travel2.jpg) no-repeat -179px -119px;
						}
						
					.current-travel14 .travel14 a:link, .current-travel14 .travel14 a:visited {
						background: url(site_images/sprite_travel2.jpg) no-repeat -180px -120px;
						}
						
					.travel .travel15 a:link, .travel .travel15 a:visited {
						background: url(site_images/sprite_travel2.jpg) no-repeat -240px 0px;
						}
						
					.travel .travel15 a:hover, .travel .travel15 a:focus {
						background: url(site_images/sprite_travel2.jpg) no-repeat -240px -60px;
						}
					
					.travel .travel15 a:active {
						background: url(site_images/sprite_travel2.jpg) no-repeat -239px -119px;
						}
						
					.current-travel15 .travel15 a:link, .current-travel15 .travel15 a:visited {
						background: url(site_images/sprite_travel2.jpg) no-repeat -240px -120px;
						}
						
					.travel .travel16 a:link, .travel .travel16 a:visited {
						background: url(site_images/sprite_travel2.jpg) no-repeat -300px 0px;
						}
						
					.travel .travel16 a:hover, .travel .travel16 a:focus {
						background: url(site_images/sprite_travel2.jpg) no-repeat -300px -60px;
						}
					
					.travel .travel16 a:active {
						background: url(site_images/sprite_travel2.jpg) no-repeat -299px -119px;
						}
						
					.current-travel16 .travel16 a:link, .current-travel16 .travel16 a:visited {
						background: url(site_images/sprite_travel2.jpg) no-repeat -300px -120px;
						}
						
					.travel .travel17 a:link, .travel .travel17 a:visited {
						background: url(site_images/sprite_travel2.jpg) no-repeat -360px 0px;
						}
						
					.travel .travel17 a:hover, .travel .travel17 a:focus {
						background: url(site_images/sprite_travel2.jpg) no-repeat -360px -60px;
						}
					
					.travel .travel17 a:active {
						background: url(site_images/sprite_travel2.jpg) no-repeat -359px -119px;
						}
						
					.current-travel17 .travel17 a:link, .current-travel17 .travel17 a:visited {
						background: url(site_images/sprite_travel2.jpg) no-repeat -360px -120px;
						}
						
					.travel .travel18 a:link, .travel .travel18 a:visited {
						background: url(site_images/sprite_travel2.jpg) no-repeat -420px 0px;
						}
						
					.travel .travel18 a:hover, .travel .travel18 a:focus {
						background: url(site_images/sprite_travel2.jpg) no-repeat -420px -60px;
						}
					
					.travel .travel18 a:active {
						background: url(site_images/sprite_travel2.jpg) no-repeat -419px -119px;
						}
						
					.current-travel18 .travel18 a:link, .current-travel18 .travel18 a:visited {
						background: url(site_images/sprite_travel2.jpg) no-repeat -420px -120px;
						}
						
					.travel .travel19 a:link, .travel .travel19 a:visited {
						background: url(site_images/sprite_travel2.jpg) no-repeat -480px 0px;
						}
						
					.travel .travel19 a:hover, .travel .travel19 a:focus {
						background: url(site_images/sprite_travel2.jpg) no-repeat -480px -60px;
						}
					
					.travel .travel19 a:active {
						background: url(site_images/sprite_travel2.jpg) no-repeat -479px -119px;
						}
						
					.current-travel19 .travel19 a:link, .current-travel19 .travel19 a:visited {
						background: url(site_images/sprite_travel2.jpg) no-repeat -480px -120px;
						}
						
					.travel .travel20 a:link, .travel .travel20 a:visited {
						background: url(site_images/sprite_travel2.jpg) no-repeat -540px 0px;
						}
						
					.travel .travel20 a:hover, .travel .travel20 a:focus {
						background: url(site_images/sprite_travel2.jpg) no-repeat -540px -60px;
						}
					
					.travel .travel20 a:active {
						background: url(site_images/sprite_travel2.jpg) no-repeat -539px -119px;
						}
						
					.current-travel20 .travel20 a:link, .current-travel20 .travel20 a:visited {
						background: url(site_images/sprite_travel2.jpg) no-repeat -540px -120px;
						}
						
					.commercial .commercial01 a:link, .commercial .commercial01 a:visited {
						background: url(site_images/sprite_commercial1.jpg) no-repeat 0px 0px;
						}
						
					.commercial .commercial01 a:hover, .commercial .commercial01 a:focus {
						background: url(site_images/sprite_commercial1.jpg) no-repeat 0px -60px;
						}
					
					.commercial .commercial01 a:active {
						background: url(site_images/sprite_commercial1.jpg) no-repeat 1px -119px;
						}
						
					.current-commercial01 ul .commercial01 a:link, .current-commercial01 ul .commercial01 a:visited {
						background: url(site_images/sprite_commercial1.jpg) no-repeat 0px -120px;
						cursor: default;
						}
						
					.commercial .commercial02 a:link, .commercial .commercial02 a:visited {
						background: url(site_images/sprite_commercial1.jpg) no-repeat -60px 0px;
						}
						
					.commercial .commercial02 a:hover, .commercial .commercial02 a:focus {
						background: url(site_images/sprite_commercial1.jpg) no-repeat -60px -60px;
						}
					
					.commercial .commercial02 a:active {
						background: url(site_images/sprite_commercial1.jpg) no-repeat -59px -119px;
						}
						
					.current-commercial02 .commercial02 a:link, .current-commercial02 .commercial02 a:visited {
						background: url(site_images/sprite_commercial1.jpg) no-repeat -60px -120px;
						cursor: default;
						}
						
					.commercial .commercial03 a:link, .commercial .commercial03 a:visited {
						background: url(site_images/sprite_commercial1.jpg) no-repeat -120px 0px;
						}
						
					.commercial .commercial03 a:hover, .commercial .commercial03 a:focus {
						background: url(site_images/sprite_commercial1.jpg) no-repeat -120px -60px;
						}
					
					.commercial .commercial03 a:active {
						background: url(site_images/sprite_commercial1.jpg) no-repeat -119px -119px;
						}
						
					.current-commercial03 .commercial03 a:link, .current-commercial03 .commercial03 a:visited {
						background: url(site_images/sprite_commercial1.jpg) no-repeat -120px -120px;
						cursor: default;
						}
						
					.commercial .commercial04 a:link, .commercial .commercial04 a:visited {
						background: url(site_images/sprite_commercial1.jpg) no-repeat -180px 0px;
						}
						
					.commercial .commercial04 a:hover, .commercial .commercial04 a:focus {
						background: url(site_images/sprite_commercial1.jpg) no-repeat -180px -60px;
						}
					
					.commercial .commercial04 a:active {
						background: url(site_images/sprite_commercial1.jpg) no-repeat -179px -119px;
						}
						
					.current-commercial04 .commercial04 a:link, .current-commercial04 .commercial04 a:visited {
						background: url(site_images/sprite_commercial1.jpg) no-repeat -180px -120px;
						cursor: default;
						}
						
					.commercial .commercial05 a:link, .commercial .commercial05 a:visited {
						background: url(site_images/sprite_commercial1.jpg) no-repeat -240px 0px;
						}
						
					.commercial .commercial05 a:hover, .commercial .commercial05 a:focus {
						background: url(site_images/sprite_commercial1.jpg) no-repeat -240px -60px;
						}
					
					.commercial .commercial05 a:active {
						background: url(site_images/sprite_commercial1.jpg) no-repeat -239px -119px;
						}
						
					.current-commercial05 .commercial05 a:link, .current-commercial05 .commercial05 a:visited {
						background: url(site_images/sprite_commercial1.jpg) no-repeat -240px -120px;
						}
						
					.commercial .commercial06 a:link, .commercial .commercial06 a:visited {
						background: url(site_images/sprite_commercial1.jpg) no-repeat -300px 0px;
						}
						
					.commercial .commercial06 a:hover, .commercial .commercial06 a:focus {
						background: url(site_images/sprite_commercial1.jpg) no-repeat -300px -60px;
						}
					
					.commercial .commercial06 a:active {
						background: url(site_images/sprite_commercial1.jpg) no-repeat -299px -119px;
						}
						
					.current-commercial06 .commercial06 a:link, .current-commercial06 .commercial06 a:visited {
						background: url(site_images/sprite_commercial1.jpg) no-repeat -300px -120px;
						}
						
					.commercial .commercial07 a:link, .commercial .commercial07 a:visited {
						background: url(site_images/sprite_commercial1.jpg) no-repeat -360px 0px;
						}
						
					.commercial .commercial07 a:hover, .commercial .commercial07 a:focus {
						background: url(site_images/sprite_commercial1.jpg) no-repeat -360px -60px;
						}
					
					.commercial .commercial07 a:active {
						background: url(site_images/sprite_commercial1.jpg) no-repeat -359px -119px;
						}
						
					.current-commercial07 .commercial07 a:link, .current-commercial07 .commercial07 a:visited {
						background: url(site_images/sprite_commercial1.jpg) no-repeat -360px -120px;
						}
						
					.commercial .commercial08 a:link, .commercial .commercial08 a:visited {
						background: url(site_images/sprite_commercial1.jpg) no-repeat -420px 0px;
						}
						
					.commercial .commercial08 a:hover, .commercial .commercial08 a:focus {
						background: url(site_images/sprite_commercial1.jpg) no-repeat -420px -60px;
						}
					
					.commercial .commercial08 a:active {
						background: url(site_images/sprite_commercial1.jpg) no-repeat -419px -119px;
						}
						
					.current-commercial08 .commercial08 a:link, .current-commercial08 .commercial08 a:visited {
						background: url(site_images/sprite_commercial1.jpg) no-repeat -420px -120px;
						}
						
					.commercial .commercial09 a:link, .commercial .commercial09 a:visited {
						background: url(site_images/sprite_commercial1.jpg) no-repeat -480px 0px;
						}
						
					.commercial .commercial09 a:hover, .commercial .commercial09 a:focus {
						background: url(site_images/sprite_commercial1.jpg) no-repeat -480px -60px;
						}
					
					.commercial .commercial09 a:active {
						background: url(site_images/sprite_commercial1.jpg) no-repeat -479px -119px;
						}
						
					.current-commercial09 .commercial09 a:link, .current-commercial09 .commercial09 a:visited {
						background: url(site_images/sprite_commercial1.jpg) no-repeat -480px -120px;
						}
												
					.commercial .commercial10 a:link, .commercial .commercial10 a:visited {
						background: url(site_images/sprite_commercial1.jpg) no-repeat -540px 0px;
						}
						
					.commercial .commercial10 a:hover, .commercial .commercial10 a:focus {
						background: url(site_images/sprite_commercial1.jpg) no-repeat -540px -60px;
						}
					
					.commercial .commercial10 a:active {
						background: url(site_images/sprite_commercial1.jpg) no-repeat -539px -119px;
						}
						
					.current-commercial10 .commercial10 a:link, .current-commercial10 .commercial10 a:visited {
						background: url(site_images/sprite_commercial1.jpg) no-repeat -540px -120px;
						}
						
					.commercial .commercial11 a:link, .commercial .commercial11 a:visited {
						background: url(site_images/sprite_commercial2.jpg) no-repeat 0px 0px;
						}
						
					.commercial .commercial11 a:hover, .commercial .commercial11 a:focus {
						background: url(site_images/sprite_commercial2.jpg) no-repeat 0px -60px;
						}
					
					.commercial .commercial11 a:active {
						background: url(site_images/sprite_commercial2.jpg) no-repeat 1px -119px;
						}
						
					.current-commercial11 .commercial11 a:link, .current-commercial11 .commercial11 a:visited {
						background: url(site_images/sprite_commercial2.jpg) no-repeat 0px -120px;
						}
						
					.commercial .commercial12 a:link, .commercial .commercial12 a:visited {
						background: url(site_images/sprite_commercial2.jpg) no-repeat -60px 0px;
						}
						
					.commercial .commercial12 a:hover, .commercial .commercial12 a:focus {
						background: url(site_images/sprite_commercial2.jpg) no-repeat -60px -60px;
						}
					
					.commercial .commercial12 a:active {
						background: url(site_images/sprite_commercial2.jpg) no-repeat -59px -119px;
						}
						
					.current-commercial12 .commercial12 a:link, .current-commercial12 .commercial12 a:visited {
						background: url(site_images/sprite_commercial2.jpg) no-repeat -60px -120px;
						}
						
					.commercial .commercial13 a:link, .commercial .commercial13 a:visited {
						background: url(site_images/sprite_commercial2.jpg) no-repeat -120px 0px;
						}
						
					.commercial .commercial13 a:hover, .commercial .commercial13 a:focus {
						background: url(site_images/sprite_commercial2.jpg) no-repeat -120px -60px;
						}
					
					.commercial .commercial13 a:active {
						background: url(site_images/sprite_commercial2.jpg) no-repeat -119px -119px;
						}
						
					.current-commercial13 .commercial13 a:link, .current-commercial13 .commercial13 a:visited {
						background: url(site_images/sprite_commercial2.jpg) no-repeat -120px -120px;
						}
						
					.commercial .commercial14 a:link, .commercial .commercial14 a:visited {
						background: url(site_images/sprite_commercial2.jpg) no-repeat -180px 0px;
						}
						
					.commercial .commercial14 a:hover, .commercial .commercial14 a:focus {
						background: url(site_images/sprite_commercial2.jpg) no-repeat -180px -60px;
						}
					
					.commercial .commercial14 a:active {
						background: url(site_images/sprite_commercial2.jpg) no-repeat -179px -119px;
						}
						
					.current-commercial14 .commercial14 a:link, .current-commercial14 .commercial14 a:visited {
						background: url(site_images/sprite_commercial2.jpg) no-repeat -180px -120px;
						}
						
					.commercial .commercial15 a:link, .commercial .commercial15 a:visited {
						background: url(site_images/sprite_commercial2.jpg) no-repeat -240px 0px;
						}
						
					.commercial .commercial15 a:hover, .commercial .commercial15 a:focus {
						background: url(site_images/sprite_commercial2.jpg) no-repeat -240px -60px;
						}
					
					.commercial .commercial15 a:active {
						background: url(site_images/sprite_commercial2.jpg) no-repeat -239px -119px;
						}
						
					.current-commercial15 .commercial15 a:link, .current-commercial15 .commercial15 a:visited {
						background: url(site_images/sprite_commercial2.jpg) no-repeat -240px -120px;
						}
						
					.commercial .commercial16 a:link, .commercial .commercial16 a:visited {
						background: url(site_images/sprite_commercial2.jpg) no-repeat -300px 0px;
						}
						
					.commercial .commercial16 a:hover, .commercial .commercial16 a:focus {
						background: url(site_images/sprite_commercial2.jpg) no-repeat -300px -60px;
						}
					
					.commercial .commercial16 a:active {
						background: url(site_images/sprite_commercial2.jpg) no-repeat -299px -119px;
						}
						
					.current-commercial16 .commercial16 a:link, .current-commercial16 .commercial16 a:visited {
						background: url(site_images/sprite_commercial2.jpg) no-repeat -300px -120px;
						}
						
					.commercial .commercial17 a:link, .commercial .commercial17 a:visited {
						background: url(site_images/sprite_commercial2.jpg) no-repeat -360px 0px;
						}
						
					.commercial .commercial17 a:hover, .commercial .commercial17 a:focus {
						background: url(site_images/sprite_commercial2.jpg) no-repeat -360px -60px;
						}
					
					.commercial .commercial17 a:active {
						background: url(site_images/sprite_commercial2.jpg) no-repeat -359px -119px;
						}
						
					.current-commercial17 .commercial17 a:link, .current-commercial17 .commercial17 a:visited {
						background: url(site_images/sprite_commercial2.jpg) no-repeat -360px -120px;
						}
						
					.commercial .commercial18 a:link, .commercial .commercial18 a:visited {
						background: url(site_images/sprite_commercial2.jpg) no-repeat -420px 0px;
						}
						
					.commercial .commercial18 a:hover, .commercial .commercial18 a:focus {
						background: url(site_images/sprite_commercial2.jpg) no-repeat -420px -60px;
						}
					
					.commercial .commercial18 a:active {
						background: url(site_images/sprite_commercial2.jpg) no-repeat -419px -119px;
						}
						
					.current-commercial18 .commercial18 a:link, .current-commercial18 .commercial18 a:visited {
						background: url(site_images/sprite_commercial2.jpg) no-repeat -420px -120px;
						}
						
					.commercial .commercial19 a:link, .commercial .commercial19 a:visited {
						background: url(site_images/sprite_commercial2.jpg) no-repeat -480px 0px;
						}
						
					.commercial .commercial19 a:hover, .commercial .commercial19 a:focus {
						background: url(site_images/sprite_commercial2.jpg) no-repeat -480px -60px;
						}
					
					.commercial .commercial19 a:active {
						background: url(site_images/sprite_commercial2.jpg) no-repeat -479px -119px;
						}
						
					.current-commercial19 .commercial19 a:link, .current-commercial19 .commercial19 a:visited {
						background: url(site_images/sprite_commercial2.jpg) no-repeat -480px -120px;
						}
						
					.commercial .commercial20 a:link, .commercial .commercial20 a:visited {
						background: url(site_images/sprite_commercial2.jpg) no-repeat -540px 0px;
						}
						
					.commercial .commercial20 a:hover, .commercial .commercial20 a:focus {
						background: url(site_images/sprite_commercial2.jpg) no-repeat -540px -60px;
						}
					
					.commercial .commercial20 a:active {
						background: url(site_images/sprite_commercial2.jpg) no-repeat -539px -119px;
						}
						
					.current-commercial20 .commercial20 a:link, .current-commercial20 .commercial20 a:visited {
						background: url(site_images/sprite_commercial2.jpg) no-repeat -540px -120px;
						}
						

.display_area {
	height: 561px;
	width: 742px;
	position: inherit;
	float: right;
	right: 42px;
	}

.sub_nav {
	height: 37px;
	width: 450px;
	background: url(site_images/sprite_subnav.png) no-repeat;
	clear: both;
	}
	
	.sub_nav li {
		display: inline;
		}
		
		.sub_nav li a:link, .sub_nav li a:visited {
			height: 37px;
			display: block;
			text-indent: -9000px;
			overflow: hidden;
			float: left;
			}
			
			.sub_nav .commercial a:link, .sub_nav .commercial a:visited {
				width: 225px;
				}
			
			.sub_nav .commercial a:hover, .sub_nav .commercial a:focus {
				background: url(site_images/sprite_subnav.png) no-repeat 0px -37px;
				}
				
			.current-commercial .commercial a:link, .current-commercial .commercial a:visited {
				background: url(site_images/sprite_subnav.png) no-repeat 0px -74px;
				cursor: default;
				}
				
			.sub_nav .commercial a:active {
				background: url(site_images/sprite_subnav.png) no-repeat 0px -111px;
				}
				
			.sub_nav .travel a:link, .sub_nav .travel a:visited {
				width: 155px;
				}
				
			.sub_nav .travel a:hover, .sub_nav .travel a:focus {
			    background: url(site_images/sprite_subnav.png) no-repeat -225px -37px;
				}
				
			.current-travel .travel a:link, .current-travel .travel a:visited {
				background: url(site_images/sprite_subnav.png) no-repeat -225px -74px;
				cursor: default;
				}
				
			.sub_nav .travel a:active {
				background: url(site_images/sprite_subnav.png) no-repeat -225px -111px;
				}
				
			.sub_nav .prev_photo a:link, .sub_nav .prev_photo a:visited {
				width: 43px;
				}
								
			.sub_nav .prev_photo a:hover, .sub_nav .prev_photo a:focus {
			    background: url(site_images/sprite_subnav.png) no-repeat -380px -37px;
				}
								
			.sub_nav .prev_photo a:active {
				background: url(site_images/sprite_subnav.png) no-repeat -380px -111px;
				}
				
			.sub_nav .next_photo a:link, .sub_nav .next_photo a:visited {
				width: 26px;
				}
								
			.sub_nav .next_photo a:hover, .sub_nav .next_photo a:focus {
			    background: url(site_images/sprite_subnav.png) no-repeat -423px -37px;
				}
				
			.sub_nav .next_photo a:active {
				background: url(site_images/sprite_subnav.png) no-repeat -423px -111px;
				}
		
		/* Video Page --------------------------------------------------- */
		
		#mpl {
			display: block;
			margin: 7px auto;
			}
			
		.video .video01 a {
				background: url(site_images/video_01.png) no-repeat 0px 0px;
				}
				
		.video-null {
			background: none !important;
			}
		
		.video-null a {
			background: url(site_images/video-null.gif) no-repeat 0px 0px;
			}
			
		.thumb-controls {
			background: #fff;
			height: 14px;
			display: block;
			text-indent: -9000px;
			overflow: hidden;
		}
		
		/* Contact Page --------------------------------------------------- */
		
		#hcard-Connie-Aramaki span, #hcard-Connie-Aramaki div, #hcard-Connie-Aramaki div * {
			text-indent: -9000px;
			display: none;
			}
			
			a.email {
				display: block;
				height:579px;
				width: 922px;
				overflow: visible;
				}
				
			a.email span {
				text-indent: -9000px;
				}
			
			a.email img {
				position: relative;
				margin-top: 28px;
				margin-left: 50px
				}
		
