@charset "UTF-8";
/* CSS Document */

body { background:#B6D4C4; min-width:1064px; max-height:704px; }
header { height:57px; display:block; width:100%; z-index:1099; }
header nav { z-index:1100; }
header nav ul li { white-space:nowrap; display:inline-block; font-family: 'cf_din-boldregular';position:relative; color:#666666; }
header nav ul li .navitem { vertical-align:bottom; font-size:1.5em; padding:12px 14px 17px 14px; display:inline-block;  }
header nav ul li img { vertical-align:text-bottom; }
header nav ul li:hover { background:white; }
header nav ul li ul { display:none; position:absolute; background:white; border-radius:0 0 20px 0; top:100%; width:810px; z-index:1999; }
header nav ul li:hover ul { display:block; padding:0; margin:0; }
header nav ul li ul li.title { line-height:50px; font-family:'CFDinBook' }
header nav ul li ul li { display:block; font-size:1.5em; border-bottom:#B6D4C4 solid 1px; line-height:34px; padding:0 16px; font-family:'cf_din-regularregular'; color:black; }
header nav ul li ul li:hover { background:#EDF4F0; }
header nav ul li ul li a:hover { text-decoration:underline; color:#F73F72; }
header nav ul li ul li img { vertical-align:middle; }
header nav ul li ul li img.icon { vertical-align:middle; margin-right:5px; }
header nav ul li ul li .subtext { line-height:20px; font-size:0.9em; display:block; margin-top:-5px; font-family: 'CFDinBook'; }
header nav ul li ul li .links { /*float:right;*/ display:inline-block; }
header nav ul li.fixed { position:absolute; right:0; background:white; color:black; margin:0; }
header nav ul li.fixed .navitem { padding:0; }
header nav ul li.fixed ul { right:0; width:400px; }

.game .dots { padding-top:15px; padding-left:10px; padding-right:10px;
	text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
}
.game .dots img { display:inline-block; *display:inline; zoom: 1; }
.game .dots .stretch { width:100%; display:inline-block; }
.game .prince { position:absolute; margin-top:4px; -webkit-transform: translateZ(0); }
.game .princess { position:absolute; margin-top:4px; -webkit-transform: translateZ(0); }

section { text-align:center; display:block; width:100%; background:url(../images/header_bg.png) no-repeat left top; position:absolute; top:60px; bottom:0; }
section .logo { position:absolute; top:25px; width:100%; z-index:999; text-align:center; }
section .hero { position:absolute; bottom:0; width:100%; z-index:899; text-align:center; }
section .rsvp { position:absolute; left:20naipx; bottom:20px; z-index:799; display:none; }
	
#clock { margin-top:160px; font-size:1.8em; color:white; z-index:1000; position: relative; }
#clock strong { font-family: 'cf_din-boldregular'; color:#F73F72; };
#clock span { font-family: 'CFDinBook'; color:#F73F72 !important; };

footer { position:absolute; bottom:0; background:url(../images/footer_bg.png) repeat-x; height:35px; width:100%; display:block; }

.peanut { color:#B6D4C4; }
.twolines { line-height: 20px !important; padding-top:10px; padding-bottom:6px; }
.width725 { display:inline-block; width:725px; }
.width125 { display:inline-block; width:125px; }
.width45 { display:inline-block; width:45px; }
.strong { font-family: 'cf_din-boldregular'; }
.shadow {
	-moz-box-shadow:    3px 3px 5px 6px #ccc;
	-webkit-box-shadow: 3px 3px 5px 6px #ccc;
	box-shadow:         3px 3px 5px 6px #ccc;
}
.transition {
    -webkit-transition: all ease-out 0.5s;
    -moz-transition: all 500ms ease-out 0.5s;
    -o-transition: all ease-out 0.5s;
    transition: all ease-out 0.5s;
}