/* Page Design -------------------*/
body {background-color: #004f8c; background-image:url(https://www.transparenttextures.com/patterns/asfalt-light.png);}
body {margin:0px;}

/* Font Styles ------------------*/
body {font-family:'Signika', Arial; color:#444; line-height:1.4; font-size:18px;}
h1, h2, p, ul, ol {line-height:1.4; font-weight:normal; color:#444;}
h1, h2, h3 {display:inline;}
h1 {font-size:26px; font-weight:bold;}
h2 {font-size:20px;}
h3 {font-size:14px;}
p {font-size:18px; margin:0px; padding:0px; line-height:1.4;}
b {font-weight:700;}

a {text-decoration:none;}

.white h1, .white h2, .white h3, .white {color:white;}
.link, .textfield a {color:#444; text-decoration:none; border-bottom:1px dashed #444;}
.link:hover, .textfield a:hover {border-bottom:1px solid #444;}
.whitelink {color:white; text-decoration:none; border-bottom:1px dashed white;}
.whitelink:hover {border-bottom:1px solid white;}

.white {color:white;}

/* Layout DIVs ------------------ */
.container {width:800px; margin:50px auto 50px;
	-moz-box-shadow:0px 0px 4px #111; -webkit-box-shadow:0px 0px 4px #111; box-shadow:0px 0px 4px #111;}
.header {position:relative; width:100%; height:240px;}
.header .logo {position:absolute; left:50%; margin-left:-145px; width:290px; top:-25px;}
.header .facebook {position:absolute; right:15px; top:15px; height:36px;}
.header .instagram {position:absolute; right:66px; top:15px; height:36px;}

.navigation {width:100%; background:#008FB3; padding:30px 0px 15px; text-align:center;}
.navigation a {font-family:'Signika', Arial; color:white; font-weight:600; font-size:18px; 
	padding:4px 7px; margin:0px 4px; text-decoration:none; text-transform:uppercase;}
.navigation a:hover {background:white; color:#008FB3; 
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.sub.navigation {padding:8px; background:#004f8c; overflow:hidden;}
.sub.navigation a {padding:10px 12px; margin:0px 5px; font-weight:400; text-transform:none;}
.sub.navigation a:hover {background:#008FB3; color:white;
	-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
	
.downloads {margin:0px 0px 20px;}
.download {margin-top:20px; color:white; background:#008FB3; text-decoration:none; padding:15px; text-align:center;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

.inside {padding:20px;}
.intro {width:100%; background:#ddd; text-align:center;}
.content {width:100%; background:white;}
.textarea {margin-bottom:20px;}
#gallery {margin:20px -5px 0px;}

.footer {background:#008FB3;}
.footer .iconitems {float:right; text-align:right; font-size:16px; color:white; line-height:28px;}
.footer .iconitems img {float:right; height:28px; margin-left:10px;}
.footer .map {float:left; width:300px; height:200px;}
.footer h1, .footer h3 {color:white; font-weight:600;}

.map {width:100%; height:300px;}
.calendar {width:100%; height:600px;}

.halfbutton {float:left; margin-right:20px; width:calc(50% - 10px); margin-bottom:20px;
	color:white; background:#008FB3; text-decoration:none; 
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.halfbutton .inside {padding:15px; text-align:center;}
.halfbutton:hover {border-bottom:3px solid #004f8c;}
.halfbutton:hover .inside {padding-bottom:12px;}
.halfbutton.end {margin-right:0px;}
.pricing {width:100%;}
.datagrid table {border-collapse: collapse; text-align: left; width: 100%; font-size:16px;} 
.datagrid table td, .datagrid table th {padding:6px 8px;}
.datagrid table thead th {background-color:#ddd; color:#444; font-weight: bold; border-left: 1px solid #999; } 
.datagrid table thead th:first-child { border: none; }
.datagrid table tbody td { color: #444; border-left: 1px solid #999; border-bottom:1px solid #999; font-weight: normal;}
.datagrid table tbody td:first-child { border-left: none; }
.payment {margin-top:20px; text-align:center;}
.payment select {margin:15px 0px; font-size:16px; padding:5px;}
.custompay {padding:20px; background:#ddd; margin-top:20px;}
.custompay input {padding:10px; margin:10px 5px 0px;}
.custompaybutton {padding:20px; padding-top:0px; text-align:center; background:#ddd;}

.contactform {max-width:610px; margin:30px auto 50px; font-size:18px;}
.contactform input, .contactform textarea {border:1px solid #999; font-family:Georgia; font-size:16px;}
.contactform .title {border-bottom:1px solid #999; padding-bottom:10px; margin-bottom:20px; text-align:center;}
.contactform .third {float:left; width:190px; margin-right:20px;}
.contactform .third.end {margin-right:0px;}
.contactform .third input {padding:5px; width:calc(100% - 12px);}
.contactform .comments {margin:10px 0px;}
.contactform .comments textarea {padding:5px; width:calc(100% - 14px); min-height:80px;}
.contactform .submit {width:200px; padding:6px 0px; margin:0px auto; cursor:pointer;}
.sent {padding:10px; background:#004f8c; color:white; font-size:20px; text-align:center;}

/* Universal Settings --------------*/
img {border:0;}
.clear {clear:both;}

#processwire {position:fixed; right:0px; bottom:0px; background:black; padding:4px;}
#processwire a {color:white; text-decoration:none;}

/*Responsive --------------------------*/
@media screen and (max-width: 1000px) {

}