html {
	overflow-y: scroll;
	}

#container {
	border: 0px solid #cbcbcb;
	border-top-width: 0px;
	padding: 0px;  
	margin: 0px; 
	width: 1366px;
	margin: auto;
	background-color: #FFFFFF;
	position: relative;
-webkit-box-shadow: 0px 0px 45px -4px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 0px 45px -4px rgba(0,0,0,0.55);
box-shadow: 0px 0px 45px -4px rgba(0,0,0,0.55);
}

hr {
	color: #b22819;
}

a {
	color: #b22819;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

.bred b {
	color: #b12919;
}

#innertext a {
	color: #b22819;
}

#redblock {
	width: 1000px;
	height: 207px;
	background-image: url('../images/redbg.gif');
}

#greyblock {
	width: 1000px;
	height: 207px;
	background-image: url('../images/greybg.gif');
}

#innertext {
	font-size: 18px;
	font-family: 'Crimson Text', serif;
	padding: 20px 50px;
}

#textblock {
	font-size: 12px;
	font-family: arial, tahoma, sans-serif;
	padding: 20px 50px;
}

h1 {
	font-family: 'permanent marker', myriad, arial, helvetica, sans-serif;
	color: #34495e;
	font-size: 40px;
	padding: 0px;
	margin: 0px;
    line-height: 75px;
}

#redblock h1 {
	font-family: myriad, arial, helvetica, sans-serif;
	font-weight: lighter;
	color: #FFFFFF;
	font-size: 20px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
}

#textblock h1 {
	font-size: 20px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 0px;
}

#textblock img {
	margin-left: -10px;
}

body {
	margin: 0px;
	background: url('../images/1155bk.jpg') fixed top center;
    background-size: 100%;
    line-height: 25px;
}

.footer {
	margin: 5px; 
	color: #FFFFFF; 
	font-size: 11px; 
	font-family: 'Kulim Park', arial, tahoma, sans-serif;
	align: center;
}

ol li {
	padding-bottom: 8px;
	padding-left: 10px;

}

/* form */
ol { list-style:none;}
ol li { display:block; clear:both;}
ol li label { display:block; margin:0; padding:16px 0 0 0;}
ol li input.text { width:480px; border:1px solid #c0c0c0; margin:0; padding:5px 2px; height:16px; background-color:#fff;}
ol li textarea { width:480px; border:1px solid #c0c0c0; margin:0; padding:2px; background-color:#fff;}
ol li .send { margin:16px 0 0 0;}



/* ============================================================================ */




nav {
	margin: 0px 15px;
    font-family: 'Permanent Marker', san-serif;

    text-shadow:  2px 2px 2px #383838;
	position: relative;
	width: 1200px;
	height: 50px;
	border-radius: 8px;
	font-size: 0;
}
nav a {
	line-height: 50px;
	height: 100%;
	font-size: 30px;
	display: inline-block;
	position: relative;
	z-index: 1;
	text-decoration: none;
	text-align: center;
	color: white;
	cursor: pointer;
}
nav .animation {
	position: absolute;
	height: 100%;
	top: 0;
	z-index: 0;
	transition: all .5s ease 0s;
	border-radius: 8px;
}
a:nth-child(1) {
	width: 130px;
}
a:nth-child(2) {
	width: 170px;
}
a:nth-child(3) {
	width: 160px;
}
a:nth-child(4) {
	width: 160px;
}
a:nth-child(5) {
	width: 260px;
}
a:nth-child(6) {
	width: 180px;
}
nav .start-home, a:nth-child(1):hover~.animation {
	width: 130px;
	left: 0;
	background-color: #ffae00;
    opacity: 0.5;
}
nav .start-about, a:nth-child(2):hover~.animation {
	width: 170px;
	left: 130px;
	background-color: #ffae00;
    opacity: 0.5;
}
nav .start-fishing, a:nth-child(3):hover~.animation {
	width: 160px;
	left: 300px;
	background-color: #ffae00;
    opacity: 0.5;
}
nav .start-gallery, a:nth-child(4):hover~.animation {
	width: 160px;
	left: 460px;
	background-color: #ffae00;
    opacity: 0.5;
}
nav .start-bring, a:nth-child(5):hover~.animation {
	width: 260px;
	left: 620px;
	background-color: #ffae00;
    opacity: 0.5;
}
nav .start-book, a:nth-child(6):hover~.animation {
	width: 180px;
	left: 880px;
	background-color: #ffae00;
    opacity: 0.5;
}




.circle {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 20px;
  font-family: 'Permanent Marker';
	color: #ffae00;
    line-height:50px;
  text-align: center;
  background: #34495e;
}


/* ipad in portrait and landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
   transform: scale: (0.6);
   transform-origin: 0 0;
	background: url('../images/1155bk.jpg') top center;
}
/* iphone in portrait and landscape */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) { 
   transform: scale: (0.7);
   transform-origin: 0 0;
	background: url('../images/1155bk.jpg') top center;
 }