/** 
 * 	z-index guide
 *		1 - #middle
 *		2 - #tree
 *		3 - #menu (needed so that the links are not overlapped by the 100% height tree image)
 * 		3 - #slideshow
 * 		5 - #photo
 * 		6 - #slideshow_x
 */

body {
	background: #9d3431 url('../images/bg_main.jpg') repeat-x top left;
	color: #341b02;
	font: 14px Arial, Helvetica, sans-serif;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

html {
	height: 100%;
	overflow: auto;
}

img {
	border: 0px none;
}

a:link {
	color: #f3c79a;
	text-decoration: none;
}
a:visited {
	color: #f3c79a;
	text-decoration: none;
}
a:hover {
	color: #f3e4d4;
	text-decoration: none;
}
a:active {
	color: #f3c79a;
	text-decoration: none;
}



#bigday_opening {
	padding-left: 50px;
	padding-right: 40px;
	padding-bottom: 50px;
}

#bigday_ceremony {
	padding-left: 50px;
	padding-bottom: 50px;
}

#bigday_reception {
	padding-left: 50px;
	padding-right: 40px;
}

#contact_methods {
	margin: auto auto;
	width: 700px;
}

#contact_methods_center {
	float: left;
	position: relative;
	width: 220px;
}

#contact_methods_left {
	float: left;
	position: relative;
	width: 280px;
}

#contact_methods_right {
	float: left;
	position: relative;
}

#contact_opening {
	padding-left: 50px;
	padding-bottom: 50px;
}

#content {
	clear: both;
	padding: 0px 10px 0px 10px;
	position: relative;
}

#content_outdated {
	clear: both;
	display: none;
	padding: 0px 10px 0px 10px;
	position: relative;
}

#events_bachelor {
	padding-left: 50px;
	padding-bottom: 50px;
}

#events_bachelorette {
	padding-left: 50px;
	padding-bottom: 50px;
}

#events_bridal {
	padding-left: 50px;
	padding-bottom: 50px;
}

#events_rehearsal {
	padding-left: 50px;
	padding-right: 40px;
	padding-bottom: 50px;
}

#home_opening {
	padding-left: 50px;
	padding-right: 40px;
	padding-bottom: 50px;
}

#home_picture {
	margin: auto auto auto auto;
	width: 346px;
	padding-bottom: 50px;
}

#hotel_address {
	font-size: 16px;
	text-align: center;
}

#hotel_desc {
	margin: auto auto auto auto;
	padding-top: 30px;
	width: 700px;
}

#hotel_images {
	text-align: center;
	padding-top: 30px;
}

#menu {
  	background-image: url('../images/bg_menu.jpg');
  	background-repeat: repeat-x;
  	float: left;
  	height: 240px;
  	position: relative;
  	width: 100%;  
	z-index: 3; 
}

#menu li {
	float: left;
}

#menu ul {
	float: left;
  	margin:0;   
  	padding:0;   
  	list-style-type: none; 
}

#middle {
	background: #ae3935 url('../images/bg_middle.jpg') repeat-y top left;
	margin: 0 auto;
	min-height: 100%;
	position: relative;
	width: 800px;
	z-index: 1;
}

#slideshow {
	background-image: url('../images/bg_slideshow.png');
	overflow: auto;
	display: none;
	height: 100%;
	position: absolute;
	width: 100%;	
	z-index: 3;
}

#slideshow_alignment {
	position: relative;
	margin: 100px auto;
	z-index: 5;
}

#slideshow_next {
	display: inline;
}

#slideshow_next_img {
	opacity: 0.5;
}

#slideshow_next_spacer {
	display: inline;
}

#slideshow_prev {
	display: inline;
}

#slideshow_prev_img {
	opacity: 0.5;
}

#slideshow_prev_spacer {
	display: inline;
}

#slideshow_x {
	margin-top: -25px;
	float: right;
	opacity: 0.5;
	position: absolute;
	z-index: 6;
}

#story_karl {
	padding-left: 50px;
	padding-right: 40px;
	padding-bottom: 50px;
}

#story_lisa {
	padding-left: 50px;
	padding-right: 40px;
	padding-bottom: 50px;
}

#story_meet {
	padding-left: 50px;
	padding-right: 40px;
	padding-bottom: 50px;
}

#story_knee {
	padding-left: 50px;
	padding-right: 40px;
	padding-bottom: 50px;
}

#tree {
	background-image: url('../images/tree.png');
	background-position: bottom;
	background-repeat: no-repeat;
	bottom: 0;
	min-height: 100%;
	left: 50%;
	margin-left: -616px;
	position: absolute;
	width: 324px;
	z-index: 2;
}

#wedding_parents {
	padding-left: 50px;
	padding-bottom: 50px;
}

#wedding_girls {
	padding-left: 50px;
	padding-bottom: 50px;
}

#wedding_men {
	padding-left: 50px;
	padding-bottom: 50px;
}

#wedding_ring {
	padding-left: 50px;
	padding-bottom: 50px;
}

#xtinct {
	bottom: 0;
	right: -100px;
	min-height: 100%;
	position: absolute;
	width: 100px;
	z-index: 2;
}

#xtinct_vert {
	position: absolute;
	bottom: 0;
	width: 100px;
}


.coming_soon {
	color: #f3c79a;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.emphasis {
	color: #ffc179;
	font-size: 16px;
}

.title {
	color: #f3e4d4;
	font-size: 36px;
	font-family: Arial, Helvetica, sans-serif;
}

.section {
	color: #f3c79a;
	font-size: 16px;
	font-weight: bold;
}