/* v1.0.0 08/11/16 developed by Liam Kelly */ @font-face { font-family:slqld; src:url(../sansation.ttf); } html { overflow-y:scroll; } * { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } body { margin:0; font-family:slqld, Helvetica, Arial, sans-serif; background-color:#084F6C; } .tealsplit { width:100%; height:3px; background-color:#199ba2; } .heading.big { text-shadow:0px 1px 0px rgba(0, 0, 0, 0.26); -moz-text-shadow:0px 1px 0px rgba(0, 0, 0, 0.26); -webkit-text-shadow:0px 1px 0px rgba(0, 0, 0, 0.26); -o-text-shadow:0px 1px 0px rgba(0, 0, 0, 0.26); -ms-text-shadow:0px 1px 0px rgba(0, 0, 0, 0.26); } .background { background-color:#FFFFFF; padding-bottom:40px; } .header { width:960px; margin:auto; height:1px; padding-right:20px; margin-bottom:10px; background-color:#FFFFFF; } .navigation .button { display:inline-block; float:right; margin-left:30px; font-size:20px; font-weight:bold; height:108px; line-height:108px; } .navigation .button a { color:#199BA2; text-decoration:none; text-shadow:0px 2px 3px rgba(0, 0, 0, 0.13); -moz-text-shadow:0px 2px 3px rgba(0, 0, 0, 0.13); -webkit-text-shadow:0px 2px 3px rgba(0, 0, 0, 0.13); -o-text-shadow:0px 2px 3px rgba(0, 0, 0, 0.13); -ms-text-shadow:0px 2px 3px rgba(0, 0, 0, 0.13); -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; } .navigation .button a:hover { color:#084F6C; } .header .logo { display:inline-block; float:left; width:300px; margin-bottom:5px; } .header .logoa { width:100%; height:inherit; } .content { width:960px; margin:auto; color:#199BA2; padding:20px; background-color:#FFFFFF; } .content .heading { margin:auto; font-size:50px; width:800px; text-align:center; padding-bottom:10px; margin-bottom:20px; } .heading.little { font-size:30px; margin-top:20px; padding-bottom:40px; width:100%; } .heading { } .heading.big { margin-top:20px; padding-bottom:20px; width:100%; } .heading.space { margin-top:40px; } .content .info { text-align:justify; } .footer { background-color:#084F6C; width:100%; height:100px; border-top:10px solid #199BA2; } .footer .container { width:960px; margin:auto; margin-top:10px; color:#199BA2; padding-left:20px; padding-right:20px; } .footer .copyright { display:inline-block; } .footer .liability { float:right; display:inline-block; text-align:right; } .footer .liability a { color:#199BA2; font-style:italic; text-decoration:none; } .footer .liability a:hover { text-decoration:underline; } .content .info.contact { font-size:20px; margin-top:30px; } .scripts { display:none; } .info li span { position:relative; left:15px; font-weight:normal; } .info ol { margin-right:15px; } .info li { font-weight:bold; margin-bottom:10px; } .info a { color:#199BA2; } .info a:hover { color:#084F6C; } @keyframes slide { 0% { left:0%; } 20% { left:0%; } 25% { left:-100%; } 45% { left:-100%; } 50% { left:-200%; } 70% { left:-200%; } 75% { left:-300%; } 95% { left:-300%; } 100% { left:-400%; } } @keyframes slidenew { 0% { left:0%; } 45% { left:0%; } 55% { left:-100%; } 90% { left:-100%; } 100% { left:-200%; } } div.slider { overflow:hidden; height:300px; } div.slider figure img { width:20%; float:left; } div.slider figure { position:relative; width:500%; margin:0; left:0; text-align:left; font-size:0; } .whitefill { height:100px; }