@keyframes fadeIn {	0% {opacity: 0;	}	50% {opacity: 0;}	100% {opacity: 1;}}

#slider p {text-align: center;}

#slider span {font-size: 15px; display: block; margin: 0px 70px;}

.gallery_box {
	text-align: center;
	width: 840px;
	margin: -30px auto 0 auto;
	background: white;
	overflow: hidden;
	border: 1px solid rgba(0,0,0,0.1);
	padding: 10px;
	animation-name: fadeIn; 
  	animation-duration: 3s; 
  	animation-iteration-count: 1;
  	animation-delay: 0s;
	animation-timing-function: ease-out;	
}

ul#slider{
	margin: 0px auto;
	padding: 0px;
	list-style: none;
	position: relative;
	width: 840px;
	height: 630px;
	overflow: hidden;	
}

ul#thumb {
	margin-left: -13px;
	padding: 0px;
	list-style: none;
	position: relative;
	overflow: auto;
	width: 863px;
	text-align: center;
}

ul#thumb a {
	border: 1px solid #979797;
	width: auto;
	height: 92px;
	overflow: hidden;
	margin: 10px 7px 0px 10px;
	opacity: 1;
	display: inline-block;	
}

ul#thumb a img{
	width: auto;
	height: auto;
}

ul#thumb a:hover {
	opacity: 0.5;
} 

ul#thumb li{
	display: inline-block;
	padding: 0px;
	margin: 0px;
}

#slider:first-child {
	z-index:10 !important;
}

ul#slider li {	
	width: 840px;
	height: 630px;
	position: absolute;
	}
	
ul#slider li p {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: inherit;
	color: white;
	background: rgba(0, 0, 0, .5);
	width: 100%;
}

ul#slider li p span {
	line-height: 1.2em;
	padding: 10px;
	color: white;
	display: block;
}

/* Animation for the :target image. Slides the image in. */

@keyframes moveTarget {0% {left:-840px;}	100% {left:0px;}}

ul#slider li:target {
/*	animation-name: moveTarget; 
	animation-duration: .5s; 
	animation-iteration-count: 1;*/
	top:0px;
	left: 0px;
	z-index: 10 !important;
}

/*
Animation for the current image. Slides it out the frame and back to the starting position. 
Adds a lower z-index than the now current image.
*/

@keyframes moveIt {0% {left:0px;}	50% {left:840px;}	100% {left:-840px;z-index: 5;}}


ul#slider li:not(:target) {
/*	animation-name: moveIt; 
  	animation-duration: 1.5s; 
  	animation-iteration-count: 1;*/
	top:0px;
	left: 0px;
	z-index:1;
}



html, body { 
	font-size: 11px;
	font-family: Arial, Helvetica Neue, Segoe, Arial Unicode MS, GNU Unifont, DejaVu Sans, sans-serif; 
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
}

a[href^="tel:"]:before {
    content: "\260E";
    display: inline-block;
    margin-right: 0.2em;
}

a[href^="mailto:"]:before {
    content: "\2709";
    display: inline-block;
    margin-right: 0.2em;
}

ul {list-style-image: url(/i/graphic_bullet.png);}

ol li {
	margin-bottom: 10px !important;	
}

#content img {
	max-width: 100%;
	max-height:auto;
}

p, pre, table, td, tr, span, li, h1, h2, h3, h4, h5 {
    font-family: Verdana,Arial,Helvetica,sans-serif;
}

p, pre, table, td, tr, span, li {
	color: rgb(70,70,70);
    font-size: 12px;
    line-height: 1.9em;
}

p {
  margin: 0px;
  padding: 0px;
  margin-bottom: 20px;	
}

h1, h4, h5{
	font-family:Georgia, 'Times New Roman', Times, serif !important;
	color: black;
}


h1{
	font-size: 30px;
	font-weight: normal;
	margin: 20px 0px 40px;
	text-align: center;
	color: white;
	background: linear-gradient(to bottom, #5c5c5c 0%,#303030 64%,#000000 100%) !important;
	background-color: black;
	padding: 20px 0px;
	width: 900px;
	margin-left: -25px;
	box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.65) inset;
}

h4{
	font-size: 20px;
	font-weight: normal;
	margin: 40px 0px 10px;
/*	
	margin-left: -10px;
	padding: 5px 0px;
	border-bottom: 1px solid #fbdb32;
	display: inline-table;
*/	
}


h5{
	font-size: 16px;
	font-weight: normal;
	margin: 30px 0px 10px;
}


.normal {
	font-size: 13px!important;
	font-family:Arial, Helvetica, sans-serif!important;
}

.headline {
 	font-size: 20px;
    letter-spacing: 1px;
    line-height: 40px;
	margin-bottom: 10px;
}

.centerimage {
	padding:14px;
	margin-left: auto;
	margin-right: auto;
}

.rightimage {
	float: right;
	padding-top: 14px;
	padding-left: 14px;
	padding-bottom: 14px;
}

.leftimage {
	float: left;
	padding-top: 14px;
	padding-right: 14px;
	padding-bottom: 14px;
}

.toprightimage {
	float: right;
	vertical-align:top;
	padding-left: 14px;
	padding-bottom: 14px;
}

.topleftimage {
	float: left;
	vertical-align:top;
	padding-right: 14px;
	padding-bottom: 14px;
}

.bottomrightimage {
	padding-top: 14px;
	padding-left: 14px;
	float: right;
	vertical-align:bottom;
}

.bottomleftimage {
	padding-top: 14px;
	padding-right: 14px;
	float: left;
	vertical-align:bottom;
}


html {
	margin: 0px;
	padding: 0px;
}


a:link, a:active, a:visited  { 
	cursor: pointer; 
	text-decoration: none;
	color: #0965b0;
	outline: none;
}

a:hover { 
	cursor: pointer; 
	text-decoration: underline !important;
}

a:focus {-moz-outline-style: none;}

a img {
	border: 0;
}

ul {
	list-style-image: url(../i/graphic_bullet.png);
}

#wrapper {
	position: absolute;
	width: 100%;
	top: 50%;
	height: 400px;
	margin: -175px auto;
	background: white;
	padding-bottom: 40px;
	box-shadow: 0px 5px 20px rgba(0,0,0,0.4);
}

a.newsletter{
	padding: 10px 45px;
	border: 2px solid rgb(180,220,255);
	margin-top: 40px;
	display: inline-block;
	border-radius: 3px;
	font-size: 16px;
	transition: all ease-out 0.3s;	
}

a.newsletter:hover{
	background: #0965b0;
	color: white;
	transition: all ease-out 0.3s;
	text-decoration: none !important;
}

#newsletterStripe{
    display: inline-block;
    position: absolute;
    height: 200px;
    background: rgb(180,220,255);
    width: 2px;
    margin-top: -160px;
    left: 50%;
}

#homeHeadline{
	text-align: center; 
	padding-top: 30px; 
	font-size: 25px; 
	font-weight: normal;
	padding-bottom: 20px;
	color: black;	
}

.homeLogo{
	display:table;
	margin-top: - 200px;
}

#header {
	padding-bottom: 9px;
	margin-bottom: 10px;	
}


#header a#homeLink {
	float: left;
	width: 39px;
	height: 28px;
	background-image: url(../i/navigation_genesi.png);
	text-indent: -3000px;	
	margin: 0;
}


#content {
	width: 1100px;
	margin: 0px auto;
	padding: 40px 0px 0px;
}

.homeColumn{
	column-count: 2; 
	column-gap: 80px;
	font-size: 16px;
	line-height: 175%;
	text-align: justify;
}



#footer {
	font-size: 11px;
	padding: 0 1em;
	text-align: center;
}	

.subNavBar {
	margin-top: -0px;
	margin-bottom: 20px;
	line-height: 36px; 
	width: 950px; 
	text-align: left;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-bottom: 1px solid #cecece;
	border-top: 1px solid #dedede;
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
	background: #fff;
	color: rgba(0,0,0,1);
	font-weight:bold;
	font-size: 12px;
}

.subNavBar span {
	margin-left: 20px;
	margin-right: 20px;
}

.subNavBar a {
	font-size:12px;
	font-weight:normal;
	padding-left: 20px;
	padding-right: 20px;
	margin: 0 auto;
}

.birthdays li{
	font-size: 10px !important;
}

.birthdays ul{
	list-style: none;
	padding: 10px 0px;
	margin: 0px;
}

.birthdays a{
	font-size: 11px !important;
}

.birthdaysDate{
	font-weight: bold;
}