/* HTML5 Boilerplate  */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: .9em; line-height: 1.4; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a { color: #356da8; text-decoration: none; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
address {font-style: normal}
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
h1, h2, h3, h3, h4, h5, h6 {font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-weight: normal; margin: 0 0 15px 0; color: #356da8;}
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
p {margin: 0 0 15px 0;}

pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; width: auto\9; height: auto; max-width: 100%; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

.alignleft {float: left; margin: 0 15px 15px 0;}
.left {float: left;}
.right {float: right;}
.wide { display: block; text-align:center;}

/* -------------------------------------------------- Fonts  */


@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/proximanova-regular-webfont-webfont.eot');
    src: url('fonts/proximanova-regular-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova-regular-webfont-webfont.woff') format('woff'),
         url('fonts/proximanova-regular-webfont-webfont.ttf') format('truetype'),
         url('fonts/proximanova-regular-webfont-webfont.svg#ProximaNova') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family: 'Dalek';
	src: url('../fonts/Dalek.eot');
    src: url('../fonts/Dalek.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Dalek.woff') format('woff'),
         url('../fonts/Dalek.ttf') format('truetype'),
         url('../fonts/Dalek.svg#Dalek') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* -------------------------------------------------- Main  */

body {background: url(../images/bg.jpg) center top repeat #1564d2; font-family: "Proxima Nova", Helvetica, Arial, sans-serif;}
.container {margin: 0 auto;}
.content2 {background-color: #fff;}
.content2 .side {padding: 15px 20px 20px 20px}
#aLink {display: none;}
.col{float: left; width: 30.914893617021278%;}
.col2 { width: 47.717948717948715%; *width: 47.664757228587014%; }
.col3 {width: 62.81196581196582%; *width: 62.75877432260411%; line-height: 1.6;}
.col4 {width: 31.623931623931625%; *width: 31.570740134569924%;}
.col5 {width: 71%; }
.col6 {width: 29%; }
.col7 {width: 54.6%; line-height: 1.6;}
.full {width: 100%;}

header, footer, #main, #lower, #mainalt, #banner, #mainalt2 {background: url(../images/i-strip.jpg) repeat-x;}
#top {padding: 40px 0 0 0; margin:  0 0 15px 0;}
.logo {width: 30%;}
.slogan {margin: 58px 0 0 0;}

#social {width: 130px; float: right;}
#social ul {padding: 0; margin: 0; list-style: none;}
#social ul li {width: 36px; height: 36px; float: left; margin:  0 5px 0 0;}
#social ul li.twitter {background: url(../images/twitter.png) no-repeat;}
#social ul li.facebook {background: url(../images/facebook.png) no-repeat;}
#social ul li.instagram {background: url(../images/instagram.png) no-repeat;}
#social ul li a {display: block; text-indent: -99999px;}

#nav {background-color: #fff; padding: 5px 3px 4px 3px; margin: 0 0 15px 0;}
#nav ul {margin: 3px 0; padding: 0}
#nav ul li {list-style: none; float: left;}
#nav ul li a {color: #1564d2; padding: 8px 30px 7px 30px; text-transform: uppercase; font-size: 1.2em;}
#nav ul li.active a, #nav ul li a:hover {background-color: #17bec0; color: #fff;}

#main {background-color: #f4f4f4; padding: 60px 0 30px 0; position: relative; z-index: 99;}
#mainalt, #mainalt2, #banner {background-color: #000; padding: 28px 0 0 0; position: relative; z-index: 99;}
#mainalt2 {background-color: #fff;}

.col2 h2 {text-transform: uppercase; background-color: #fff;}
.col2 .header h2 {width: 50%; padding: 0 0 0 10px; margin: 0;}
.col2 .content {background-color: #fff; padding: 10px;}

#seal, #graphic {position: absolute; z-index: 98;}

.more {margin: 25px 0 0 0;}
.btn {background-color: #17bec0; color: #fff; padding: 8px 20px 7px 20px; text-transform: uppercase; font-size: 1.2em;}

#lower {font-family: "Dalek", Helvetica, Arial, sans-serif; color: #fff; font-size: 2em; position: relative; z-index: 90;}

.lowerg {position: absolute;}
.plate {margin: 20px 0 0 230px;}
footer {background-color: #e2e3de; padding: 50px 0 30px 0;}
	
#wrapper {overflow: hidden; left: 0;}
#carousel img {display: block; float: left;}
#prev, #next {background-color: rgba(255, 255, 255, 0.7); display: block; height: 450px; width: 50%; position: absolute;}
#prev {left: -495px;}
#next {right: -495px;}
#pager {position: absolute; left: 36%; bottom: 10px;}
#pager a {border: 2px solid #fff;border-radius: 10px;display: inline-block;width: 10px;height: 10px;margin: 0 5px 0 0;}
#pager a:hover {background-color: rgba(255, 255, 255, 0.5);}
#pager a span {display: none;}
#pager a.selected {background-color: #fff;}

#testimonials {padding: 20px; background:#fff;}
.quotes {padding: 0 0 40px 0; background: url(../images/i-strip.jpg) left bottom repeat-x; margin: 0 0 20px 0;}
.quotes .img {width: 20%; float: left; margin: 0 15px 15px 0;}
.quote {width: 85%;}
#hslides {
	z-index:100;
}

.slides_container {width: 100%; overflow:hidden; height:330px; position:relative; display:none;}
#hslides .slide {width: 438px;height: 260px;padding: 0;}
.slide h3 {margin: 0 0 4px 0;}

#hslides .next,#hslides .prev {position:absolute;margin-top: -38px;width:20px;height:20px;display:block;z-index:101;}
#hslides .prev {margin-left:385px;}
#hslides .next {margin-left:415px;}

.pagination {margin:26px auto 0;width:100px;}
.pagination li {float:left;margin:0 1px;list-style:none;}
.pagination li a {display:block;width:12px;height:0;padding-top:12px;background-image:url(../img/pagination.png);background-position:0 0;float:left;overflow:hidden;}
.pagination li.current a {background-position:0 -12px;}

.copyright {text-align: center;}

#contact-details {font-size: 1.6em; position: absolute; width: 40%; z-index: 9999; color: #fff; margin-left: 15%;padding: 60px 0 0 0;}
#contact-details span {text-transform: uppercase; color: #17bec0;}
#contact-details a {color: #17bec0;}

@media only screen and (min-width: 768px) { /* target=768px wide */

.container {width:740px;}
#layerslider {height: 358px;}
.slogan {width: 45%; margin: 50px 0 0 0;}

#social {margin: 42px 0 0 0;}

.contact .ls-s2 {left: 55%; top: 0;}
#contact-details {font-size: 1.3em; width: 50%; margin-left: 15%; padding: 30px 0 0 0;}

/* --------- Navigation  */
nav a#pull {display: none;}
#nav ul li a {font-size: 1em; padding: 8px 12px 7px 12px;}

.col7 {width: 70%}
.abgr {width: 40%; margin: 170px 0 0 440px;}
#seal {width: 15%; margin: -50px 0 0 550px;}

/* --------- Slider  */
.slide1 .ls-s2 {width: 360px; left: 55%; top: 0;}
.slide1 .ls-s3 {width: 416px; left: 10%; top: 5%;}
.slide1 .ls-s4 {width: 327px; left: 13%; top: 22%;}
.slide1 .ls-s5 {width: 115px; left: 45%; top: 70%;}

.slide2 .ls-s3, .slide3 .ls-s3, .slide4 .ls-s3, .slide5 .ls-s3 {z-index: 99; width: 370px; left: 13%; top: 32%;}
.slide2 .ls-s4, .slide3 .ls-s4, .slide4 .ls-s4, .slide5 .ls-s4 {z-index: 99; width: 400px; left: 13%; top: 42%;}
.slide2 .ls-s5, .slide3 .ls-s5, .slide4 .ls-s5, .slide5 .ls-s5 {z-index: 99; width: 154px; left: 23%; top: 10%;}

.slide2 .ls-s2 {width: 555px; left: 55%; top: 10%;}
.slide3 .ls-s2 {width: 579px; left: 55%; top: 10%;}
.slide4 .ls-s2 {width: 543px; left: 55%; top: 10%;}
.slide5 .ls-s2 {width: 525px; left: 55%; top: 10%;}

.menu a {display: inline;}
.menu .ls-s1 {z-index: 99; left: 55%; top: 0;}
.menu .ls-s2 {width: 420px; z-index: 99; left: 10%; top: 10%;}
.menu .ls-s3 {width: 360px; z-index: 99; left: 13%; top: 52%;}
.menu .ls-s4 {width: 280px; z-index: 99; margin: 270px 0 0 160px;}

.menu .ls-s5 {width: 343px; z-index: 99; left: 10%; top: 10%;}
.menu .ls-s6 {width: 313px; z-index: 99; left: 13%; top: 55%;}
.menu .ls-s7 {width: 214px; position: relative; z-index: 99; margin: 250px 0 0 60px;}
.menu .ls-s8 {width: 190px; position: relative; z-index: 99; margin: 250px 0 0 300px;}

.megr {position: relative; z-index: 18; width: 495px; right: 0;}

/* --------- Slide Next & Previous Buttons */
#hslides .slide {width: 333px;}

#hslides .prev {margin-left:285px;}
#hslides .next {margin-left:315px;}

/* --------- Footer  */
.plate {width: 569px;}
.life {padding: 43px 0 10px 0;}
}

@media only screen and (min-width:1024px ) { /* target=Desktop */

.container {width: 960px;}
.col7 {width: 54.6%;}
.slogan {width: 50%;}

#social {margin: 48px 0 0 0;}

#contact-details {font-size: 1.6em; width: 50%; margin-left: 15%; padding: 40px 0 0 0;}

#seal {margin: 0 0 0 750px;}
.abgr {width: 60%;margin: -10px 0 0 350px;}
.megr {position: relative; z-index: 18; width: 665px; right: 0;}

/* --------- Navigation  */
nav a#pull {display: none;}
#nav ul li a {font-size: 1.2em; padding: 8px 29px 7px 29px;}

/* --------- Slider  */
#layerslider {height: 488px;}
.ls-layer .ls-bg {b-moz-background-size: 100% 100%;-o-background-size: 100% 100%;-webkit-background-size: 100% 100%; background-size: 100% 100%;}

.slide1 .ls-s2 {width: 497px; left: 55%; top: 0;}
.slide1 .ls-s3 {width: 516px; left: 10%; top: 8%;}
.slide1 .ls-s4 {width: 427px; left: 13%; top: 25%;}
.slide1 .ls-s5 {width: 215px; left: 40%; top: 55%;}

.slide2 .ls-s3, .slide3 .ls-s3, .slide4 .ls-s3, .slide5 .ls-s3 {z-index: 99; width: 468px; left: 13%; top: 32%;}
.slide2 .ls-s4, .slide3 .ls-s4, .slide4 .ls-s4, .slide5 .ls-s4 {z-index: 99; width: 492px; left: 13%; top: 42%;}
.slide2 .ls-s5, .slide3 .ls-s5, .slide4 .ls-s5, .slide5 .ls-s5 {z-index: 99; width: 204px; left: 23%; top: 10%;}

.slide2 .ls-s2 {width: 697px; left: 55%; top: 10%;}
.slide3 .ls-s2 {width: 728px; left: 55%; top: 10%;}
.slide4 .ls-s2 {width: 416px; left: 55%; top: 10%;}
.slide5 .ls-s2 {width: 660px; left: 55%; top: 10%;}

.contact .ls-s2 {left: 55%; top: 0;}
.contact .ls-s3 {left: 10%; top: 15%;}
.contact .ls-s4 {left: 10%; top: 43%;}
.contact .ls-s5 {left: 10%; top: 70%;}

.menu a {display: inline;}
.menu .ls-s1 {z-index: 99; left: 55%; top: 0;}
.menu .ls-s2 {width: 538px; z-index: 99; left: 10%; top: 10%;}
.menu .ls-s3 {width: 455px; z-index: 99; left: 13%; top: 52%;}
.menu .ls-s4 {width: 388px; z-index: 99; margin: 350px 0 0 200px;}

.menu .ls-s5 {width: 476px; z-index: 99; left: 10%; top: 10%;}
.menu .ls-s6 {width: 429px; z-index: 99; left: 13%; top: 55%;}
.menu .ls-s7 {width: 235px; position: relative; z-index: 99; margin: 370px 0 0 130px;}
.menu .ls-s8 {width: 206px; position: relative; z-index: 99; margin: 370px 0 0 400px;}

/* --------- Slide Next & Previous Buttons */
#hslides .slide {width: 529px;}

#hslides .prev {margin-left:385px;}
#hslides .next {margin-left:415px;}

/* --------- Footer  */
.life {padding: 63px 0 30px 0;}
.plate {width: 769px;}
}

@media only screen and (max-width: 768px) { /* target= mobile 480 wide */ 

.right, .left {float: none;}
.container {width: 540px;}
.slogan {margin: 10px 0 0 0;}

#social {margin: 15px 0 0 0;}

.col7 {width: 100%}
.col2  {width: 95%; margin: 0 0 20px 0;}
.col2 .content img {width: 100%}

nav ul {display: none;height: auto;}
nav a#pull {display: block; width: 100%;position: relative; margin: 0 0 0 10px;}
nav a#pull:after {content:""; background: url('../images/nav-icon.png') no-repeat; width: 30px; height: 30px; display: inline-block; position: absolute;right: 10px;}

.abgr, #seal {display: none;}

.contact .ls-s2 {left: 55%; top: 0;}
#contact-details {font-size: 1em; width: 60%; margin-left: 15%; padding: 10px 0 0 0;}
#contact-details p {margin: 0 0 9px 0}

/* --------- Slider  */	
#layerslider {height: 250px;}

.slide1 .ls-s2 {width: 250px; left: 55%; top: 0;}
.slide1 .ls-s3 {width: 266px; left: 10%; top: 5%;}
.slide1 .ls-s4 {width: 227px; left: 13%; top: 22%;}
.slide1 .ls-s5 {width: 95px; left: 45%; top: 70%;}

.slide2 .ls-s3, .slide3 .ls-s3, .slide4 .ls-s3, .slide5 .ls-s3 {z-index: 99; width: 280px; left: 13%; top: 32%;}
.slide2 .ls-s4, .slide3 .ls-s4, .slide4 .ls-s4, .slide5 .ls-s4 {z-index: 99; width: 300px; left: 13%; top: 42%;}
.slide2 .ls-s5, .slide3 .ls-s5, .slide4 .ls-s5, .slide5 .ls-s5 {z-index: 99; width: 100px; left: 23%; top: 10%;}

.slide2 .ls-s2 {width: 387px; left: 55%; top: 10%;}
.slide3 .ls-s2 {width: 404px; left: 55%; top: 10%;}
.slide4 .ls-s2 {width: 379px; left: 55%; top: 10%;}
.slide5 .ls-s2 {width: 367px; left: 55%; top: 10%;}

.menu .ls-s1 {z-index: 99; left: 55%; top: 0;}
.menu .ls-s2 {width: 260px; z-index: 99; left: 10%; top: 10%;}
.menu .ls-s3 {width: 230px; z-index: 99; left: 13%; top: 52%;}
.menu .ls-s4 {width: 180px; z-index: 99; margin: 190px 0 0 100px;}

.menu .ls-s5 {width: 240px; z-index: 99; left: 10%; top: 10%;}
.menu .ls-s6 {width: 200px; z-index: 99; left: 13%; top: 55%;}
.menu .ls-s7 {width: 130px; position: relative; z-index: 99; margin: 180px 0 0 60px;}
.menu .ls-s8 {width: 115px; position: relative; z-index: 99; margin: 180px 0 0 200px;}

.megr {position: relative; z-index: 18; width: 341px; right: 0;}


/* --------- Slide Next & Previous Buttons */	
#hslides .prev {margin-left:435px;}
#hslides .next {margin-left:465px;}

#hslides .slide {width: 492px; }
#hslides .slide img {width: 100%;}

/* --------- Footer  */
.life {padding: 43px 0 10px 0;}
.plate {display: none;}

}


@media only screen and (max-width: 549px) { /* target= mobile ~300 wide */

.right, .left {float: none;}
.container {width:290px;}
.col2  {width: 100%; margin: 0 0 20px 0;}

#social {margin: 1px 0 0 0;}

nav ul {display: none;height: auto;}
#nav ul li {display: block; float: none;}
#nav ul li a {display: block; width: 79%;}
nav a#pull {display: block; width: 100%;position: relative;margin: 0 0 0 10px;}
nav a#pull:after {content:""; background: url('../images/nav-icon.png') no-repeat; width: 30px; height: 30px; display: inline-block; position: absolute;right: 10px;}

.contact .ls-s2 {left: 50%; top: 0;}
#contact-details {font-size: .9em; width: 90%; margin-left: 15%; padding: 10px 0 0 0;}
#contact-details p {margin: 0 0 9px 0}

/* --------- Slider  */
#layerslider {height: 230px;}

.slide1 .ls-s2 {width: 350px; left: 25%; top: 0;}
.slide1 .ls-s3 {width: 70%; left: 10%; top: 13%;}
.slide1 .ls-s4 {width: 50%; left: 13%; top: 52%;}

.menu .ls-s7 {width: 100px; position: relative; z-index: 99; margin: 180px 0 0 20px;}
.menu .ls-s8 {width: 85px; position: relative; z-index: 99; margin: 180px 0 0 120px;}

/* --------- Slide Next & Previous Buttons */	
#hslides .prev {margin-left:205px;}
#hslides .next {margin-left:235px;}

#hslides .slide {width: 280px; height: 200px;}
#hslides .slide img {width: 100%;}

/* --------- Footer  */
.life {padding: 43px 0 10px 0;}
.plate {display: none;}

}


@media screen and (-webkit-min-device-pixel-ratio:0) {
    #homewidget .col .date {
		padding: 1px 0 0 0;
	}
}

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } 
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}