/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	background: #e3f0ff url(../_images/background.jpg) top center repeat-x;
	font-size: 14px;
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	color: #000000;
}

#sky {
	/*background: url(../_images/bg-blue.gif) top left repeat-x;
	height: 730px;*/
}

h2 {
	font-size: 16px;
	margin:0px;
	padding: 0px 0px 20px 90px;
}

h3 {
	font-size: 15px;
}

h3 a {
	color: #2f6fff;
	text-decoration: none;
	border-bottom: 1px #366 dotted;
}

h3 a:hover {
	border-bottom: 0px;
}

#wrapper {
	width: 1000px;
	margin: 0px auto;
	padding: 0px;
	position: relative;
}

#container {
	position: absolute;
	top: 44px;
	left: 190px;
	width: 565px;
	height: 551px;
	background: url(../_images/bigbubble.png) top left no-repeat;
	padding: 122px 0px 0px 112px;
}

* html #container {
	background-image: url(../_images/bigbubble.gif);
}

body#photos #container,
body#party #container {
	background-image: none;
	top: 0px;
	padding-top: 90px;
}

body#party #container {
	padding-top: 75px;
	padding-left: 65px;
}

body#home #container {
	background-image: url(../_images/peterandchristie.png);
	padding-left: 30px;
	width: 657px;
}

* html body#home #container {
	background-image: url(../_images/peterandchristie.gif);
}

#ring {
	position: absolute;
	top: 177px;
	right: 10px;
	width: 183px;
	height: 182px;
	z-index: 99;
	background: url(../_images/bubble-ring.png) top right no-repeat;
	behavior: url("../iepngfix.htc");
}

#title {
	position: absolute;
	top: 0px;
	right: 93px;
	width: 294px;
	height: 186px;
	background: url(../_images/bubble-title.png) top left no-repeat;
	z-index: 99;
	behavior: url("../iepngfix.htc");
	cursor: pointer;
}

#random {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 995px;
	height: 704px;
	background: url(../_images/bubbles-random.png) top left no-repeat;
	behavior: url("../iepngfix.htc");
}

body#home #random {
	width: 1000px;
	background-image:url(../_images/bubbles-random-home.png);
}

#hideme {
	display: none;
}
#content p {
	margin: 0px;
	padding: 10px 0px;
}

#peter {
	width: 108px;
	height: 163px;
	position: absolute;
	background: url(../_images/pcfield.png) top left no-repeat;
	top: 684px;
	behavior: url("../iepngfix.htc");
	left: 770px;
}




/** NAVIGATION **/
a.menu {
	text-decoration: none;
	z-index: 100;
	behavior: url("../iepngfix.htc");
	display: block;
	position: absolute;
	outline: none;
	cursor: pointer;
}

a#ceremony {
	top: 14px;
	left: 149px;
	width: 146px;
	height: 88px;
	background: url(../_images/nav-ceremony.png) 0px 0px no-repeat;
}
a#ceremony:hover {
	background-position: -146px 0px;
}

a#ceremony.active {
	background-image: none;
}

a#reception {
	top: 90px;
	left: 55px;
	width: 147px;
	height: 74px;
	background: url(../_images/nav-reception.png) top left no-repeat;

}
a#reception:hover {
	background-position: bottom left;
}

a#reception.active {
	background-image: none;
}

a#photos {
/*	top: 205px;
	left: 59px;*/
	top: 599px;
	left: 141px;
	width: 122px;
	height: 121px;
	background: url(../_images/nav-photos.png) top left no-repeat;

}
a#photos:hover {
	background-position: bottom left;
}

a#photos.active {
	background-image: none;
}

a#about {
/*	top: 340px;
	left: 23px;*/
	top: 506px;
	left: 66px;
	width: 101px;
	height: 90px;
	background: url(../_images/nav-about.png) top left no-repeat;

}
a#about:hover {
	background-position: bottom left;
}

a#about.active {
	background-image: none;
}

a#registry {
/*	top: 506px;
	left: 66px;*/
	top: 340px;
	left: 23px;
	width: 138px;
	height: 74px;
	background: url(../_images/nav-registry.png) top left no-repeat;

}
a#registry:hover {
	background-position: bottom left;
}

a#registry.active {
	background-image: none;
}

a#rsvp {
/*	top: 599px;
	left: 141px;*/
	top: 205px;
	left: 79px;
	width: 166px;
	height: 88px;
	background: url(../_images/nav-rsvp.png) top left no-repeat;

}
a#rsvp:hover {
	background-position: bottom left;
}

a#rsvp.active {
	background-image: none;
}





/** TITLES **/

#content {
	background: top left no-repeat; 
	padding: 91px 100px 0px 4px;
	line-height: 130%;
	behavior: url("../iepngfix.htc");
}

* html #content {
	width: 490px;
}

body#reception #content {
	background-image: url(../_images/title-reception.png);
}

body#ceremony #content {
	background-image: url(../_images/title-ceremony.png);
}

body#photos #content {
	background-image: url(../_images/title-photos.png);
}

body#about #content {
	background-image: url(../_images/title-about.png);
}

body#registry #content {
	background-image: url(../_images/title-registry.png);
}

body#rsvp #content {
	background-image: url(../_images/title-rsvp.png);
}

body#party #content {
	padding-top: 100px;
	background-image: url(../_images/title-party.png);
	height: 200px;
}

body#home #content {
	font-family: Tahoma;
	padding-top: 340px;
}


/** Wedding Party **/
.name {
	font-weight: bold;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	padding-top: 20px;
	display: block;
}

.job {
	font-style: italic;
	font-size: 11px;
}

td {
	padding-bottom: 10px;
}

.pictures {
	width: 262px;
}

.pictures img {
	behavior: url("/iepngfix.htc");
	float:left;
	width: 132px;
	margin-right: 10px;
}

#sameen {
	position: absolute;
	top: 180px;
	left: 70px;
}

#lauren {
	position: absolute;
	top: 330px;
	left: 20px;
}

#mrm {
	position: absolute;
	top: 465px;
	left: 80px;
}

#matt {
	position: absolute;
	top: 230px;
	left: 290px;
	text-align: right;
}

#damon {
	position: absolute;
	top: 380px;
	left: 340px;
	text-align: right;
}

#dave {
	position: absolute;
	top: 525px;
	left: 320px;
	text-align: right;
}

#matt img, #damon img , #dave img {
	float: right;
	margin: 0px 0px 0px 10px;
}

body#home #content h2,
body#home #content p {
	text-align: center;
}

body#home #content p {
	padding-left: 85px;
}

span.small, p.small {
	font-size: 11px;
}

form.rsvp {
	margin: 14px auto;
	width: 340px;
	position: relative;
}

form.rsvp.step2 {
	width: auto;
	font-size: 13px;
	margin-top: 3px;
}

form.rsvp label {
	font-weight: bold;
	width: 100px;
	display: block;
	float: left;
}

#content p.small { margin: 0px; padding: 0px;  }

form.rsvp input {
	border: 1px #0099CC solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 1px 2px;
	margin-bottom: 5px;
	width: 100px;
}

form.rsvp input.checkbox {
	width: 20px;
}

form.rsvp input.anon {
	width: 150px;
}


form.rsvp #submit {
	background-color: #66CCFF;
	font-weight: bold;
	position: absolute;
	top: 0px;
	right: 10px;
	border-width: 3px;
	border-right:  #003399 3px solid;
	border-bottom:  #003399 3px solid;
	padding: 10px 0px;
	outline: none;
	font-size: 14px;
}

form.step2 #submit {
	position: relative;
}

form.rsvp #submit:hover {
	border-color: #0099CC;
	border-left:  #003399 3px solid;
	border-top:  #003399 3px solid;
}

p.error {
	color:#990000;
	font-weight: bold;
	font-size: 12px;
}

form.rsvp div.rehersal {
	float: right;
	width: 200px;
	border: 1px #999 dotted;
	padding: 8px 10px;
	margin-bottom: 20px;
	line-height: 120%;
}