/*



Theme Name: 

Theme URI: 

Description:

Version:

Author: 



*/	





			/* Global Layout */





body 

{

font-size: 14px;

margin: 0px;

text-align: center;

background: #ffffff url(img/bg.jpg) top center fixed;

color: #fff;

font-family: Arial, Helvetica, sans-serif;

}



#wrap{

	position: relative;

	margin: auto;

	width: 918px;

	padding-top: 20px;

}



#shim{

	position: absolute;

	top: 111px;

	left: -30px;

	height: 300px;

	width: 957px;

	background: url(img/shim-crew.png) top left no-repeat;

}



#shim2{

	position: absolute;

	top: 111px;

	left: -30px;

	height: 300px;

	width: 957px;

	background: url(img/shim-mitzvah.png) top left no-repeat;

}



#shim3{

	position: absolute;

	top: 111px;

	left: -30px;

	height: 300px;

	width: 957px;

	background: url(img/shim3.png) top left no-repeat;

}



#shim4{

	position: absolute;

	top: 111px;

	left: -30px;

	height: 300px;

	width: 957px;

	background: url(img/shim-orchestra.png) top left no-repeat;

}



#shim5{

	position: absolute;

	top: 111px;

	left: -30px;

	height: 300px;

	width: 957px;

	background: url(img/shim5.png) top left no-repeat;

}



#shim6{

	position: absolute;

	top: 111px;

	left: -30px;

	height: 300px;

	width: 957px;

	background: url(img/shim-bday.png) top left no-repeat;

}



#shim7{

	position: absolute;

	top: 111px;

	left: -30px;

	height: 300px;

	width: 957px;

	background: url(img/shim7.png) top left no-repeat;

}



#shim8{

	position: absolute;

	top: 111px;

	left: -30px;

	height: 300px;

	width: 957px;

	background: url(img/shim8.png) top left no-repeat;

}



#shim9{

	position: absolute;

	top: 111px;

	left: -30px;

	height: 300px;

	width: 957px;

	background: url(img/shim-wedding.png) top left no-repeat;

}



#shim10{

	position: absolute;

	top: 111px;

	left: -30px;

	height: 300px;

	width: 957px;

	background: url(img/shim-contact.png) top left no-repeat;

}



#shim11{

	position: absolute;

	top: 111px;

	left: -30px;

	height: 300px;

	width: 957px;

	background: url(img/shim-school.png) top left no-repeat;

}



#shim12{

	position: absolute;

	top: 111px;

	left: -30px;

	height: 300px;

	width: 957px;

	background: url(img/shim-testimonials.png) top left no-repeat;

}



#shim13{

	position: absolute;

	top: 111px;

	left: -30px;

	height: 300px;

	width: 957px;

	background: url(img/shim1.png) top left no-repeat;

}



#shim14{

	position: absolute;

	top: 111px;

	left: -30px;

	height: 300px;

	width: 957px;

	background: url(img/shim10.png) top left no-repeat;

}



	#head{

		height: 77px;

		position: relative;

	}

	

		#logo{

			position: absolute;

			top: 0;

			left: 0px;

			height: 77px;

			width: 126px;

			text-indent: -9999em;

			background: url(img/logo.png) top left no-repeat;	

		}

		

			#audio{
	position: absolute;
	top:0px;
	right:43px;

			}

			

				a.on{

					display: block;

					height: 15px;

					width: 56px;

					text-indent: -9999em;

					background: url(img/audio.gif) top left no-repeat;

				}

		

		#nav{

			float: right;

			padding-top: 36px;	

			text-transform: uppercase;	

			position: relative;

			z-index: 1000;

		}

		

			#nav li{

				float: left;

				position: relative;

				margin-left: 10px;	

				display: inline;

			}

			

			#nav li a{

				float: left;

				color: #fff;

				height: 16px;

				padding: 4px 8px 4px 8px;

			}

			

			#nav li a:hover,#nav li:hover>a{

				text-decoration: none;

				background: #097dc7;

				background: rgba(9,125,199,.7);

			}

			

			

			#nav li ul{

				position: absolute;

				display: none;

				top: 24px;

				left: 0px;

				width: 170px;	

				text-align: left;

				background: #097dc7;

				background: rgba(9,125,199,.7);

			}

			

			#nav li:hover ul{

				display: block;

			}

			

			#nav li li{

				float: none;

				padding: 0;	

				display: block;

				margin:0;

			}

			

			#nav li li a{

				float: none;

				display: block;

				padding: 3px 8px 3px 8px;

			}

	

			#nav li li strong{

				float: none;

				font-weight: bold;

				display: block;

				padding: 3px 8px 3px 8px;

			}	

	

	#splashgear{

		padding-top: 84px;

		min-height: 249px;

		text-align: left;	

		position: relative;

		font-size: 15px;

	}	

	

	#splash{

		padding-top: 118px;

		min-height: 215px;

		text-align: left;	

		position: relative;

		font-size: 15px;

	}

	

		#splash h1{

			font-size: 2.5em;

			font-weight: bold;			

		}

		

		#splash h1.wrap{

			font-size: 2.00em;

			font-weight: bold;			

		}

		

		#splash p{

			line-height: 1.5em;

			width: 470px;

		}

		

		#splash h2{

			text-align: right;

			width: 534px;

			font-size: 2em;	

			font-weight: bold;	

		}

		

		#splash h2.other{

			text-align: right;

			padding-top: 4px;

			width: 465px;

			font-size: 1.3em;	

			font-weight: bold;	

		}		



		#splash h2.leftmove{

			text-align: right;

			padding-top: 4px;

			width: 465px;

			font-size: 2em;	

			font-weight: bold;	

		}	



		#splash h2 a{

            color: #FFF;	

			font-weight: bold;	

		}	

	

	#gallery{

		position: relative;

		overflow: hidden;

		margin-top: 50px;

		background: url(img/gallery.gif) top left no-repeat;

	}

	

		#gal-menu{

			float: left;

			width: 155px;

			padding-left: 61px;

			min-height: 415px;

			text-align: left;	

		}

		

			#gal-menu ul{

				line-height: 2em;	

				border-right: 3px solid #097BC6;

			}

			

			#gal-menu a{

				color: #fff;

			}

			

			#gal-menu a:hover{

				color: #097BC6;

			}

		

		#the-gallery{

			float: right;

			width: 688px;

		}

		

			#the-gallery li{

				float: left;

				padding: 5px;

				width: 162px;	

			}

			

			#the-gallery li a{

				display: block;

				height: 150px;

				width: 150px;

				overflow: hidden;			

				float: left;

				border: 6px solid #111;		

			}

			

			#the-gallery li a img{

				display: block;

				opacity: .9;

			}

			

			#the-gallery li a:hover{

				border-color: #097DC7;

			}

			

			#the-gallery li a:hover img{

				opacity: 1;

			}

	

	

	#page{

		position: relative;

		overflow: hidden;

		text-align: left;

	}

	

		#col1{

			float: left;

			width: 156px;

			padding-left: 61px;

			min-height: 415px;	

			background: url(img/es.gif) top left no-repeat;

		}

		

			#col1 ul{

				line-height: 2em;	

				border-right: 3px solid #097BC6;

			}

			

			#col1 a{

				color: #fff;

			}

			

			#col1 a:hover{

				color: #097BC6;

			}



		#col1.about{background: url(img/about.gif) top left no-repeat;}

		

		#col1a{

			float: left;

			width: 50px;

			min-height: 415px;	

			background: url(img/about.gif) top left no-repeat;

		}

		

		#col1a.contact{

			background: url(img/contact.gif) top left no-repeat;

		}		

		

		#col1a.testimonials{

			background: url(img/testimonials.gif) top left no-repeat;

		}		



		#col1a.flowgear{

			background: url(img/fg.gif) top left no-repeat;

		}

		

		#col2{

			float: left;

			padding-left: 18px;

			width: 340px;

			font-size: 13px;	

		}

		

			#col2 h2{

				font-size: 18px;

				font-weight: bold;

				padding-bottom: 6px;	

			}

			

			#col2 p{

				line-height: 1.8em;

				padding-bottom: 1.4em;

			}

			

			#col2 a{

				color: #097BC6;}

				

			#col2 a:hover{color:#FFF;}

		

		#col2a{

			float: left;

			padding-left: 18px;

			width: 507px;

			font-size: 13px;	

		}

		

			#col2a h2{

				font-size: 1.3em;

				font-weight: bold;

				padding-bottom: 6px;	

			}

			

			#col2a p{

				line-height: 1.8em;

				padding-bottom: 1.4em;

			}

			

			#col2a strong{

				font-weight: bold;

			}

			

			#col2a em{

				font-style: italic;

				line-height: 1.8em;

				padding-bottom: 1.4em;

			}			

						

			#col2a p.contact{

				font-size: 16px;

				line-height: 1.8em;

				padding-bottom: 1.4em;

			}

			

			#col2a a{

				color: #097BC6;

				font-weight: bold;}		

				

			#col2a a:hover{color:#FFF;}

		

		#col3{

			float: left;

			font-size: 12px;

			padding-left: 30px;

			width: 303px;

		}

		

			#col3 h3{

				font-size: 1.9em;

				font-weight: bold;

				padding-bottom: 18px;	

			}

			

			#col3 p{

				padding: 10px;

				background: #000;

				line-height: 1.7em;

			}

			

			#col3 h4{

				padding: 10px 10px 0 10px;

				font-weight: bold;

				font-size: 1.2em;

				background: #000;

			}

			

			#col3 ul{

				padding: 10px 10px 10px 30px;

				background: #000;

				overflow: hidden;

				line-height: 1.7em;

			}

			

			#col3 li{

				float: left;

				width: 49.9%;

			}

			

			#col3 img{

				display: block;

				padding: 10px;

				background: #000;

			}	

	

	#front{

		position: relative;

		overflow: hidden;	

		padding: 9px 0 29px 0;

	}

	

		#front-content{

			float: left;

			padding-left: 61px;

			background: url(img/whatwedo.gif) top left no-repeat;

			min-height: 317px;

			width: 473px;

			text-align: left;

		}

		

			#front-content p{

				line-height: 1.5em;

				padding-bottom: 1em;

			}

			

			#front-content ul{

				line-height: 1.5em;

				margin-bottom: 1em;

				overflow: hidden;

				margin-left: 14px;

				border-left: 3px solid #097BC6;

				padding-left: 14px;

			}

			

			#front-content li{

				float: left;

				width: 180px;

				line-height: 2.5em;

			}

			#front-content li a{	

				color: #FFF

			}

		

		#front-gal{

			float: right;

			width: 337px;

			padding: 12px;

			background: #000;	

		}

		

			#front-gal p{

				text-align: right;	

				padding-top: 6px;

				font-size: 12px;

			}

			

			#front-gal a{

				color: #fff;

			}





	#bottom{

		font-size: 9px;

		line-height: 1.8em;

		color: #999;

		text-align: left;

		padding: 15px 0 25px 0;

	}

	

	#bottom a{

		color:#FFF;

	}



#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}

#lightbox img{ width: auto; height: auto;}

#lightbox a img{ border: none; }



#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }

#imageContainer{ padding: 10px; }



#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}



#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }



#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }



#imageData{	padding:0 10px; color: #666; }

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	

#imageData #caption{ font-weight: bold;	}

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	



#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }