@charset "UTF-8";
/*##################################################*/
/*##################################################*/

	/*HTML CODE WRITTEN BY BENJAMIN CAPLAN
		BENJAMIN CAPLAN: IAmCaplan.com*/

/*##################################################*/
/*##################################################*/



/*########NORMALIZE########*/
*{
	margin: 0px;
	padding: 0px;
}

body, div, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td, img{
	border: 0px;
}

a{
	text-decoration: none;
	outline: none;
}

ul{
	list-style-type: none;
}
/*end normalizer*/




/*########MAIN STYLES########*/
body{
	background-image: url(../images/page_bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-position: top;
	background-color: #ffffff;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	}

a{
	color: #FF9900;
}

a:visited{
	color: #FF9900;
}

a:active{
	color: #FF9900;
}

a:hover{
	color: #0099FF;
	text-decoration: underline;
}
	
h1{
	font-weight: normal;
	color: #333333;
}
/*end main styles*/




/*########DIVS########*/
/*--==CONTAINER_PAGE==--*/
#container_page{
	width: 714px;
	margin: 0 auto 5px auto;
	background-image: url(../images/body_bg.png);
	background-repeat: repeat-y;
}
	/*--==CONTAINER_MAIN==--*/
	#container_main{
		width: 700px;
		margin: 0 auto;
	}
		/*--==CONTAINER_BANNER==--*/
		#container_banner{
			width: 700px;
			height: 135px;
			background-image: url(../images/banner.jpg);
			background-repeat: no-repeat;
		}
			/*--=LOGO=--*/
			#logo{
				display: block;
				height: 135px;
				width: 560px;
				margin: 0 auto;
			}
			/*end logo*/
		/*end container_banner*/
		
		/*--==CONTAINER_NAV==--*/
		#container_nav{
		width: 700px;
		height: 39px;
		padding: 1px 0 0 1px;
		background-image: url(../images/nav_bg.jpg);
		background-position: 1px 0;
		background-repeat: repeat-y;
		margin: 0 0 25px 0;
		
		}
		
		#container_nav li{
		display: inline-block;
		padding: 0;
		}
		
		#container_nav li a{
		display: block;
		padding: 0;
		/*border: 1px solid black;*/
		}
			/*--=HOME_NAV=--*/
			#home_nav{
			height: 37px;
			width: 109px;
			margin: 0 2px 0 0px;
			background-image: url(../images/home.jpg);
			background-position: 0 0;
			}			
			#home_nav:hover{
			background-position: 0 37px;
			}
			/*end home_nav*/
			
			/*--=ABOUT_NAV=--*/
			#about_nav{
			height: 37px;
			width: 74px;
			margin: 0 2px 0 0px;
			background-image: url(../images/about.jpg);
			background-position: 0px 0;
			}			
			#about_nav:hover{
			background-position: 0px 37px;
			}
			/*end home_nav*/
			
			/*--=AUDIO_SAMPLES_NAV=--*/
			#audio_samples_nav{
			height: 37px;
			width: 143px;
			margin: 0 2px 0 0;
			background-image: url(../images/audio_samples.jpg);
			background-position: 0px 0;
			}			
			#audio_samples_nav:hover{
			background-position: 0px 37px;
			}
			
			#sound_design_nav{
			height: 37px;
			width: 142px;
			margin: 0 2px 0 0;
			background-image: url(../images/sound_design.jpg);
			background-position: 0px 0;
			}			
			#sound_design_nav:hover{
			background-position: 0px 37px;
			}
			
			#photos_nav{
			height: 37px;
			width: 93px;
			margin: 0 2px 0 0;
			background-image: url(../images/photos.jpg);
			background-position: 0px 0;
			}			
			#photos_nav:hover{
			background-position: 0px 37px;
			}
			
			#contact_nav{
			height: 37px;
			width: 128px;
			margin: 0;
			background-image: url(../images/contact.jpg);
			background-position: 0px 0;
			}			
			#contact_nav:hover{
			background-position: 0px 37px;
			}
			/*end home_nav*/
		/*end container_nav*/
		
		/*--==CONTAINER_CONTENT==--*/
		#container_content{
			width: 650px;
			padding: 0 25px 15px 25px;
		}
		.home #container_content{
			height: auto;	
		}
		
		#container_content p{
			font-size: .8em;
			line-height: 1.4em;
			margin: 0 0 15px 0;
		}
		
		.header{
			font-size: 1.5em;
			width: 315px;
			margin: 0 0 15px 0;
			border-bottom: 2px solid #FFD390;
		}
		
			/*--=FEATURE=--*/
			.feature{
				float: right;
				width: 300px;
				margin: 0px 0px 25px 25px ;
				border: 1px solid #999999;
			}				
			.contact .feature{
				width: 250px;
			}
				.feature h1{
				color: #ffffff;
				padding: 5px 0 0 20px;
				background-image: url(../images/feature_header_bg.jpg);
				background-repeat: repeat-x;
				font-size: 1.5em;
				}
				
				.feature h2{
				padding: 15px 0 0 15px;
				font-size: .8em;
				margin: 0;
				}
				
				.feature p{
					padding: 15px 15px 0px 15px;	
				}
				
				.feature ul{
					padding: 15px 15px 15px 35px;	
				}
				.home .feature ul{
					padding-bottom: 50px;				  
				}
				
				.feature ul li{
					list-style-type: disc;
					padding: 5px 0;
					font-size: .7em;
				}
				.home .feature ul li{
					font-size: 1.0em;
				}
				
				.feature img{
					padding: 10px;	
				}
				
				/*--=FLOAT_LEFT=--*/
				.float_left{
					float: left;	
				}
				/*end float_left*/
			/*end feature*/
			
			/*--=AUDIO_SAMPLE=--*/
			.audio_sample{
				width: 320px;
				display: inline-block;
				margin: 0 0px 10px 0;
				vertical-align: top;
			}
				.audio_sample h2{
					font-size: 1em;	
					padding: 0 0 10px 0;
				}
				
				.audio_sample_clip{
					width: 300px;
					height: 30px;
				}
				
				.audio_sample_info{
					width: 300px;	
				}
			/*end audio_sample*/
			
			/*--=SOUND_DESIGN_EXAMPLE=--*/
			.sound_design_example{
				width: 600px;
				margin: 0 auto;
			}
				.sound_design_example h2{
					font-size: 1em;	
					padding: 0;
				}
				
				.sound_design_example_flash{
					width: 520px;
					margin: 0 auto;
				}
				
				.sound_design_example_info{
					width: 520px;	
					margin: 0 auto;
				}
					.sound_design_example_info p{
						padding: 10px 0 0 0;	
					}
					
					.sound_design_example_info b{
						color: #0099FF;
					}
			/*end sound_design_example*/
			
			#intro_paragraph{
				padding: 10px 0 15px 0;	
			}
			
			
			/*--=PHOTO_CELL=--*/
			.photo_cell{
				display: inline-block;
				width: 300px;
				margin: 0 10px 15px 10px;
				vertical-align: top;
			}
				.photo{
					width: 300px;
				}
				
				.photo_caption{
					width: 300px;
				}
			/*end photo_cell*/
			
			/*--=CONTACT_FORM=--*/
			#contact_form{
				width: 400px;
				height: 450px;
			}
				/*--=RED=--*/
				.red{
					color: #FF0000;
				}
				/*end red*/
				
				/*FORM TABLE*/
				#contact_form table{
					font-size: .75em;
				}
				#contact_form textarea{
					resize: none;
				}
				#contact_form .textarea{
					width: 120px;
					padding-right: 10px;
					text-align: right;
				}
				table#one td, table#two td, table#three td {
					width: 120px;
					padding-right: 10px;
					text-align: right;
				}
				table#four td{
					width: 100px;
					padding-right: 0px;
					vertical-align: top;
					text-align: right;
				}
				table#five{
					position: relative;
					margin-left: 200px;
				}
				/*end table form*/
				
				/*--=TAB=--*/
				.tab{
					margin: 0 0 0 20px;	
				}
				/*end tab*/
			/*end contact_form*/
		/*end container_content*/
		
		/*--==CONTAINER_FOOTER==--*/
		#containter_footer{
			width: 650px;
			padding: 5px 25px 5px 25px;
			border-top: 1px solid black;
			border-bottom: 1px solid black;
		}
			#containter_footer p{
				font-size: .75em;
				text-align: center;
				margin: 0 0 0 0;
			}
			#containter_footer p#credit{
				font-size: .65em;
			}
		/*end container_footer*/
	/*end container_main*/
/*end containter_page*/
/*end divs*/