/* CSS for celebrate-with-us.com */

* {margin:0; padding:0; border:none; outline:none}
h2, h3, h4, h5 {font-weight:bold}
h2 {clear:both; margin-bottom:20px; font-size:23px}
h3 {font-size:20px; margin-bottom:20px}
h4 {clear:both; margin-bottom:30px; font-size:18px}
h5 {font-size:14px; margin-bottom:20px}
p {line-height:1.35em}
ol {margin:0 0 25px 25px}
dl {float:left; width:100%; padding-bottom:30px}
	dl dt {clear:both; float:left; display:inline; width:200px; font-weight:bold}
	dl dd {float:left}
a {text-decoration:none; color:#056fa6}
	a:hover {text-decoration:underline}
input, textarea {margin-bottom:10px; padding:8px; font-size:12px; font-weight:bold; color:#555454; font-family:Palatino, Times, "Times New Roman", serif; border:1px solid #bdbdbd}
select {width:auto; vertical-align:top; font-size:12px; font-weight:bold; color:#555454; font-family:Palatino, Times, "Times New Roman", serif; border:1px solid #bdbdbd}
option {padding:1px}
input {width:362px}
textarea {width:615px}
label {font-style:italic}
form .checkbox {width:auto}
form h4 {margin:20px 0}
hr {clear:both; margin:40px 0; border:1px dotted #d6d4d6}

body {font-size:18px; line-height:1.5em; font-family:Palatino, Times, "Times New Roman", serif; color:#626262; text-shadow:1px 1px #fff; background:#131212}

#header {width:100%; background:#8d0529 url(../images/body-bg.jpg) left top repeat}
	h1 {width:356px; height:60px; margin:0 auto; padding:15px 0; background:url(../images/logo.jpg) left 50% no-repeat}
		h1 a {display:block; width:356px; height:60px; text-indent:-999em}
	
#navigation {width:100%; background:#131212 url(../images/navigation-bg.jpg) left 50% repeat-x}
	#navigation ul {height:48px; width:940px; padding:0 10px; margin:0 auto; list-style-type:none}
		#navigation ul li {float:left; padding-top:9px; margin-right:100px}
			#navigation ul li a {color:#fff; text-shadow:1px 1px #000}

		#rsvp_link {width:90px; background:url(../images/rsvp-link.jpg) left 50% no-repeat}
		#ceremony_link {width:149px; background:url(../images/ceremony-link.jpg) left 50% no-repeat}
		#receptions_link {width:161px; background:url(../images/receptions-link.jpg) left 50% no-repeat}
		#accommodations_link {width:163px; background:url(../images/accommodations-link.jpg) left 50% no-repeat}
		#travel_link {position:relative; width:144px; text-indent:-999em; background:url(../images/travel-link.jpg) left 50% no-repeat}
			#travel_link ul {position:absolute; top:48px; left:0; z-index:999999; padding:10px; width:200px; height:auto; display:none; background:#000}
				#travel_link ul li {display:block; width:200px; height:auto; margin-bottom:10px; font-size:13px}
					#travel_link ul li a {height:auto; text-shadow:none; text-indent:0; color:#fff}
		#contact_link {width:133px; background:url(../images/contact-us-link.jpg) left 50% no-repeat}
		
#feature {clear:both; overflow:hidden; width:100%; height:341px; text-indent:-999em; background:url(../images/feature-homepage.jpg) 50% bottom no-repeat} 

#content {clear:both; overflow:hidden; margin:0 auto; width:940px; padding:37px 10px 60px 10px}
	#content ul {margin:0 0 25px 20px}
	#content p, #homepage_content p {margin-bottom:30px}		
	#content_wrapper {clear:both; width:100%; font-size:16px; background:#fff url(../images/subpage-bg.jpg) left top repeat}
		#content_wrapper #content {color:#1a1718; text-shadow:1px 1px #fff}
	.left_column {clear:both; float:left; width:450px}
		#ceremony_headline {height:63px; text-indent:-999em; background:url(../images/ceremony-headline.jpg) left top no-repeat}
	.right_column {float:right; width:450px}
		#accommodations_headline {height:63px; text-indent:-999em; background:url(../images/accommodations-headline.jpg) left top no-repeat}

#footer {clear:both; width:100%; padding:25px 0; text-align:center; font-size:14px; font-style:italic; text-shadow:1px 1px #000; border-top:1px solid #971133; background:#131112 url(../images/footer-bg.jpg) left top repeat-x}
	#footer #spanish_link {padding-left:25px; color:#b6b8b3; background:url(../images/spanish-icon.jpg) left 50% no-repeat}
	#footer #email_link {padding-left:25px; color:#b6b8b3; background:url(../images/email-icon.jpg) left 50% no-repeat}

/*############################
  =Homepage Styles
############################*/

#homepage_content {clear:both; overflow:hidden; margin:0 auto; width:603px; padding:37px 347px 60px 10px; background:url(../images/juanma-maryliz-photo.jpg) right 15px no-repeat}
	#celebrate_headline {height:63px; width:423px; text-indent:-999em; background:url(../images/celebrate-headline.jpg) left top no-repeat}
	#dear_headline {height:63px; text-indent:-999em; background:url(../images/dear-headline.jpg) left top no-repeat}
	.video {width:420px; height:314px; padding:15px; background:transparent url(../images/video-bg.jpg) left top no-repeat}
	#homepage_content #choice {float:left; display:inline; margin-left:0px; list-style-type:none}
		#homepage_content #choice li {float:left; display:inline; margin-right:18px}			
					
/*############################
  =Form Styles
############################*/	

#mailing_list_form, #rsvp_form {width:370px; margin:0 auto}
	#mailing_list_form h2 {text-align:center}
#mce-success-response {color:#860825; font-style:italic}
#mc-embedded-subscribe, form #submit {width:150px; color:#fff; text-shadow:1px 1px #000; border:none; cursor:pointer; background:#860825; -moz-border-radius:8px; -webkit-border-radius:8px}
#one_guest, #food_allergies, #other_preference {display:none}
#rsvp_form small {padding-left:10px}

/*############################
  =Passport Info Styles
############################*/

.passport_info ul {float:right; width:220px; font-size:14px}
	.passport_info ul li {margin-bottom:10px}
	.passport_info h2 {clear:both}
	.passport_info img {margin-bottom:50px}

/*############################
  =Flight Info Styles
############################*/

.flights_page ul {line-height:1.1em; font-size:14px; font-style:italic}
	.flights_page ul li {margin-bottom:10px; color:#777}