@charset "UTF-8";
@import "portfolio.css";
@import "contactus.css";
@import "services.css";

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #e6f5f9 url('../images/background.png') top center repeat;
	margin: 0;
	padding: 0;
	text-align: center;
}
 
h1, h2, h3, h4, h5, p, a, {
	margin: 0;
	padding: 0;
	outline: none;
}
 
div.wrapper { 
	width: 864px;
  	margin: 0 auto;
  	padding: 0;
} 

#home, #about_home, #contactus_home, #preservation_home, #why_home, #portfolio_home, #services_home, #save_home, #after_hours_home  { 
	width: 977px;
	background: url('../images/white_bkgd.png') top center no-repeat;
	margin: 0 auto;
	padding: 0;
}

.clearfloat {
	clear: both;
    height: 0;
    line-height: 0px;
}
 

/* = Home Image Gallery
------------------------------------------------------------------*/ 
 
.main_view {
	height: 330px;	
	width: 872px;
	background: url('../images/home_left_block.jpg') no-repeat;
	float: left;
	margin: 15px 0 0 0;
	position: relative;
}

.window {
	height: 330px;	
	width: 567px;
	margin-left: 296px;
	overflow: hidden;
	position: relative;
}
	
.image_reel {
	position: absolute;
	top: 0; 
	left: 0;
}
	
.image_reel img {
	float: left;
	border: none;
}

.paging {
	position: absolute;
	bottom: 15px; 
	left: 55px;
	width: 178px; 
	height: 47px;
	z-index: 100;
	text-align: center;
	line-height: 40px;
	display: none;
}

.paging a {
	padding: 5px;
	text-decoration: none;
	font-weight: normal;
	font-size: 9px;
	color: #fff;
}

.paging a.active {
	font-weight: normal;
	background: #1c9bbb;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}


 /* = Home Layout
------------------------------------------------------------------*/ 

div.hatch { 
	width: 864px;
	height: 12px;
	background: url('../images/hatch_border.jpg') no-repeat;
	margin: 10px 0 5px 0;
}	
	
#home_content { 
  	margin: 0 auto;
  	height: 175px;
	padding: 10px 0 10px 0;
	border-top: 1px solid #e6eaeb;
	border-bottom: 1px solid #e6eaeb;
}	

#home_content #home_content_left {
	background: url('../images/home_details.jpg') no-repeat;
	width: 561px;
	height: 175px;
	margin: 0 10px 0 0;
	float: left;
}	

#home_content #home_content_left #home_mission {
	background: url('../images/home_eachandeverydetail.jpg') top left no-repeat;
	width: 345px;
	height: 160px;
	margin: 15px 10px 0 210px;
	float: left;
}	

#home_content #home_content_left #home_mission p {
	text-align: left;
	margin: 35px 0 0 2px;
	padding: 0;
	font-size: 11px;
	line-height: 20px;
	color: #778c91;
}

#home_content #home_content_right { 
	width: 293px;
	height: 175px;
	float: right;
}	

#home_content #home_content_right a#blog {
	display: block;
	text-decoration: none;
	width: 193px;
	height: 67px;
	background: url('../images/home_blog_box.jpg') no-repeat;
	padding: 23px 7px 0 93px;
	color: #009bbc;
}

#home_content #home_content_right #blog h3 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-size: 12px;
}
	
#home_content #home_content_right a:hover#blog {
	text-decoration: underline;
}

a#social {
	background: url('../images/home_twitter.jpg') top center no-repeat;
	width: 203px;
	height: 63px;
	margin: 10px 0 0 0;
	padding: 12px 80px 0 10px;
	float: right;
	display: block;
	text-decoration: none;
}	
	
#home_content #home_content_right #social a {
	color: #466369;
}
	
#home_content #home_content_right #social p {
	color: #466369;
	margin: 0;
	padding: 0;
	font-size: 10px;
	line-height: 12px;
	height: 38px;
	overflow: hidden;
}
	
#home_content #home_content_right .btn a:hover {
	background-position:  0 -84px;
}	
	
.footer {
	margin: 5px 0 0 0;
	padding: 10px 0 15px 0;
	font-size: 9px;
	color: #ccc;
}

#home .footer{
	border-top: 1px solid #e6eaeb;
}

.footer a {
	color: #ccc;
	text-decoration: none;
}

.footer a:hover {
	text-decoration: underline;
	color: #009bbc;
}

.footer img {
	padding:  12px 5px;
}

#vendor_deals {
	background: url("../images/home_wedding_dress_preservation_header.jpg") top left no-repeat;
	width: 425px;
	height: 135px;
	float: left;
	margin: 20px 0 0 0;
}

#after_hours {
	background: url("../images/home_wedding_bell_jar_header.jpg") top left no-repeat;
	width: 415px;
	height: 135px;
	float: right;
	margin: 20px 0 0 10px;
}

#past_photos {
	margin: 10px 0 0 0;
}

#vendor_deals img, #after_hours img {
	float: right;
}

#vendor_deals h2, #after_hours h2 {
	text-align: left;
	margin: 37px 0 0 0;
	padding: 0;
	font-size: 10px;
	font-weight: normal;
	line-height: 18px;
	width: 200px;
	color: #778c91;
	float:  left;
}

#vendor_deals a, #after_hours a {
	color: #778c91;
	text-decoration: none;
}

#vendor_deals a:hover, #after_hours a:hover {
	text-decoration: underline;
}
	
/* = Global Header
------------------------------------------------------------------*/

.call {
	width: 293px;
	display: inline;
	float: left;
}

.email {
	width: 293px;
	display: inline;
	float: right;
}

.contact {
	width: 293px;
	height: 40px;
	margin: 0;
	padding: 95px 0 0 0;
}

.contact #blue {
	font: 100% Times New Roman, Times, serif;
	font-style:italic;
	font-weight: normal;
	font-size: 18px;
	color: #6bcce3;
}

.contact #blue a {
	text-decoration: none;
	color: #6bcce3;
	
}

.contact #grey {
	font-weight: normal;
	font-size: 12px;
	letter-spacing: .25px;
	color: #929292;
}

.contact h4 {
	font-weight: normal;
	font-size: 8px;
	letter-spacing: .5px;
	color: #cacaca;
	margin: 0; 
	padding: 0 0 2px 0;
}


/* = Global Navigation
------------------------------------------------------------------*/

ul.main-nav {
	list-style: none;
	padding: 23px 0 0 0;
	margin: 0;
}

.displace {
	position: absolute;
	left: -5000px;
}

ul.main-nav li {
	float: left;
}

ul.main-nav li a {
	display: block;
	width: 146px;
	height: 40px;
	background: url('../images/nav.jpg');
}

ul.main-nav li.about a {
	background-position: 0 0;
}
	
#about_home ul.main-nav li.about a,
#about_home ul.main-nav li.about a:hover,
#about_home ul.main-nav li.about a:active {
	background-position: 0 -40px;
	cursor: default;
}

ul.main-nav li.about a:hover {
	background-position: 0 -80px;
}
	
ul.main-nav li.about a:active {
	background-position: 0 -120px;
}

ul.main-nav li.services a {
	background-position: -146.5px 0;
}

#services_home ul.main-nav li.services a,
#services_home ul.main-nav li.services a:hover,
#services_home ul.main-nav li.services a:active {
	background-position: -146.5px -40px;
	cursor: default;
}

ul.main-nav li.services a:hover {
	background-position: -146.5px -80px;
}
	
ul.main-nav li.services a:active {
	background-position: -146.5px -120px;
}

ul.main-nav li.logo a {
  width: 276px;
  height: 185px;
  margin-left: 4px;
  margin-top: -145px;
  background: url('../images/afteryes_logo.png') no-repeat;
  text-indent: -999999px;
}

ul.main-nav li.logo h1 {
  margin: 0px;
  padding: 0px;
}

ul.main-nav li.portfolio a {
	background-position: -570px 0;
}

#portfolio_home ul.main-nav li.portfolio a,
#portfolio_home ul.main-nav li.portfolio a:hover,
#portfolio_home ul.main-nav li.portfolio a:active {
	background-position: -570px -40px;
	cursor: default;
}

ul.main-nav li.portfolio a:hover {
	background-position: -570px -80px;
}
	
ul.main-nav li.portfolio a:active {
	background-position: -570px -120px;
}

ul.main-nav li.contactus a {
	background-position: -716.5px 0;
}

#contactus_home ul.main-nav li.contactus a,
#contactus_home ul.main-nav li.contactus a:hover,
#contactus_home ul.main-nav li.contactus a:active {
	background-position: -716.5px -40px;
	cursor: default;
}

ul.main-nav li.contactus a.selected {
	background-position: -716.5px -40px;
}

ul.main-nav li.contactus a:hover {
	background-position: -716.5px -80px;
}

ul.main-nav li.contactus a:active {
	background-position: -716.5px -120px;
}

/* = Dress Preservation
------------------------------------------------------------------*/

#preservation_left {
	width: 292px;
	background: url('../images/class_hierlooms_dress_preservation.jpg') no-repeat;
	display: inline;
	float: left;
	margin: 25px 0 0 0;
	padding: 449px 0 0 0px;
	text-align: left;
}

#preservation_left a {
	font-size: 9px;
	text-decoration: none;
	color: #778c91;
}

#preservation_right {
	width: 760px;
	background: url('../images/dress_preservation_header.jpg') no-repeat;
	float: left;
	margin: 25px 0 0 20px;
	padding: 70px 0 20px 5px;
	text-align: left;
}

#preservation_right h2 {
	font-weight: normal;
	text-decoration: none;
	font-size: 12px;
	margin: 0;
	padding: 5px 0 8px 0;
	line-height: 24px;
	color: #778c91;
}

#preservation_right h3 {
	color: #0282a5;	
	font-weight: normal;
	font-size: 16px;
	padding:  1px 0 0 0;
	margin: 10px 0 2px 0;
}

#preservation_right ul {
	margin: 0;
	padding: 5px 0 0 35px;
}

#preservation_right li {
	margin: 0;
	padding: 0 20px 0 0;
	font-size: 11px;
	line-height: 22px;
	color: #778c91;
}


/* = About Us
------------------------------------------------------------------*/

.about_left {
	width: 545px;
	background: url('../images/congrats.jpg') no-repeat;
	display: inline;
	float: left;
	margin: 20px 0 0 0;
	padding: 0 0 0 10px;
	text-align: left;
}

.about_left .hatch {
	width: 540px;
	height: 12px;
	background: url('../images/hatch_border.jpg') no-repeat;
	margin: 20px 0 10px 0;
}

.about_left h2 {
	font-weight: normal;
	text-decoration: none;
	font-size: 13px;
	margin: 0;
	padding: 110px 0 0 0;
	line-height: 24px;
	color: #778c91;
}

.about_left p {
	font-size: 11px;
	line-height: 22px;
	color: #778c91;
	margin: 8px 0;
	padding: o;
}

.about_bio em {
	font-size: 13px;
	color: #bbb;
	margin: 0 0 0 3px;
}

.about_left h4 {
	font-weight: normal;
	font-size: 17px;
	margin: 22px 0 0 0;
	padding: 0;
	color: #56c4e0;
}

.about_left #blue {
	font: 100% Times New Roman, Times, serif;
	font-style:italic;
	font-weight: normal;
	font-size: 18px;
	color: #6bcce3;
}

.about_left #gray {
	color: #5d5d5d;
}

.about_left img.about_portrait {
	float: left;
	margin-top: 20px;
}

.about_left .about_bio {
	width: 340px;
	height: 230px;
	padding: 5px 0 0 25px;
	float: left;

}

.about_left .bio_border {
	width: 540px;
	border: 1px solid #eee;
}

.about_right {
	width: 276px;
	background: url('../images/team_portrait.jpg') no-repeat;
	float: right;
	margin: 25px 0 0 0;
	padding: 330px 0 20px 0;
	text-align: left;
}

a#benefits {
	display: block;
	text-decoration: none;
	width: 251px;
	height: 175px;
	background: url('../images/wedding_planner_benefits.jpg') no-repeat;
	padding: 0;
	margin: 0;
	text-align: left;
	}
	
a:hover#benefits {
	background-position: bottom left;
}

.services_wedding-day { 
	width: 977px;
	height: 880px;
	background: url('images/day.png') no-repeat;
	margin: 0 auto;
}

.services_partial { 
	width: 977px;
	height: 915px;
	background: url('images/day.png') no-repeat;
	margin: 0 auto;
}

.services_full { 
	width: 977px;
	height: 1000px;
	background: url('images/day.png') no-repeat;
	margin: 0 auto;
}

a.get_started {
	width: 138px;
	height: 26px;
	display: block;
	background: url('images/get_started.jpg') no-repeat;
	margin: 15px 0 0 0;
}

a:hover.get_started {
	background-position: 0px -26px;
}

a#get_started2 {
	width: 148px;
	height: 26px;
	display: block;
	background: url('../images/get_started.jpg') no-repeat;
	margin: 15px 0 0 0;
}

.rings {
	width: 864px;
	height: 86px;
	background: url('images/rings.jpg') center no-repeat;
	margin: 10px 0 0 0;
}

/* = Why Hire a Planner
------------------------------------------------------------------*/

#why_home #why_wrapper { 
	width: 864px;
	background: #6fcee4 url('../images/wedding_planner_benefits_bkgd.jpg') no-repeat;
	margin: 15px 0 5px 0;
	padding: 10px 0 50px 0;
	float: left;
	text-align: left;
	}
	
h1.why_header {
	width: 558px;
	height: 140px;
	padding: 0;
	margin:  30px 0 40px 20px;
	background: url('../images/benefits_of_hiring_a_wedding_planner.png') no-repeat;
}

#why_wrapper h2 {
	color: #0282a5;	
	font-weight: normal;
	font-size: 19px;
	padding:  1px 0 3px 25px;
	background: url('../images/pointer.png') no-repeat;
}

#why_wrapper p {
	color: #fff;	
	font-weight: normal;
	font-size: 12px;
	line-height: 22px;
	width:  260px;
	padding:  0 0 0 50px;
	margin:  0;
	float:  left;
}

#why_wrapper .p_two {
	padding:  0 0 0 25px;
}

/* = Deal
------------------------------------------------------------------*/

#save_home #save_wrapper { 
	width: 864px;
	background: #000 url('../images/book_together_save_bkgd.jpg') top right no-repeat;
	margin: 15px 0 5px 0;
	padding: 10px 0 50px 0;
	float: left;
	text-align: left;
	}
	
h1.save_header {
	width: 502px;
	height: 238px;
	padding: 0;
	margin:  30px 0 10px 30px;
	background: url('../images/book_together_save.jpg') no-repeat;
}

div#together {
	width: 412px;
	height: 26px;
	margin:  0 0 40px 30px;
	background: url('../images/amaya_photography_and_after_yes_weddings.jpg') no-repeat;
}

div#amaya {
	width: 422px;
	height: 80px;
	margin:  270px 30px 40px 0;
	background: url('../images/amaya_photography.jpg') no-repeat;
	float: right;
}

#save_wrapper h2 {
	color: #78cee2;	
	width:  290px;
	font-weight: normal;
	font-size: 16px;
	line-height: 22px;
	padding:  1px 0 3px 30px;
}

#save_wrapper p {
	color: #fff;	
	font-weight: normal;
	font-size: 12px;
	line-height: 24px;
	width:  290px;
	padding:  0 0 0 30px;
	margin:  0;
}

#amaya img {
	margin: 95px 0 0 135px;
}

#amaya h3 {
	width:  420px;
	color: #fff;	
	font-weight: normal;
	font-size: 11px;
	line-height: 22px;
	padding:  10px 0 0 0;
	margin:  0;
}

#amaya a {
	text-decoration: none;
	color: #78cee2;
}

.contactus_save {
	width: 310px;
	margin: 10px 0 0 0;
	padding-bottom: 15px;
	border-right: 1px #323232 dotted;
	border-bottom: 1px #323232 dotted;
}

div.contact_save {
	margin: 10px 0 5px 30px;
}

.contactus_save img {
	margin:  10px 0 180px 30px;
}


.contact_save label {
	padding: 0;
	font-weight: normal;
	font-size: 10px;
	color: #828282;

}

.contact_save label.error {
	color: red;
	font: 10px;
}

.contact_save input {
	font: 100% Times New Roman, Times, serif;
	font-style:italic;
	font-weight: normal;
	font-size: 18px;
	color: #1c9bbb;
	width: 250px;
	height: 20px;
	margin: 5px 0 5px 0;
	padding: 5px 0 2px 5px;
}

.save_button_submit {
	width: 112px;
	height: 25px;
    border: none;
    background: url('../images/submit2.jpg') no-repeat top left;
    margin: 10px 0 0 30px;
    padding: 0;
	text-indent: -9999px;
	color:transparent;
	cursor: pointer;
}

#after_hours_wrapper {
	width: 864px;
	background: #006784 url("../images/after_hours_background.jpg") repeat-y;
	margin: 15px 0 5px 0;
	padding: 25px 0 50px 0;
	float: left;
	text-align: center;
}

#after_hours_next_event {
	width: 335px;
	border: 1px solid #77cee4;
	float: right;
	margin: 15px 50px 15px 0;
	padding: 0 0 15px 0;
}

#after_hours_next_event .blue_dots {
	background: url("../images/blue_dots.png") no-repeat;
	width: 335px;
	height: 6px;
	margin: 10px 0;
}

#after_hours_header {
	background: url("../images/the_next_after_hours.jpg") top center no-repeat;
	height: 65px;
	margin: -12px 0 0 0;
}

#after_hours_next_event h2 {
	font-weight: normal;
	margin: 10px 0 0 0;
	padding: 0 0 14px 0;
	font-size: 28px;
	color: #fff;
	background: url("../images/from.png") bottom center no-repeat;
}

#after_hours_next_event h3 {
	font-weight: normal;
	color: #fff;
	margin: 3px 0 0 0;
	padding: 0;
}

#after_hours_next_event h5 {
	font-weight: normal;
	color: #fff;
	margin: 3px 0 0 0;
	padding: 0;
}

#after_hours_next_event a {
	text-decoration: none;
	color: white;
}

#after_hours_next_event a:hover {
	text-decoration: underline;
}



#after_hours_feature_header {
	margin-top: 15px;
}

#after_hours_host_header {
	margin-top: 15px;
}

#after_hours_feature_header a {
	color: white;
	text-decoration: none;
	
}

#after_hours_feature_header a:hover {
	color: white;
	text-decoration: underline;
}

#after_hours_next_event h4 {
	text-align: center;
	margin: 5px 0 15px 27px;
	padding: 0px 0 0 0;
	font-size: 10px;
	font-weight: normal;
	line-height: 18px;
	width: 280px;
	color: #fff;
}

a#rsvpBtn {
	background: url("../images/rsvp_btn.png") center top no-repeat;
	display: block;
	width: 134px;
	height: 41px;
	margin: 0;
}

div#rsvpBkgd {
	background: url("../images/rsvp_btn.png") center bottom no-repeat;
	width: 134px;
	height: 41px;
	margin: 15px 0 0 101px;
}

#after_hours_main {
	background: url("../images/a_night_out.png") left top no-repeat;
	width: 400px;
	margin: 60px 0 0 35px;
	padding: 230px 0 0 0;
	float: left;
}

#after_hours_main p {
	text-align: left;
	font-size: 12px;
	line-height: 22px;
	color: #fff;
	margin: 5px 0 0 0;
	padding: 0;
}

#after_hours_main a {
	text-decoration: none;
	color: #fff;
}

#after_hours_main a:hover {
	text-decoration: underline;
	color: #fff;
}

#after_hours_main h5 {
	text-align: left;
	font-weight: normal;
	font-size: 14px;
	color: #77cee4;
	margin: 17px 0 0 0;
	padding: 0 0 0 0;
}

#after_hours_home ul.main-nav li.logo a {
  width: 276px;
  height: 185px;
  margin-left: 4px;
  margin-top: -145px;
  background: url('../images/afterhours_logo.png') no-repeat;
  text-indent: -999999px;
}