html {
	background: url(../images/html.jpg);
	background-repeat: repeat-x; 
	height: 100%;
}

div.container {
	margin: 0 auto;
	padding: 125px 0 0 0;
	height: 560px;
	width: 856px;
	background: url(../images/container.png) no-repeat 0px 100px;
}

li a#rsvp {
	text-indent: -9999px;
	display: block;
	height: 81px; 
	width: 223px;
	background: url(../images/rsvpbutton.jpg) no-repeat;
}

li a#rsvp:hover {
	background: url(../images/rsvpbutton.jpg) no-repeat 0 -82px;
}

li a#map {
	background: url(../images/map.png) no-repeat;
	text-indent: -9999px;
	height: 128px;
	width: 128px;
	display: block;	
}

li a#ical{
	text-indent: -9999px;
	display: block;
	height: 85px;
	width: 81px;
	background: url(../images/calendar_background.png) no-repeat;
}

div#content {
	margin: 20px 0 0 50px;
}

div#branding{
	margin: 0 0 0 235px;
}

h1{
	height: 117px;
	width: 362px;
	display: block;
	text-indent: -9999px;
	background: url(../images/glorias.jpg) no-repeat;
}

h2#subtitle {
	margin: -10px 0 0 -195px;
	font-size: 40pt; 
	font-weight: bold;
}

h2{
	font-size: 20pt;
}

div#description{
	margin: -105px 0 0 420px;
	width: 380px;
}

div#description ul {
	list-style: circle;
}

div#description ul li {
	padding: 5px;
}

ul#nav{
	margin: -5px 0 0 190px;
}

ul#nav li{
	float: left;
	margin: 5px;
}
