body {
	padding: 0;
	margin: 0; 
	background: #020015;
}

#mainContainer {
	position: relative;
	width: 100%;
	min-width: 900px;
	padding: 0;
	margin: 0 auto;
}

	#topContainer {
		position: relative;
		margin: 0 auto;
		width: 100%;
		min-width: 900px;
		height:93px;
		background: url('../images/layouts/depth/top_bg.jpg') top center no-repeat;
	}
	
		#header {
			position: relative;
			margin: 0px auto;
			padding: 0px;
			width: 900px;
			height: 93px;
		}

			#logo {
				position: absolute;
				left: 0;
				top: 0;
			}
					
		#priNav_container {
			position: absolute;
/* 			margin: 0px auto; */
			padding: 0px;
			width: 570px;
			height: 25px;
			left:330px;
			top: 70px;
		}

			#priNav {
				position: relative;
				width:570px;
				height:25px;
				margin: 0 auto;
				padding: 0;
				text-align: right; 
			}
			
				#priNav li {
					position: relative;
					margin: 0px auto;
					padding: 0px;
					list-style-type: none;
					display:inline; 
					color: #ffffff;
					font-family: Verdana,Arial,Helvetica,sans-serif;
					font-size: 14px;
					text-decoration:none;
					text-transform: lowercase;
					text-align: left;
				}
			
					#priNav li a {
						padding: 6px 25px 6px 0px;
						margin: 0 auto;
						color: #ffffff;
						font-family: Verdana,Arial,Helvetica,sans-serif;
						font-size: 12px;
						text-decoration: none;
						text-transform: lowercase;
						text-align: left;
					}
					
					#priNav li a:hover, #priNav li a.active:hover {
						color: #95be74;
					}

		#middleContainer {
			position: relative;
			margin: 0px auto;
			padding: 0px;
			width: 100%;
			min-width: 900px;
			height: 339px;
			background: #569127;
		}		
			
			#mainImages {
				position: relative;
				margin: 0 auto;
				padding: 0;
				width: 900px;
				height: 339px;
			}
		
				#mainImages #mainImagesWindow {
					position: absolute;		/* keeping this ensures positioning doesn't get jacked up */
					z-index: 10;			/* keep this: it sets the position */
					overflow: hidden;		/* highly recommend that the overflow is hidden to prevent image bleeding on the website */
					width: 900px; 			/* must set the width of the image window here */
					height: 339px;			/* must set the height of the image window here */
		
					/* style below however you want */
					left: 0px;
					top: 0px;
				}
				
				#mainImages #mainImagesWindow div { /* do not style the individual divs in the imageWindow */ }
				#mainImages #mainImagesWindow div img { /* do not style the individual images in the imageWindow */ }
				
			#overlayL {
				position: absolute;
				top:0;
				left:0;
				z-index: 15;
			}
			
			#overlayR {
				position: absolute;
				top:0;
				right:0;
				z-index: 15;
			}
			
			#slogan {
				position: absolute;
				width: 153px;
				height: 101px;			
				left: 697px;
				top: 88px;
				z-index: 20;
				background: url('../images/layouts/depth/slogan.png') top center no-repeat;
			}
			
		#bottomContainer {
			position: relative;
			margin: 0 auto;
			padding: 0;
			width:100%;
			height:350px;
			background: url('../images/layouts/depth/bottom_bg.jpg') top center no-repeat;
		}
		
			#content {
				position: relative;
				margin: 0 auto;
				padding: 0;
				width:900px;
				height:320px;
			}
		
				#serviceTimes {
					position: absolute;
					top:0;
					left:0;
					width:160px;
					height:269px;
					padding: 8px 23px 0px 14px;
					color: #FFFFFF;
					font-family: Verdana,Arial,Helvetica,sans-serif;
					text-align: left;
					font-size: 11px;
					line-height: 15px;
					background: url('../images/layouts/depth/service_box.png') top left no-repeat;
				}
				
					#serviceTimes p {
						margin:0 0 8px 0; 
					}
			
				#button1 {
					position: absolute;
					left: 216px;
					top: 27px;
					width: 384px;
					height: 104px;
					padding: 0 0 16px 0;
					border-bottom: 2px solid #569227;
				}
				
				#button2 {
					position: absolute;
					left: 216px;
					top: 166px;
					width: 384px;
					height: 104px;
				}
				
					#image {
						position: absolute;
						top:0;
						left: 0;
						border: 2px solid white;
						width:113px;
						height:100px;
					}
					
					.title {
						position: absolute;
						left:124px;
						top: 0;
						width:260px;
						height:25px;
						overflow:hidden;
						color: #569227;
						font-family: Verdana,Arial,Helvetica,sans-serif;
						text-align: left;
						font-size: 17px;
						font-weight: bold;
					}
					
					#description {
						position: absolute;
						left:124px;
						top: 25px;
						width:260px;
						height:70px;
						overflow:hidden;
						color: #ffffff;
						font-family: Verdana,Arial,Helvetica,sans-serif;
						text-align: left;
						font-size: 12px;
					}
					
					#link {
						position: absolute;
						left: 0;
						top: 0;
						width: 117px;
						height: 222px;
					}
						
						#button1:hover .title {
							color: #95be74;
						}
						
						#button2:hover .title {
							color: #95be74;
						}
			
			#eventBox {
				position: absolute;
				left: 638px;
				top: 20px;
				width: 274px;
				height: 259px;
				background: url('../images/layouts/depth/eb_bg.png') top left no-repeat;
			}
	
			#eventBox #eventBoxWindow {
				position: absolute;		/* keeping this ensures positioning doesn't get jacked up */
				z-index: 10;			/* keep this: it sets the position */
				overflow: hidden;		/* highly recommend that the overflow is hidden to prevent image bleeding on the website */
				width: 212px; 			/* must set the width of the image window here */
				height: 123px;			/* must set the height of the image window here */
	
				/* style below however you want */
				left: 32px;
				top: 31px;
			}
			
			#eventBox #eventBoxWindow div { /* do not style the individual divs in the imageWindow */ }
			#eventBox #eventBoxWindow div img { /* do not style the individual images in the imageWindow */ }
			
	
			#eventBox #eventBoxNavigation {
				position: absolute;		/* keeping this absolute to make it easier to position within the eventbox */
				z-index: 30;			/* keep this: it sets the position */
	
				/* style below however you want */
				left: 31px;
				top: 164px;
	
				padding: 0px;
				margin: 0;
				list-style-type: none;
			}
	
				/* style below however you want */
				#eventBox #eventBoxNavigation li {
					width: 17px;
					height: 17px;
					line-height: 17px;		/* used for vertical centering; set as the same as the 'height' */
					text-align: center;
		
					margin: 0px 2px 0 0;
					padding: 0px;
					font-size: 12px;
					font-family: Verdana,Geneva,Arial,sans-serif;
					color:#000;
					display: block;
					float: left;
					font-weight: bold;
					background-color: #696969;
				}
		
				/* style below however you want */
				#eventBox #eventBoxNavigation li.on {
					background-color: #95be74;
				}
			
			
			#eventBox #eventBoxDescriptions {
				position: absolute;		/* keeping this absolute to make it easier to position within the eventbox */
				z-index: 20;			/* keep this: it sets the position */
				overflow: hidden;		/* highly recommend that the overflow is hidden to prevent image bleeding on the website */
	
				/* style below however you want */
				width: 215px;
				height: 50px;
	
				top: 190px;
				left: 30px;
	
			}
			
				/* style below however you want */
				#eventBox #eventBoxDescriptions div {
					position: relative;		/* keep this relative to make it easier to position within the eventbox */
					height: 100%;			/* keep this as it ensures there is not a flicker on the text */
	
					padding: 0;
					color:#95be74;
					font-size: 12px;
					font-family: Arial,Helvetica,sans-serif;
				}
				
		#footer_content {
			width:900px; 
			margin:0 auto; 
			padding:0; 
			height:50px;
		}

			#social {
				position: relative;
				margin: 0px auto;
				padding: 0px;
				top:20px;
				left: 0px;
				width: 590px;
				height:30px;
			}
				#facebook {
					position: absolute;
					left: 0;
					top: 0;
				}
			
				#twitter {
					position: absolute;
					left: 30px;
					top: 0;
				}
				
				#youtube {
					position: absolute;
					left: 60px;
					top: 0;
				}
				
			#aacs {
				position: relative;
				margin: 0 auto;
				right: 0px;
				top: 0px;
				width: 300px;
				height: 47px;
			}
		
		
		#footer {
			position: relative;
			margin: 0px auto;
			padding: 0px;
			top:0px;
			left: 0px;
			width: 900px;
			height:30px;
		}
		
			#footer p {
				font-family: "Arial";
				font-size: 10px;
				color: #FFFFFF;
				line-height: 15px;
				text-align: left;
				margin-top: 0;
			}
			
			#footer p a:link, #footer p a:visited {
				color: #FFFFFF;
				text-decoration: underline;
			}
			
			#footer p a:hover, #footer p a:active {
				color: #AAAAAA;
				text-decoration: underline;
			}
			
#viewer_window {
	padding:10px;
	background:#3c1d54;
}

#viewer_close {
	position: relative;
	float: right;
	margin: 10px -10px 0 0;
}

#viewer_container {
	top:100px;
	left:0;
}