/*Splash Page*/

#splashHolder{
	width:816px;
	height:575px;
	margin:0 auto;
	margin-top:50px;
	background-image:url(images/SplashPage.jpg);
	}


/*Index Page*/

#indexContent{
	width:790px;
	margin:50px 0 0 0;
	}

	#contentTop{
		width:790px;
		height:17px;
		background-image: url(images/indexContentTop.jpg);
		}
	
	#contentMid{
		width:790px;
		height:125px;
		color: white;
		font:75% 'helvetica neue',sans-serif;
		font-size:larger;
		
		background-image: url(images/indexContMid.jpg);
		}
		
		
		
		#contentMid p{
			color: white;
			font:75% 'helvetica neue',sans-serif;
			font-size:x-large;
			
			}
	
	#contentBot{
		width:790px;
		height:17px;
		background-image: url(images/indexContentBot.jpg);
		}



/*Main Page CSS Elements*/

* { margin: 0; padding: 0 }	

body {
font:75% 'helvetica neue',sans-serif;
line-height: 1.4em;   
color: #A9A9A9;
 
width: 825px;
overflow-x: hidden;
overflow-y: hidden;
margin: auto;
text-align: center;
padding-bottom: 20px;
background-image:url(images/AZppBKG.jpg);
background-repeat: repeat;
}


p { 
font:80% 'helvetica neue',sans-serif; 
text-align: center; 
margin:2px 0; 
color:#A9A9A9; 
}



/*Heading Styles*/


h1{
color:white; 
text-align:center; 
font: 115% 'helvetica neue',sans-serif;
letter-spacing:3px;
text-decoration:underline;
}

h1 a{color:white; text-align:center; font: 100% 'helvetica neue',sans-serif; letter-spacing:2px; text-decoration: underline;}
h1 a:hover{color:#B0C4DE; text-align:center; font: 100% 'helvetica neue',sans-serif; letter-spacing:2px; text-decoration: underline;}




h2{
color:white; 
text-align:center; 
font: 110% 'helvetica neue',sans-serif; 
letter-spacing:1px;
}

h2 a{color:white; text-align:center; font: 100% 'helvetica neue',sans-serif; letter-spacing:2px; text-decoration: underline;}
h2 a:hover{color:#B0C4DE; text-align:center; font: 100% 'helvetica neue',sans-serif; letter-spacing:2px; text-decoration: underline;}





a{color:white; text-align:center; font: 100% 'helvetica neue',sans-serif; letter-spacing:2px; text-decoration: underline;}
a:hover{color:#B0C4DE; text-align:center; font: 100% 'helvetica neue',sans-serif; letter-spacing:2px; text-decoration: underline;}




/*GLOBAL Page Design HOLDERS*/

#holder{  /*Global holder housing the whole page, banner and all*/
	margin:0 auto;
	width:836px;
	}


#banner{   /*Div that houses the Banner Image*/
	background-image:url(images/AZbanner.png);
	width:836px;
	height:119px;
	}
		
		

	#bannerInfoHolder{
		margin-left:450px;
		padding-top:25px;
		width:318px;	
		}
		
		
		#bannerInfoHolder img, a{ border:none;}
		#bannerInfoHolder img, a:hover{ border:none;}
		
		
	#bannerContact{
		color: white;
		margin-top:10px;
		font:125% 'helvetica neue',sans-serif;
		}
		
		#bannerContact a{
		color: white;
		margin-top:10px;
		font:100% 'helvetica neue',sans-serif;
		font-style:normal;
		}




/*Navigation Specific CSS*/

#navigation{
	background-image:url(images/MenuBack.png);
	width:786px;
	height:50px;
	padding-left:50px;
	padding-top:12px;
	}



/*These specifically control the Rollover Actions in for the Navigation.  The Rollover is acheived with CSS-position element*/

#partyRoll a{background-image:url(images/theParty.jpg); height: 30px; width:98px; float:left; display:block;}
#partyRoll a:hover {background-position: 0 -30px;}	
#partyRoll a:active {background-position: 0 -60px;}

#servicesRoll a{background-image:url(images/services.jpg); height: 30px; width:96px; float:left; display:block;}
#servicesRoll a:hover { background-position: 0 -30px;}	
#servicesRoll a:active {background-position: 0 -60px;}

#corpServicesRoll a{background-image:url(images/corpServices.jpg); height: 30px; width:171px; float:left; display:block;}
#corpServicesRoll a:hover { background-position: 0 -30px;}	
#corpServicesRoll a:active {background-position: 0 -60px;}

#contactRoll a{background-image:url(images/contact.jpg); height: 30px; width:100px; float:left; display:block;}
#contactRoll a:hover { background-position: 0 -30px;}	
#contactRoll a:active {background-position: 0 -60px;}

#galleriesRoll a{background-image:url(images/galleries.jpg); height: 30px; width:99px; float:left; display:block;}
#galleriesRoll a:hover { background-position: 0 -30px;}	
#galleriesRoll a:active {background-position: 0 -60px;}

#aboutRoll a{background-image:url(images/about.jpg); height: 30px; width: 180px; float:left; display:block;}
#aboutRoll a:hover { background-position: 0 -30px; height: 30px; width: 180px;}	
#aboutRoll a:active {background-position: 0 -30px; height: 30px; width: 180px;}
			



/*Main Content Area CSS - Holds the page design together*/




#mainMid{ /*This Houses*/
	background-image:url(images/ContentMid.png);
	width:836px;
	height:410px;
	}
		
	#content{  /*ALL THE CONTENT IS HELD WITHIN THIS DIV*/
		background-color: black;
		padding:2px;
		width:790px;
		height:410px;
		margin:0 auto;
		overflow-x:hidden;
		overflow-y: hidden;
		}

#mainBot{   /*Bottom section of the "Contained" area of the page where the ADMIN link is held*/
	background-image:url(images/ContentBot.png);
	width:836px;
	height:48px;
	}


#networking {
padding-top:7px;float:left; margin-left:50px;
}

#networking img, a{border:none;}

#networking img, a:hover{border:none;}





.credits{
	float:left;
	width:300px;
	padding-top:7px;
	margin-left:59px;
	
	font:75% 'helvetica neue' ,sans-serif;
	text-align:center;
	line-height: 1.6em;   
	color: #A9A9A9;
	}
.credits a{
	color:red; font:100% 'helvetica neue' ,sans-serif;
	
	}

		
#admin{	float:left; margin-left:120px;}

#admin a{color:red; font:75% 'helvetica neue',sans-serif; float:left; margin:10px;}
	
	


/*INDIVIDUAL PAGE - Content CSS*/

#partySlogan{/*This is the Image that says  "The Photo Booth Re-Invented" on "theParty" page*/
	float:top;
	width:790px;
	height:80px;
	}


		#partyText{ /*DIV to hold all text on "theParty" page*/
			float:top;
			margin:0 auto;
			margin-top:10px;
			margin-bottom:10px;
			width:550px;
			}
			
		#partyImage{ /*DIV that holds the Thumbnail Images on "theParty" page*/
			float:top;
			margin:0 auto;
			height:90px;
			width:650px;
			}	
			
			.partyImagesSingle{
				width:75px;
				height:75px;
				float:left;
				margin:5px 15px 5px 15px;
				
				}

/*Services CSS*/			
#servicesTextHolder{ /*DIV that holds the Text on the "Services" page*/
	width:450px;
	height:375px;
	margin-top:25px;
	float:left;
	}


		
	#servicesText1{ /*First of two Text DIVs housed Within the 'servicesTextHolder' on the Services page*/
		width:450px;
		margin-top:10px;
		letter-spacing:3px;
		}
	
	#servicesText2{ /*Second of two Text DIVs housed Within the 'servicesTextHolder' on the Services page*/
		width:450px;
		color:white;
		margin-top:30px;
		line-height:2em;
		}
		
		
#servicesImages{ /*Group Of HighSlide Gallery Images on the Services page housed WITHIN the 'content' DIV on the Services page (NOT within the 'servicesTextHolder' DIV*/
	float:left;
	margin-left:50px;
	margin-top:50px;
	width:275px;
	overflow-x: hidden;
	overflow-y: hidden;
	color:#A9A9A9; 
	text-align:center; 
	font: 80% 'helvetica neue',sans-serif;
	letter-spacing:3px;
	}	
	
	.servicesImagesSingle{ /*Styling for the Individual images for the HighSlide Gallery*/
		margin-bottom:50px;
		width:75px;
		height:100px;
		float:left;
		margin:5px;
		}





/*CSS for the CORPORATE SERVICES Panel*/

#corpServicesBox1{ /*General DIV to hold the First TEXT group and the First IMAGE group*/
		float:left;
		width:380px;
		height:325px; 
		margin-top:10px;
		margin-left:25px;
		}
		
		
	#corpServicesText1{ /*Left side TEXT on the "corpServices" page*/
		float:left;
		width:225px;
		height:300px;
		font:100% 'helvetica neue',sans-serif;
		text-align: center;
		color:#A9A9A9;
		line-height: 1.4em;  
		margin-top:10px;
		letter-spacing:3px;
		padding:5px;
		border-right:thick red solid;
		}
		
		
#corpServicesBox2{ /*General DIV to hold the Second TEXT group and the Second IMAGE group*/
		float:left;
		width:380px;
		height:325px; 
		margin-top:10px;
		}
		
			
	#corpServicesText2{ /*Right side TEXT on the "corpServices" page*/
		float:left;
		width:210px;
		height:275px;
		font:125% 'helvetica neue',sans-serif;
		text-align: center;
		color:#A9A9A9;
		line-height: 1.4em;  
		margin-top:10px;
		letter-spacing:1px;
		padding:25px 10px 10px 10px;
		border-left:thick red solid;
		}
		
		

#corpServicesImage{ /*Houses the Two Vertical IMAGE coloms on the "corpServices" page*/
	float:left;
	width:80px; 
	height:325px;
	margin:0 15px 0 15px;
	}
			
.corpThumbnail{ /*Styling for the Individual images for the HighSlide Gallery*/
	width:75px;
	}







/*CSS for the CONTACT Panel*/
	
#contactInfo{
	float:left;
	width:250px;
	height:330px;
	font:100% 'helvetica neue',sans-serif;
	text-align: left;
	color:#A9A9A9;
	line-height: 1.6em;  
	margin:40px 50px 0 50px;
	letter-spacing:3px;
	}
		
#contactInfo a{font:90% 'helvetica neue',sans-serif; text-align: left; color:white; line-height: 1.6em; letter-spacing:3px; text-decoration:none;}
#contactInfo a:hover{font:90% 'helvetica neue',sans-serif; text-align: left; color:#B0C4DE; line-height: 1.6em; letter-spacing:3px; text-decoration:underline;}
	

		
		
	#googleMap{ /*Google Map DIV - Sizes and positions the iFrame Element for the Google Map*/
		float:left;
		margin-top:20px;
		width:385px;
		height:310px;
		}








/*CSS for the Gallery Selector Page*/

.galleryButtons{
	float:left;
	margin:15px 25px 20px 150px;
	width:150px;
	height:150px;
	}









/*CSS for the ABOUT Panel*/		
#aboutDiv{
		background-color: black;
		margin:0 auto;
		width:785px;
		height:410px;
		border: black;
		border-style: solid;
		overflow-x:hidden;
		overflow-y: scroll;
		}

#aboutText{
	margin:0 auto;
	width:650px;
	padding:0px  25px 0px 25px;
	font:115% 'helvetica neue',sans-serif; 
	text-align: center; 
	margin-top: 15px; 
	color:#A9A9A9; 
	}

	
	

#aboutImg{
	
	
	}
#aboutImg img, a{ border:none;}
#aboutImg img, a:hover{ border:none;}		
	
		
		
		
		
		
		
/*This Starts the CSS for Galleria*/

#galleryWrap{
	width:740px;
	height:380px;	
	border-style:dotted;
	border-color:white;
	border-width: thin;	
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	background-color:transparent;
	color:#bba;
	font: 80% 'helvetica neue',sans-serif;
	}

#thumbsWrap{ /*Div tag that Houses the Thumbnails*/
	height:80px;
	overflow-y: hidden;
	overflow-x: scroll;
	margin-top:5px;
	margin-left:20px;	
	}




.galleria{
	list-style:none;
	width:785px
	}

.galleria li{
	display:block;
	width:60px;
	height:60px;
	overflow:hidden;
	float:left;
	margin:0 10px 10px 0
	}

.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;}
* html .galleria li div span{width:400px} /* MSIE bug */


#main_image{ /*Main Image Being Displayed*/
	margin:0px auto 10px auto;
	height:300px;
	width:700px;
	background:transparent;
	}
	
#main_image img{
	margin-bottom:5px;
	}


	.gallery_demo{width:1000px; height:80px; overflow-y: hidden; margin:0 auto;}
		.gallery_demo li{float:left; width:68px;height:50px;border:5px double #111;margin: 0 2px;background:#000;}
		.gallery_demo li div{left:240px}
		.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}




.linkline a{
	padding:0px;
	margin:0px;
	font:100% 'helvetica neue',sans-serif; 
	text-align: center; 
	color:#A9A9A9; 
}







.caption{ /*The Caption on the Main Image being displayed*/
	font-style:italic;
	color:#887;
	font-size:smaller;
	text-align:center; 
	font: 80% 'helvetica neue',sans-serif; 
	letter-spacing:3px;
	text-transform:uppercase;
	}