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

body {
	margin:0px;
	background-color:#A08480;
	transition:background-color 1.0s ease;
		-webkit-transition:background-color 1.0s ease;
		-moz-transition:background-color 1.0s ease;
}

	a, a:link, a:active, a:visited {
		color:rgba(255, 255, 255, 1.0);
		text-decoration:none;
	}
	
	a img, a:link img, a:active img, a:visited img {
		border-width:0px;
	}

#masthead {
	display:block;
	position:relative;
	height:110px;
	margin:0px 0px 10px 0px;
	background-image:url(../image/tone/five-dot.png);
	z-index:25;
}

		#masthead > .box {
			width:1000px;
			margin:auto;
			text-align:center;
		}
		
		/*#masthead::before {
			content:"";
			display:block;
			position:absolute;
			top:-100px;
			width:100%;
			height:335px;
			box-shadow:inset 0px 0px 250px rgba(0, 0, 0, 1.0);
				-webkit-box-shadow:inset 0px 0px 250px rgba(0, 0, 0, 1.0);
				-moz-box-shadow:inset 0px 0px 250px rgba(0, 0, 0, 1.0);
		}*/
	
	/*#masthead h1 {
		margin:0px;
		padding:0px;
		text-align:center;
		color:rgba(255, 255, 255, 1.0);
		font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-size:150px;
		font-weight:normal;
	}
	
		#masthead h1 span {
			margin-left:5px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:45px;
			letter-spacing:10px;
			opacity:1.0;
		}*/

	nav {
		position:absolute;
		bottom:-46px;
		left:50%;
		width:400px;
		margin-left:-445px;
	}
	
		nav #main-menu {
			display:block;
			position:relative;
			margin:0px;
			padding:5px 0px 5px 5px;
			list-style:none;
		}
				
				#main-menu::after {
					content:"";
					display:block;
					clear:both;
				}
		
			#main-menu li {
				position:relative;
				float:left;
				width:25%;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
			}
			
				#main-menu li a {
					display:block;
					position:relative;
					margin:0px 5px 0px 0px;
					padding:5px;
					text-align:center;
					background:rgba(0, 0, 0, .5);
					border:1px solid rgba(255, 255, 255, 1.0);
					overflow:hidden;
					opacity:.5;
					transition:opacity .25s ease;
						-webkit-transition:opacity .25s ease;
						-moz-transition:opacity .25s ease;
				}
					
						#main-menu li a:hover {
							opacity:1.0;
							box-shadow:inset 0px 0px 10px rgba(0, 0, 0, .05);
								-webkit-box-shadow:inset 0px 0px 10px rgba(0, 0, 0, .05);
								-moz-box-shadow:inset 0px 0px 10px rgba(0, 0, 0, .05);
						}
					
				#main-menu li a.active, #main-menu li a.active:hover {
					opacity:1.0;
					border-top-width:6px;
					border-top-style:solid;
					margin-top:-5px;
					background:rgba(0, 0, 0, .75);
					box-shadow:inset 0px 0px 10px rgba(0, 0, 0, .05);
						-webkit-box-shadow:inset 0px 0px 10px rgba(0, 0, 0, .05);
						-moz-box-shadow:inset 0px 0px 10px rgba(0, 0, 0, .05);
				}
		
	#masthead #studio-menu {
		position:absolute;
		bottom:-171px;
		left:5px;
		background: rgba(255, 255, 255, 0.05);
		border:1px solid rgba(255, 255, 255, 0.5);
		opacity:.5;
		transition:opacity .25s ease;
			-webkit-transition:opacity .25s ease;
			-moz-transition:opacity .25s ease;
	}
	
		#masthead #studio-menu:hover {opacity:1.0;}

#body {
	position:relative;
	width:100%;
	margin:-10px 0px 25px 0px;
	border-top:10px solid rgba(255, 255, 255, 1.0);
	overflow:hidden;
}
		
		#body > .box {
			width:400%;
			position:relative;
			left:0%;
			transition:left .5s ease;
				-webkit-transition:left .5s ease;
				-moz-transition:left .5s ease;
		}
		
				#body > .box::after {
					content:"";
					display:block;
					clear:both;
				}
	
	.navigation {
		display:block;
		position:absolute;
		top:50%;
		width:150px;
		height:150px;
		margin:-75px 0px 0px -75px;
		background-image:url(../image/button/arrow.png);
		opacity:.125;
		z-index:25;
		transition:opacity .25s ease;
			-webkit-transition:opacity .25s ease;
			-moz-transition:opacity .25s ease;
	}
			
			.navigation:hover {opacity:.5 !important;}
		
		.navigation:first-of-type {display:none; left:10%; background-position:0px 0px;}
		.navigation:last-of-type {left:90%; background-position:-150px 0px;}
	
	.content {
		display:block;
		float:left;
		width:25%;
	}
	
			.content > .box {
				position:relative;
				width:1000px;
				margin:0px auto;
				padding-top:87px;
			}
			
		.content .title {
			position:absolute;
			top:-25px;
			right:25px;
			margin:0px;
			padding:0px;
			color:rgba(255, 255, 255, 0.125);
			font-family:Arial, Helvetica, sans-serif;
			font-size:120px;
			font-weight:normal;
		}
		
		#about {
			position:relative;
			width:750px;
			margin:0px auto;
			padding:50px;
			color:rgba(255, 255, 255, .75);
			font-family:Arial, Helvetica, sans-serif;
			background:rgba(0, 0, 0, .5);
			border:1px solid rgba(255, 255, 255, 1.0);
			z-index:25;
			box-shadow:0px 0px 25px rgba(0, 0, 0, .1);
				-webkit-box-shadow:0px 0px 25px rgba(0, 0, 0, .1);
				-moz-box-shadow:0px 0px 25px rgba(0, 0, 0, .1);
		}
		
				#about p:first-of-type {margin-top:0px;}
				#about p:last-of-type {margin-bottom:0px;}
			
			#about b, #about i, #about span {
				color:rgba(255, 255, 255, 1.0);
			}
			
			#about a, #about a:link, #about a:active, #about a:visited {
				color:rgba(255, 255, 255, .75);
				text-decoration:underline;
			}
			
					#about a:hover {
						color:rgba(255, 255, 255, 1.0);
					}
			
			#about .portrait {
				position:absolute;
				top:25px;
				left:-150px;
				width:150px;
				margin-left:-2px;
				border:1px solid rgba(255, 255, 255, 1.0);
			}
		
		#teaching {
			width:100%;
			margin-top:-25px;
			color:rgba(255, 255, 255, .75);
			font-family:Arial, Helvetica, sans-serif;
		}
		
			#teaching td {
				padding:25px;
				background:rgba(0, 0, 0, 0.5);
				border:1px solid rgba(255, 255, 255, 1.0);
			}
			
				#teaching td p:first-of-type {margin-top:0px;}
				#teaching td p:last-of-type {margin-bottom:0px;}

			#teaching b, #teaching i, #teaching span, #teaching ul {
				color:rgba(255, 255, 255, 1.0);
			}
			
			#teaching a, #teaching a:link, #teaching a:active, #teaching a:visited {
				color:rgba(255, 255, 255, .75);
				text-decoration:underline;
			}
			
					#teaching a:hover {
						color:rgba(255, 255, 255, 1.0);
					}
			
			#teaching .pricing td {
				background:none;
				border:none;
			}
			
				#teaching .pricing td:first-of-type {
					text-align:center;
				}
				
				#teaching .cost {
					font-size:72px;
					margin-bottom:0px;
				}
			
		#samples {
			padding:50px 0px;
			color:rgba(255, 255, 255, 1.0);
			font-family:Arial, Helvetica, sans-serif;
			background:rgba(0, 0, 0, 0.5);
			border:1px solid rgba(255, 255, 255, 1.0);
		}
		
		#contact {
			width:100%;
			margin-top:-25px;
			color:rgba(255, 255, 255, 0.75);
			font-family:Arial, Helvetica, sans-serif;
		}
	
			#contact  td {
				padding:25px;
				text-align:center;
				background:rgba(0, 0, 0, 0.5);
				border:1px solid rgba(255, 255, 255, 1.0);
			}
			
				#contact td p:first-of-type {margin-top:0px;}
				#contact td p:last-of-type {margin-bottom:0px;}

			#contact b, #contact i, #contact span {
				color:rgba(255, 255, 255, 1.0);
			}
			
			#contact a, #contact a:link, #contact a:active, #contact a:visited {
				color:rgba(255, 255, 255, .75);
				text-decoration:underline;
			}
			
					#contact a:hover {
						color:rgba(255, 255, 255, 1.0);
					}
				
				#contact a.subtle {
					text-decoration:none;
				}
			
			#contact .type {
				color:rgba(255, 255, 255, 0.5);
				font-size:36px;
				margin-bottom:0px;
			}
			
			#contact form {}
			
				#contact form td {
					padding:0px;
					background:none;
					border:none;
				}
	
					#contact form td:first-child {text-align:right;}
					#contact form td:last-child {text-align:left;}
	
				form label {
					position:relative;
					color:rgba(255, 255, 255, 1.0);
					font-size:10px;
					margin-right:10px;
				}
				
					form label span {
						position:absolute;
						right:-11px;
						top:1px;
					}
				
				form input {
					background:rgba(255, 255, 255, 0.5);
					border:1px solid rgba(255, 255, 255, 1.0);
				}
				
					form input[type="submit"] {
						background:rgba(255, 255, 255, 1.0);
						opacity:0.75;
						transition:opacity .25s ease;
							-webkit-transition:opacity .25s ease;
							-moz-transition:opacity .25s ease;
					}
					
							form input[type="submit"]:hover {
								cursor:pointer;
								opacity:1.0;
							}
				
				form textarea {
					resize:vertical;
					background:rgba(255, 255, 255, 0.5);
					border:1px solid rgba(255, 255, 255, 1.0);
				}

#credit {
	display:block;
	position:fixed;
	bottom:5px;
	width:100%;
	z-index:-5;
	/*background:rgba(235, 205, 255, 0.25);*/
}
	
		#credit .box {
			width:500px;
			margin:0px auto;
			position:relative;
			padding:5px 0px;
			color:rgba(255, 255, 255, .5);
			font-family:Arial, Helvetica, sans-serif;
			font-size:8px;
			text-align:center;
			border:1px solid rgba(255, 255, 255, .5);
	}
	
		#credit div span {
			color:rgba(255, 255, 255, .75);
		}

/*.style1 {
	font-family: Palatino;
	font-weight: bold;
	font-size: 36px;
}
.style3 {
	font-family: Palatino;
	font-weight: bold;
	font-size: 24px;
	color: #666666;
}
.style6 {font-family: Palatino; font-weight: bold; font-size: 42px; color: #666666; }
.style7 {color: #666666}
a:link {
	color: #990033;
}
.style10 {font-family: Palatino; font-weight: bold; font-size: 24px; color: #990033; }
body,td,th {
	font-family: Palatino;
	font-size: 18px;
}
body {
	background-color: #EDF2F7;
}
a:visited {
	color: #990033;
}
a:active {
	color: #990033;
}*/