/*
Art and Sol Program Performing Arts Program
site.css created by Nathan Cooper - nathanpcooper@gmail.com
*/

body {
	background: #fff url(../images/background.gif) 0 0 repeat-x;
	}
	
	.container {
		margin: 10px auto 0 auto; padding: 0 0 10px 0;
		width: 745px; 600px;
		background: #ffff72;
		overflow: auto;
		}
		
		/* header.php */
		.header {
			width: 745px;
			background: url(../images/header/header.jpg) 0 0 repeat-x;
			}
			
			.header-top {
				width: 745px; height: 75px;
				background: url(../images/header/header-top.png) 0 0 no-repeat;
				}
				
			.header-bot {
				margin: 0 auto;
				width: 725px;
				background: #fffcda;
				}
				
				.header-bot-photos {
					margin: 0 auto;
					width: 705px; height: 143px;
					}
				
		.content {
			margin: 0 auto; padding: 10px 0 0 0;
			width: 725px;
			background: #fffcda;
			overflow: auto;
			}
			
			.content-left {
				float: left; margin: 0 0 10px 10px;
				width: 193px;
				}
				
				/* navigation.php */
				.navigation ul {
					margin: 0; padding: 0;
					list-style: none;
					}
					
					.navigation ul li {
						width: 193px; height: 41px;
						background: url(../images/navigation/navigation.png) 0 0 no-repeat;
						}
						
						.navigation ul li:hover {
							cursor: pointer;
							background: url(../images/navigation/navigation.png) 0 -41px no-repeat;
							}
				
				/* testimonials.php */
				.testimonials {
					margin: 10px 0 0 0;
					width: 193px;
					background: #ffff72;
					}

					#testimonial1, #testimonial2, #testimonial3, #testimonial4, #testimonial5, #testimonial6, #testimonial7,  #testimonial8, #testimonial9, #testimonial10{
						position: relative; margin: 0;
						width: 193px; height: 270px;
						}
						
					/* images/testimonials */
					#testimonial1 { background: url(../images/testimonials/testimonial1.jpg) 0 0 no-repeat; }
					#testimonial2 { background: url(../images/testimonials/testimonial2.jpg) 0 0 no-repeat; }
					#testimonial3 { background: url(../images/testimonials/testimonial3.jpg) 0 0 no-repeat; }
					#testimonial4 { background: url(../images/testimonials/testimonial4.jpg) 0 0 no-repeat; }
					#testimonial5 { background: url(../images/testimonials/testimonial5.jpg) 0 0 no-repeat; }
					#testimonial6 { background: url(../images/testimonials/testimonial6.jpg) 0 0 no-repeat; }
					#testimonial7 { background: url(../images/testimonials/testimonial7.jpg) 0 0 no-repeat; }
					#testimonial8 { background: url(../images/testimonials/testimonial8.jpg) 0 0 no-repeat; }
					#testimonial9 { background: url(../images/testimonials/testimonial1.jpg) 0 0 no-repeat; }
					#testimonial10 { background: url(../images/testimonials/testimonial2.jpg) 0 0 no-repeat; }
				
					.testimonial-quote {
						margin: 0; padding: 10px;
						width: 173px;
						background: #ffff72;
						}
				
			.content-right {
				float: right; margin: 0 10px 10px 0;
				width: 502px;
				background: #ffff72;
				}
				
				.title {
					margin: 5px 0 0 0;
					width: 502px; height: 40px;
					}
				
				/* images/welcome */	
				.welcome-photos {
					margin: 5px auto 0 auto;
					width: 482px; height: 224px;
					}
					
				.content-right-content {
					margin: 10px auto;
					width: 482px;
					}
			
			/* footer.php */
			.footer {
				clear: both;
				margin: 0 auto 10px auto; padding: 10px;
				width: 685px; height: auto;
				background: #fffcda; background: #ffff72;
				background: url(../images/logos/artandsol.gif) 98% center no-repeat #ffff72;
				}

.hr {
	margin: 10px auto;
	height: 1px;
	background: url(../images/hr.jpg) no-repeat center bottom #ffff72;
	}

/* headshot images on about_us.php */
.about {
	float: left; margin: 3px 10px 5px 0; padding: 5px;
	background: #fffcda; border: 1px solid #ff8e00;
	}
	
	#photographer:hover {
		cursor: pointer;
		}
	
	#photographer-contact {
		display: none;
		margin: 0 0 10px 0; padding: 5px;
		background: #fffcda;
		border: 1px solid #ffd600;
		}
		
ul.auditions li {
	list-style: url(../images/bullet.gif) outside;
	margin: 10px 0 0 20px;
	}
	
.gallery-container {
	margin: 10px 0 0 0;
	width: 482px;
	overflow: auto;
	}
	
	/* thumbnail containers on gallery.php */
	.gallery-photo {
		float: left;
		width: auto; height: auto;
		}
			
		.gallery-thumbnail {
			padding: 5px;
			width: 150px; height: 100px;
			background: #fffcda; border: 1px solid #ff8e00;
			overflow: hidden;
			}
	
	/* thumbnail containers on other galleries */			
	.gallery-photo2 {
		float: left; margin: 0 0 0 10px;
		width: auto; height: auto;
		}
		
		.first {
			margin: 0;	
			}
			
		.gallery-thumbnail2 {
			padding: 5px;
			width: 140px; height: 90px;
			background: #fffcda; border: 1px solid #ff8e00;
			overflow: hidden;
			}

	.gallery-title {
		float: left; margin: 0 0 0 10px;
		width: auto; height: auto;
		}

a  { font-family: arial, sans-serif; color: #ff8e00; }
	
	a:hover { text-decoration: none; }

img.center {
	display: block;
	margin: 0 auto;
	}

input {
	font: normal 14px arial, sans-serif;
	background: #fffcda; border: 1px solid #ff8e00;
	}

select {
	font: normal 14px arial, sans-serif;
	background: #fffcda; border: 1px solid #ff8e00;
	}

textarea {
	font: normal 14px arial, sans-serif;
	background: #fffcda; border: 1px solid #ff8e00;
	}

.googlemap {
	CLEAR: both; 
	TEXT-ALIGN: left;
}

.googlemap p, .googlemap a{
font: normal 12px Tahoma, Verdana, Helvetica, Arial, sans-serif;

}

.google_img {
	DISPLAY: block; 
	MARGIN: 0px auto;
}