/*
	Horizontal Accordion
*/
.about_accordion_toggle {
	/* REQUIRED */
	float: left;	/* This make sure it stays horizontal */
	/* REQUIRED */

	display: block;
	height: 810px;
	width: 20px;
	background:  #7F8EAD;
	background:  #FF0000;
	color: #ffffff;
	text-decoration: none;
	outline: none;
	border-right: 0px solid #CFCEFD;
	cursor: pointer;
	margin: 0 0 0 0;
}
.about_accordion_toggle_active {
}
.about_accordion_content {
	/* REQUIRED */
	height: 810px;	/* We need to define a height for the accordion as it stretches the width */
	float: left;	/* This make sure it stays horizontal */
	/* REQUIRED */

	overflow: hidden;
	background-color: #CFCEFD;
	color: #444444;
}
.about_accordion_content p {
	width: 720px;
	line-height: 140%;
	padding: 5px 5px 5px 5px;
	font-size: 13px;
}
#hali.about_accordion_toggle{
	background: url(../images/hali.png) no-repeat top left #7F8EAD;
}
#hali.about_accordion_toggle_active{
	background: url(../images/hali.png) no-repeat top left #FD9162;
}
#chris.about_accordion_toggle{
	background: url(../images/chris.png) no-repeat top left #7F8EAD;
}			
#chris.about_accordion_toggle_active{
	background: url(../images/chris.png) no-repeat top left #FD9162;
}			
#bride.about_accordion_toggle{
	background: url(../images/herpeeps.png) no-repeat top left #7F8EAD;
}
#bride.about_accordion_toggle_active{
	background: url(../images/herpeeps.png) no-repeat top left #FD9162;
}
#groom.about_accordion_toggle{
	background: url(../images/hispeeps.png) no-repeat top left #7F8EAD;
}
#groom.about_accordion_toggle_active{
	background: url(../images/hispeeps.png) no-repeat top left #FD9162;
}
#how.about_accordion_toggle{
	background: url(../images/how.png) no-repeat top left #7F8EAD;
}
#how.about_accordion_toggle_active{
	background: url(../images/how.png) no-repeat top left #FD9162;
}
/* Container styling*/
#about_container {
  margin: 0 auto;
  width: 800px;
  height: 808px;
}


/* Gallery */

.gallery_accordion_toggle {
	/* REQUIRED */
	float: left;	/* This make sure it stays horizontal */
	/* REQUIRED */

	display: block;
	height: 810px;
	width: 20px;
	background:  #7F8EAD;
	background:  #FF0000;
	color: #ffffff;
	text-decoration: none;
	outline: none;
	border-right: 0px solid #CFCEFD;
	cursor: pointer;
	margin: 0 0 0 0;
}
.gallery_accordion_toggle_active {
}
.gallery_accordion_content {
	/* REQUIRED */
	height: 810px;	/* We need to define a height for the accordion as it stretches the width */
	float: left;	/* This make sure it stays horizontal */
	/* REQUIRED */

	overflow: hidden;
	background-color: #CFCEFD;
	color: #444444;
}
.gallery_accordion_content p {
	width: 720px;
	line-height: 140%;
	padding: 5px 5px 5px 5px;
	font-size: 13px;
}
#couple.gallery_accordion_toggle{
	background: url(../images/couple.png) no-repeat top left #7F8EAD;
}
#couple.gallery_accordion_toggle_active{
	background: url(../images/couple.png) no-repeat top left #FD9162;
}
#hotel.gallery_accordion_toggle{
	background: url(../images/hotel.png) no-repeat top left #7F8EAD;
}			
#hotel.gallery_accordion_toggle_active{
	background: url(../images/hotel.png) no-repeat top left #FD9162;
}			
#other.gallery_accordion_toggle{
	background: url(../images/other.png) no-repeat top left #7F8EAD;
}
#other.gallery_accordion_toggle_active{
	background: url(../images/other.png) no-repeat top left #FD9162;
}
/* Container styling*/
#gallery_container {
  margin: 0 auto;
  width: 800px;
  height: 808px;
}