/*Index Page Specific Styling*/


#navigationIndex{
width:786px;
height:50px;
margin-left:150px;
margin-top:11px;
}



#mainTopIndex{   /*TOP section of the "Contained" area of the page where the ADMIN link is held - for the Index Page*/
background-image:url(images/2012_indexContentTop.png);
width:1024px;
height:21px;
}	



#mainMidIndex{ /*Holds the MIDDLE background image with the Vertical Left "party" column of images and the Right "Corporate" column of images*/
width:1024px;
height:468px;
background-image:url(images/2012_indexConentMid.png);
}
	
	
	
#contentIndex{  /*Holds ALL the  Words/content of the Index page*/		
width:680px;
height:420px;
margin:0 0 0 150px;
overflow-x:hidden;
overflow-y: hidden;
}
	
	
#mainBotIndex{   /*Bottom section of the "Contained" area of the page where the ADMIN link is held - for the Index Page*/
background-image:url(images/2012_indexContentBot.png);
width:1024px;
height:44px;
}	
	
#sloganIndex{
	width:451px;
	height:71px;
	margin-left:100px;
	}
	

#textBoxIndex1{
	width:451px;
	margin:25px 0 0 100px;
	font:130% 'helvetica neue',sans-serif;
	line-height: 1.4em;   
	color: #A9A9A9;
	text-align: center;
	}

#textBoxIndex2{
	width:650px;
	margin:75px 0 0 20px;
	font:200% 'helvetica neue',sans-serif;
	line-height: 1.4em;   
	color: #A9A9A9;
	text-align: center;
	}

#textBoxIndex3{
	width:550px;
	margin:50px 0 0 65px;
	font:130% 'helvetica neue',sans-serif;
	line-height: 1.4em;   
	color: #A9A9A9;
	text-align: center;
	}


	
	


/*Main Page CSS Elements*/

* { margin: 0; padding: 0 }	


/*DO NOT EDIT - General Style to all parts of the page except when specified elswhere*/
body {
font:75% 'helvetica neue',sans-serif;
line-height: 1.4em;   
color: #A9A9A9;
text-align: center;

width: 1025px;
overflow-x: hidden;
overflow-y: auto;
margin: auto;
padding-bottom: 20px;
background-color:white;
background-repeat: repeat;
}

/*DO NOT EDIT - General Style to all 'PARAGRAPHS' of the page except when specified elswhere*/
p { 
font:80% 'helvetica neue',sans-serif; 
text-align: center; 
margin:2px 0; 
color:#A9A9A9; 
}






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

/*Style for HEADER-1 Links*/
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;}

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

/*Syle for HEADER-2 Links*/
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;}

/*General Styiling for Links that aren't othwise specifically styled*/
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*/




/*DO NOT EDIT - Global holder housing the whole page, banner and all*/

#holder{  
margin:0 auto;
width:1025px;
}


/*DO NOT EDIT - Div that houses the Banner Image*/

#banner{   
background-image:url(images/2012_banner.png);
width:1024px;
height:125px;
overflow: hidden;
}
				
/*DO NOT EDIT - Holds all the Information that is in the Banner including the Logo*/

#bannerInfoHolder{
margin-left:440px;
padding-top:5px;
width:575px;	
height:119px;
overflow: hidden;
}
		
/*DO NOT EDIT - Style dictating NO BORDER on the logo in the Banner since it's a link*/

#bannerInfoHolder img, a{ border:none;}
#bannerInfoHolder img, a:hover{ border:none;}
		
/*Style of the Contact Information (text) within the Banner*/

#bannerContact{
color: white;
font:125% 'helvetica neue',sans-serif;
}

/*Style of the Contact Information (text) within the Banner AS A LINK*/	

#bannerContact a{
color: white;
margin-top:10px;
font:100% 'helvetica neue',sans-serif;
font-style:normal;
}








/*Navigation Specific CSS*/

#navigation{
width:786px;
height:50px;
margin-left:150px;
margin-top:11px;
}





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

#partyRoll a{background-image:url(images/lv_photo_party_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/lv_photo_party_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/lv_photo_party_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/lv_photo_party_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/lv_photo_party_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/lv_photo_party_about.jpg); height: 30px; width: 180px; float:left; display:block;}
#aboutRoll a:hover { background-position: 0 -30px;}	
#aboutRoll a:active {background-position: 0 -60px;}
			



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


#mainTop{   
background-image:url(images/2012_contentTop.png);
width:1024px;
height:21px;
}

#mainMid{ 
background-image:url(images/2012_contentMid.png);
width:1024px;
height:468px;
}
	

	
/*DO NOT EDIT - All The Content held within the MAIN space of the page design, below the Navigation bar, is held in this tag*/	
#content{  
background-color: black;
padding:2px;
width:790px;
height:450px;
margin:0 auto;
overflow-x:hidden;
overflow-y: hidden;
}
		
		
		




/*FOOTER - contains all social media links, credits, admin login and client login links at bottom of page design*/




/*DO NOT EDIT - Bottom section of the "Contained" area of the page where the ADMIN link is held*/

#mainBot{   
background-image:url(images/2012_contentBot.png);
width:1024px;
height:44px;
}


/*DO NOT EDIT - This holds all the Social Media Links together - FB, TWIT, MySp*/
#networking {
margin-top:15px;float:left; margin-left:50px; width:175px;
}

/*DO NOT EDIT - FACEBOOK Styling*/
#fbLogo a{display:block; background-image:url(images/lv_photo_party_facebookLogo.png); margin-right:10px; height:18px; width:18px; float: left;}
#fbLogo a:hover{background-position:0 -18px;}

/*DO NOT EDIT - TWITTER Styling*/
#twitterLogo a{display:block;	background-image:url(images/lv_photo_party_twitterLogo.png); margin:1px 10px 0 0; height:16px; width:16px; float: left;}
#twitterLogo a:hover{background-position:0 -16px;}








/*jFiveDesigns Credentials for creating the site*/
.credits{
float:left;
width:300px;
padding-top:18px;
margin-left:125px;
font:75% 'helvetica neue' ,sans-serif;
text-align:center;
line-height: 1.6em;   
color: #A9A9A9;
}

/*jFiveDesigns Credentials for creating the site AS A LINK*/
.credits a{
font:100% 'helvetica neue' ,sans-serif;
color:red;
	}


/*DO NOT EDIT - ADMIN Text Styling*/
#admin{	float:left; margin:10px 0 0 225px;}
/*DO NOT EDIT - ADMIN Styling for text*/
#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*/

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




#partyContentHolder{
	
	width:785px;
	height:150px;
	}

		#partyText{ /*DIV on the Left holding the Main text of page*/
			float:left;
			margin:0 auto;
			margin:5px 0 10px 25px;
			width:450px;
			height:125px;
			font-size:110%;
			}
		
		#partyContact{ /*Box on the Right with Contact info and Links*/
			float:left;
			padding-top:10px;
			margin:10px 0 10px 50px;
			width:230px;
			Height:90px;
			
			border: #A9A9A9 solid thin;
			}
		
		
		
		
		
			
		#partyImage{ /*DIV that holds the Thumbnail Images on "theParty" page*/
			margin:0 auto;
			height:90px;
			width:650px;
			color: #A9A9A9;
			margin-top:10px;
			}	
			
			.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:420px;
		height:335px;
		}








/*CSS for the Gallery Selector Page*/

#galleryButtonsHolder{
	float:left;
	height:150px;
	margin:45px 0 0 70px;
	
	}


	#greenGalleryButtonsHolder{
	float:left;
	width:175px;
	margin:0 0 0 135px;
	}


.galleryButtons{
	float:left;
	width:100px;
	height:150px;
	margin:0 15px 0 15px;
	border: none;
	}

.galleryButtons img,a{
	border: none;
	}




/*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;}		
	
		
		
	
	
	
	
	
	
	
	
	
	
/*FAQ page CSS*/

#FAQholder{
		width:780px;
		height:100%;
		margin-left:5px;
		overflow-y: scroll;
		}
	



		.Q{
			width:625px;
			margin:0 0 -12px 40px;
			float: left;
			font-family:Times New Roman;		
			color:white;
			font-size:xx-large;
			text-align: left;
			}
		
		.Qt{
			width:625px;
			margin:0 0 10px 60px;
			float: left;
			font-family:Times New Roman;		
			color:white;
			font-size:large;
			text-align: left;
			}
		
		
		.A{
			width:625px;
			margin:0 0 -12px 50px;
			float: left;
			font-family:Times New Roman;		
			color:#CCCCCC;
			font-size:x-large;
			text-align: left;
			}
		
		
		
		.At{
			width:625px;
			margin:0 0 25px 60px;
			float: left;
			font-family:Times New Roman;		
			color:#CCCCCC;
			font-size:larger;
			text-align: left;
			}
			
			
			
			
			
			
			
			
			
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
		
		
		
		
/*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-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:5000px; 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;
	}