<!--

div.wedding_content {
    float: left;
	width: 768px;
	padding: 0px;
	background-image: url("graphics/weddings/weddings_bkg.gif");
	background-repeat: repeat-y;
	background-position: left top;
}

#left {
	float: left;
	width: 212px;
	background-image: url("graphics/weddings/weddings_left_bkg.jpg");
	background-repeat: no-repeat;
	background-position: 0px 10px;
	color: #FFF;
}

#left h1 {font-size: 130%; color: #FFF; text-align: center; margin: 8px 0px 4px 0px;}

#left p.heading {font-size: 130%; font-weight: bold; color: #FFF; text-align: center; margin: 8px 0px 4px 0px;}

#left ul {padding: 0px; margin: 0px; list-style: none; font-size: 80%;}
#left li {float: right; width: 110px; line-height: 20px; font-weight: bold; border-bottom: 1px solid #FFF; text-align: right; padding-right: 12px;}
#left li.on {background-image: url("graphics/weddings/arrow.gif"); background-repeat: no-repeat; background-position: right top;}

#left strong {color: #E3B49D;}

#left a:link {text-decoration: none; color: #FFF;}
#left a:visited {text-decoration: none; color: #FFF;}
#left a:hover {text-decoration: underline; color: #E3B49D;}
#left a:active {text-decoration: underline; color: #E3B49D;}

#left img {margin: 5px 8px 10px 18px;}

div.left_nav {
    width: 212px;
    height: 340px;
    overflow: hidden;
}

div.left_info {
    width: 204px;
    padding: 0px 0px 0px 8px;
	font-weight: bold;
	font-size: 80%;
}

div.main {
	float: left;
	width: 536px;
	padding: 0px 10px 0px 10px;
	background-image: url("graphics/home_bkg.jpg");
	background-repeat: repeat-x;
	background-position: left top;
	font-size: 80%;
}

div.main2 {
    float: left;
	width: 536px;
}

h1 {font-size: 140%; margin: 15px 0px 15px 0px;}

h2 {font-size: 140%; margin: 15px 0px 15px 0px;}

h3 {font-size: 120%; margin: 15px 0px 15px 0px;}

#list {font-weight: bold;}
#list li {padding: 8px 0px 8px 0px;}

#albums ul {font-weight: bold; font-size: 100%; padding: 0px; margin: 0px; position: relative;}
#albums li {padding: 4px 0px 4px 0px;}

div.album {float: left; width: 536px; border-bottom: 1px solid #DDD; padding-bottom: 5px; margin-bottom: 10px;}
div.album2 {float: left; width: 536px; margin-bottom: 10px;}

div.list_container1 {float: left; z-index: 2; position: relative; padding: 0px 0px 0px 20px; width: 370px;}
div.list_container2 {float: left; z-index: 2; position: relative; padding: 0px 0px 0px 20px; width: 360px;}
div.list_container3 {float: left; z-index: 2; position: relative; padding: 0px 0px 0px 20px; width: 310px;}
div.list_container4 {float: left; z-index: 2; position: relative; padding: 0px 0px 0px 20px; width: 380px; margin-top: -15px;}
div.list_container5 {float: left; z-index: 2; position: relative; padding: 0px 0px 0px 20px; width: 330px;}
div.list_container6 {float: left; z-index: 2; position: relative; padding: 0px 0px 0px 20px; width: 360px;}
div.list_container7 {float: left; z-index: 2; position: relative; padding: 0px 0px 0px 20px; width: 350px;}
div.list_container8 {float: left; z-index: 2; position: relative; padding: 0px 0px 0px 20px; width: 300px;}

img.album1 {float: left; margin: 0px -65px 0px 5px; z-index: 1; position: relative;}
img.album2 {float: left; margin: 0px -110px 0px 5px; z-index: 1; position: relative;}
img.album3 {float: left; margin: 0px -40px 0px 5px; z-index: 1; position: relative;}
img.album4 {float: left; margin: 0px -35px 0px 5px; z-index: 1; position: relative;}
img.album5 {float: left; margin: 0px 10px 0px 5px; z-index: 1; position: relative;}
img.album6 {float: left; margin: 0px 10px 0px 5px; z-index: 1; position: relative;}
img.album7 {float: left; margin: 0px 10px 0px 5px; z-index: 1; position: relative;}
img.album8 {float: left; margin: 0px 0px 0px 5px; z-index: 1; position: relative;}

img.graphistudio {position: relative; top: 8px;}

-->