#invitation { position: relative; background: url(backgroundImage.jpg) top center; }
#invitation a.toggle { display: none; }
#invitation #event_image { display: none; }
#invitation .bg_bottom, #invitation .bg_mid, #invitation .bg_top, #invitation #event_details { position: relative; height: 100%; width: 100%; }
#invitation h1 { font-family: SquareSerifMedium,  Times New Roman, serif; font-size: 20px; font-weight: normal; color: #383838; text-align: center; width: 652px; left: 157px; top: 136px; position: absolute; }
#invitation h1 a { color: #383838; }
#invitation .host_phone { text-align: center; padding-bottom: 24px; }
#invitation .host_phone div, #invitation .host_phone li { display: inline; }
#invitation .host_phone .hostName { padding-right: 8px; }
#invitation .host_phone strong.phone { display: none; }
#invitation .when_where { text-align: center; }
#invitation .event_info { text-align: center; width: 679px; left: 136px; top: 191px; position: absolute; }
#invitation .bg_mid { box-shadow: 0px 2px 4px #a22261; -webkit-box-shadow: 0px 2px 4px #a22261; -moz-box-shadow: 0px 2px 4px #a22261; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#a22261'); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#a22261')"; }
#invitation li { padding-bottom: 24px; }
#invitation #event_details { font-family: SquareSerifRegular,  Times New Roman, serif; font-size: 14px; font-weight: normal; color: #383838; text-align: center; }
#invitation #event_details a { color: #383838; }
#invitation strong { font-family: SquareSerifRegular,  Times New Roman, serif; font-size: 14px; font-weight: normal; color: #383838; text-align: center; text-transform: uppercase; padding-right: 5px; }
#invitation strong a { color: #383838; }
#invitation .locationName, #invitation .streetAddress { padding-right: 5px; }
#invitation .event_info div { display: inline; }
#invitation span { width: 100%; }