/* Hearts United Style Sheet created by 2Creative */

* {	margin: 0;	padding: 0; }
body { color: #FFF;	font: 12px/1.4em Arial, Helvetica, sans-serif; background: #020202; }	
h1, h2 { color: #F0D7B4; margin-bottom: 20px; font: italic 26px Georgia, "Times New Roman", Times, serif; }
h3 { color: #FFF; font-size: 18px; font-weight: normal; margin-bottom: 15px; line-height: 1em; }
h4 { color: #FFF; margin-bottom: 15px; font: italic 18px Georgia, "Times New Roman", Times, serif; }
p { padding-bottom: 15px; }
img { border: none; }	
a {	color: #FFF; text-decoration: underline; }
a:hover { color: #F0D7B4; text-decoration: none; }
ul, ol { padding-left: 20px; margin-bottom: 15px; }
li { margin-bottom: 2px; list-style: square; }

.wrapper { margin: 0 auto; }
	#wrapper-home { width: 1210px; }
	#wrapper-other { width: 1000px; }
		.header { height: 143px; }
			#header-home { background: url(images/header-home-2.jpg) no-repeat left top; }
			#header-other { background: url(images/header-other-2.jpg) no-repeat left top; }				
				.menu { padding-top: 116px; }
					#menu-home { margin-left: 356px; }
					#menu-other { margin-left: 252px; }
					.menu a { float: left; height: 25px; }
					a.menu-home { width: 58px; background: url(images/home-btn.jpg) no-repeat left top; }
					a.menu-services { width: 81px; background: url(images/services-btn.jpg) no-repeat left top; }
					a.menu-happy-endings { width: 115px; background: url(images/happy-endings-btn.jpg) no-repeat left top; }
					a.menu-events { width: 69px; background: url(images/events-btn.jpg) no-repeat left top; }
					a.menu-how { width: 106px; background: url(images/how-it-works-btn.jpg) no-repeat left top; }
					a.menu-members { width: 85px; background: url(images/members-btn.jpg) no-repeat left top; }
					a.menu-register { width: 80px; background: url(images/register-btn.jpg) no-repeat left top; }
					a.menu-faq { width: 49px; background: url(images/faq-btn.jpg) no-repeat left top; }
					a.menu-contact { width: 70px; background: url(images/contact-btn.jpg) no-repeat left top; }
			
			#header-other-btm { height: 74px; background: url(images/header-btm.jpg) no-repeat left top; }
				
		.content {}			
			#content-home { height: 555px; background: url(images/romantic-bg.jpg) no-repeat left top; }			
			#content-other { margin-bottom: 30px; }
				.main-content { float: left; width: 743px; }
					#main-content-home { float: left; width: 710px; }
					#main-content-other { background: url(images/rose-titlebar.jpg) no-repeat left top; }
						#main-content-home-text { margin-top: 118px; margin-left: 180px; padding-right: 20px; }
						#main-content-home-text h2 { margin-bottom: 30px; }  
						#main-content-other-text { margin-top: 15px; margin-left: 90px; padding-right: 20px; }
							#main-content-left { float: left; width: 250px; }
							#main-content-right { float: right; width: 350px; }
					#couples { float: left; width: 401px; } 
				
				.sub-content {}
					#sub-content-home { margin-top: 40px; margin-left: 180px; }
					#sub-content-other { float: right; width: 227px;  }
						#enews-home { float: left; width: 310px; }
							#enews-home h4 { margin-bottom: 10px; }
						#promotion-home { float: left; width: 200px; margin-left: 20px; }
						#promotion-home img { padding-top: 2px; }
						@media screen and (-webkit-min-device-pixel-ratio:0) {
							#promotion-home img { padding-top: 7px; }
						}
						 
						.right-col-box { width: 227px; height: 206px; 
							background: url(images/right-col-tab.jpg) no-repeat left top; }
							.right-col-box-text { padding: 20px 20px 0 20px; }
								.right-col-box-text h4 { font-size: 20px; margin-bottom: 14px; }		
								.right-col-box-text p { padding-bottom: 0; }
								.right-col-box-text a.more { margin-top: 17px; margin-left: 90px; width: 85px; }	
								@media screen and (-webkit-min-device-pixel-ratio:0) {
									.right-col-box-text a.more { margin-top: 24px; margin-left: 90px; width: 85px; }
								}					
						
		.side-content { margin-bottom: 25px; }
			#side-content-home {}
				.side-content-box { float: left; height: 185px; }	
					 .side-content-box h4 { font-size: 20px; margin-bottom: 14px; }		
					 .side-content-box p { padding-bottom: 0; } 
					 
					 ul.hearts { padding-left: 0; margin-bottom: 0; }
						ul.hearts li { list-style: none; padding-left: 22px; margin-bottom: 4px; 
							background: url(images/love-heart.jpg) no-repeat left center; }
					a.more { font: italic 14px Georgia, "Times New Roman", Times, serif; text-decoration: none;  
						background: url(images/arrow.jpg) no-repeat right 5px; display: block; width: 92px; 
						margin-top: 20px; margin-left: 95px; } 
					@media screen and (-webkit-min-device-pixel-ratio:0) {
						a.more { font: italic 14px Georgia, "Times New Roman", Times, serif; text-decoration: none;  
						background: url(images/arrow.jpg) no-repeat right 5px; display: block; width: 92px; 
						margin-top: 25px; margin-left: 95px; }
					}
					#side-content-services { width: 361px; background: url(images/tab1.jpg) no-repeat left top; }
						#side-content-services-text { margin-left: 116px; margin-top: 25px; }
						#side-content-services-text h4 { margin-left: 8px; }
					#side-content-how { width: 257px; background: url(images/tab2.jpg) no-repeat left top; }
						#side-content-how-text { margin-left: 20px; margin-top: 25px; padding-right: 45px;}
						#side-content-how-text a.more { margin-top: 15px; margin-left: 85px; } 
						@media screen and (-webkit-min-device-pixel-ratio:0) {
							#side-content-how-text a.more { margin-top: 20px; margin-left: 85px; }
						}
					#side-content-register { width: 259px; background: url(images/tab3.jpg) no-repeat left top; }
						#side-content-register-text { margin-left: 21px; margin-top: 25px; padding-right: 45px;}
						#side-content-register-text a.more { margin-top: 15px; margin-left: 90px; width: 79px; } 
						@media screen and (-webkit-min-device-pixel-ratio:0) {
							#side-content-register-text a.more { margin-top: 20px; margin-left: 90px; width: 79px; } 
						}
					#side-content-members { width: 333px; background: url(images/tab4.jpg) no-repeat left top; }
						#side-content-members-text { margin-left: 21px; margin-top: 25px; padding-right: 115px;}
						#side-content-members-text a.more { margin-top: 15px; margin-left: 90px; width: 87px; }			
						@media screen and (-webkit-min-device-pixel-ratio:0) {
							#side-content-members-text a.more { margin-top: 20px; margin-left: 90px; width: 87px; }
						}
						
					.listing { margin-bottom: 20px; border: 1px solid #F0D7B4; padding: 10px 10px 0; }
						.listing-image { float: left; width: 150px; margin-right: 15px; }
						.listing-text { float: left; width: 430px; }
							.listing-text p { padding-bottom: 10px; } 
							.listing-text-name { float: left; width: 200px; }							
							.listing-text-area { float: right; width: 200px; }
							.listing-text-name h3 { margin-bottom: 10px; color: #F0D7B4; }
							.listing-text-area h3 { font-size: 14px; color: #999; padding-top: 4px; margin-bottom: 10px; }
							.member-info { color: #FF0000; }
						 
						
		.footer { border-top: 1px dotted #FFF; width: 1000px; }
			#footer-home { margin-left: 100px; }
			#footer-other { }
				.footer p { font-size: 95%; line-height: 1.6em; padding: 10px 0 5px; text-align: center; }
				.footer a { color: #FFF; text-decoration: none; }
		
		.story-listing { margin-bottom: 20px; }
			.story-image { float: left; width: 150px; }
			.story-text { float: left; width: 460px; margin-left: 20px; }
			.storyby { font-style: italic; color: #F0D7B4; }
		
/************************ MISC ********************/	
.clearFloat { clear: both; line-height: 0; height: 0; }
.warning { color: #CC0000; font-weight: bold; padding-bottom: 0; }
.notice { font-size: 85%; font-style: italic; }
.heading, .invisible { display: none; }
.textYellow, .textYellowBold { color: #F0D7B4; }
.textWhite, .textWhiteBold { color: #FFF; }
.textYellowBold, .textWhiteBold { font-weight: bold; }
.floatedRightImage { float: right; margin-left: 10px; margin-bottom: 10px; }

.pagination { margin-top: 20px; margin-bottom: 30px; }
.pagination ul { margin: 0; padding: 0; text-align: center; font-size: 12px; }
.pagination li { list-style-type: none; display: inline; padding-bottom: 1px; margin-right: 2px; }
.pagination a, .pagination a:visited { padding: 5px 8px; border: 1px solid #F0D7B4; text-decoration: none; color: #F0D7B4; }
.pagination a:hover, .pagination a:active{ border: 1px solid #F0D7B4; color: #FFF; background-color: #000; }
.pagination a.currentpage { background-color: #000; color: #FFF !important; border-color: #F0D7B4; font-weight: bold;
cursor: default; }
.pagination a.disablelink, .pagination a.disablelink:hover { background-color: #000; cursor: default; color: #734F30; border-color: #734F30; font-weight: normal !important; }
.pagination a.prevnext { }

/************************* FORM **********************/
input, textarea { font: small Arial, Helvetica, sans-serif;
	margin-bottom: 5px;	border: 1px solid #333;	padding: 2px; width: 160px;	color: #333; }
	
#formSignupHome { }
#formSignupHome input {	width: 115px; padding: 2px; border: 1px solid #000; }
#formSignupHome #goButton { width: 24px; height: 25px; background: url(images/go-btn.jpg) no-repeat left top; 
	border: none; cursor: pointer; margin-top: 17px; }
.signupField { float: left; width: 120px; margin-right: 10px; }

#formSignup { }
#formSignup label { text-align: left; width: 90px; border: none; margin-bottom: 2px; }
#formSignup input { display: block; width: 175px; border: 1px solid #333; font-size: 100%; padding: 2px; }
#formSignup .signupButton { font: italic 14px Georgia, "Times New Roman", Times, serif;  
	background: url(images/arrow.jpg) no-repeat right 7px; display: block; width: 90px; 
	margin-top: 16px; margin-left: 77px; cursor: pointer; border: none; color: #FFF; }
html:not([dummy]) #formSignup .signupButton { font: italic 14px Georgia, "Times New Roman", Times, serif;  
	background: url(images/arrow.jpg) no-repeat right 9px; display: block; width: 90px; 
	margin-top: 18px; margin-left: 77px; cursor: pointer; border: none; color: #FFF; } /* for safari and firefox */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	html:not([dummy]) #formSignup .signupButton { font: italic 14px Georgia, "Times New Roman", Times, serif;  
	background: url(images/arrow.jpg) no-repeat right 9px; display: block; width: 90px; 
	margin-top: 24px; margin-left: 77px; cursor: pointer; border: none; color: #FFF; } /* for safari only */
}

#formSearch { }
#formSearch br { clear: left; }
#formSearch label { display: block;	width: 60px; float: left;}
#formSearch input, #formSearch select { display: block;	width: 120px; float: left; border: 1px solid #333; font-size: 100%; padding: 1px; margin-bottom: 2px; }
#formSearch .goButton { font: italic 14px Georgia, "Times New Roman", Times, serif;  
	background: url(images/arrow.jpg) no-repeat right 5px; display: block; width: 90px; 
	margin-top: 8px; margin-left: 77px; cursor: pointer; border: none; color: #FFF; }
html:not([dummy]) #formSearch .goButton { font: italic 14px Georgia, "Times New Roman", Times, serif;  
	background: url(images/arrow.jpg) no-repeat right 6px; display: block; width: 90px; 
	margin-top: 7px; margin-left: 77px; cursor: pointer; border: none; color: #FFF; } /* for safari and firefox */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	html:not([dummy]) #formSearch .goButton { font: italic 14px Georgia, "Times New Roman", Times, serif;  
	background: url(images/arrow.jpg) no-repeat right 5px; display: block; width: 90px; 
	margin-top: 14px; margin-left: 77px; cursor: pointer; border: none; color: #FFF; } /* for safari only */
}
	
#formContact {}
#formContact br { clear: left; }
#formContact label, #formContact input, #formContact select, #formContact textarea {
	display: block;	width: 250px; float: left; margin-bottom: 10px; border: 1px solid #333;	font-size: 100%; padding: 2px; }
#formContact input, #formContact select, #formContact textarea { border: 1px solid #333; }
#formContact label { text-align: left; width: 150px; padding-right: 5px; border: none; }
#formContact p { padding-top: 10px;	padding-bottom: 5px; }
#formContact br { clear: left; }
#formContact .sendButton { cursor: pointer; color: #FFF; margin-top: 10px; background: #880000; width: 120px; 
	border: none; float: left; display: block; font: italic 14px Georgia, "Times New Roman", Times, serif; }
#formContact .tinyInput { width: 20px; }
#formContact .smallInput { width: 100px; }
#formContact .mediumInput { width: 200px; }
#formContact .largeInput { width: 400px; }
#formContact .mediumLabel { width: 230px; }
#formContact .wideLabel { width: 260px; }
#formContact .extrWideLabel { width: 400px; }
#formContact .dateInput { width: 60px; margin-right: 10px; }
#formContact p { margin-bottom: 5px; }
#formContact input.hidden { display: none; }
#formContact .checkBox { width: 15px; height: 15px; margin: 0 5px 0 0; border: 1px solid #01223C; }
#formContact .checkboxLabel { margin-right: 20px; width: 120px; display: block; }
#formContact .checkboxWideLabel { margin-right: 20px; width: 200px; display: block; }
#formContact .contactLabel { width: 120px; }
#formContact .contactInput { width: 200px; }