body {margin: 0;padding:0; font-family:'Copse', courier, courier new, serif; font-size: 14px; background-image: url(images/bg.jpg); background-repeat: repeat-x; color:#e9ffbc; background-color: #2bbeba; height: 100%;color: #fff; }

.bigBg {
	width: 100%; height: 100%;
	display:block;
	position: fixed;
	background: url(images/homebg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.images/homebg.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/homebg.jpg', sizingMethod='scale')";
	overflow:scroll;
}

img {max-width: 100%;}

.header, nav, #container {margin: 0 auto; display: block;}

.clearFix {display: block; width: 100%; clear:both;}

.glow { width: 100%; height: 301px; display: block;  background-image: url(images/headerbg.jpg); font-size: 18px; color: #e9ffbc; position: absolute; background-position: top center; background-repeat: no-repeat; z-index: -1;}

.header { padding: 30px 0 0 0; font-size: 18px; color: #e9ffbc; margin: 0 auto;  display: block;}

.date {width: 150px; float:left; padding-top: 10px; font-family:'Copse', courier, courier new, serif;}
.names {float:left; margin-left:120px; font-family:'Copse', courier, courier new, serif;}
.location {float:right; text-align: right;padding-top: 10px; font-family:'Copse', courier, courier new, serif;}

.nav {    font-size: 15px; color: #e9ffbc; font-family:'Copse', courier, courier new, serif;text-align: center; display: block; margin: 0 auto; }

.nav ul { margin-top: 30px; }
.nav li {list-style:none;  display: inline; padding:  20px 15px 0 15px;}

.nav ul li a {color: #e9ffbc; text-decoration: none;}
.nav ul li a:hover {color: #fff;}

/*#container {width: 935px;  margin: 10px auto 0 auto;}*/
#container img{max-height: 60%;}

.footer {margin-top: 200px; color: #e9ffbc; margin: 25px auto 10px auto; font-size: 11px; color: #fff;}

.footer a {color: #003d71;}
.footer a:hover {color: #fff;}

a {color: #e9ffbc;}
a:hover {color: #fff;}
a img{border:none;}

.hotelPhoto {width: 500px; float: left; padding: 15px;}
.hotelInfo {width: 370px; padding-left: 15px; float:left; color:#003d71; }
.hotelInfo .details {font-size: 16px; }


h1 { font-family: 'Great Vibes', cursive; color: #fff; font-size: 48px; margin: 15px 0;}
h2 {font-size: 14px; color: #fff; font-weight: normal; letter-spacing: 1px;}

.photo { float:left;}
.description { color: #fff; }
.subhead {color: #fff; font-weight: bold; letter-spacing:1px;}

.center {text-align: center;}
.block {display:block;}



@media screen and (max-width: 1200px) { /* Specific to this particular image */
  .bigBg {
  	background-positon:top left;
	
		
  }
  
}

 @media only screen and (max-width: 767px) {
	 .date, .location {float: none; text-align: center;}
	 .bigBg {background-image: none;
	 }
	 .subhead {display: block; float:none;margin: 15px 0 0 0;}
	 
	 .registries img {width: 220px; display: block; margin: 10px auto;}
	 .nav li {list-style:none;  display: inline; padding:  0;}
	 
 }