body {font-family: 'Open Sans', sans-serif, Arial, Helvetica, Verdana; font-size: 100%; color: #FFFFFF; font-weight: 400; background: #FFFFFF; margin: 0;}

/* ATH CMS */
.context-menu-item {color: #333333;}
.ui-dialog input, .ui-dialog textarea {text-align: left;}
.athCmsBlogText {display: inline;}
a.athCmsAddButton:link {float: right; width: 100%; margin: 30px 0 10px 0;}
.athCmsAddGalleryBox {float: right; width: 100%; margin: 10px 0 10px 0;}
.athCmsImageContext {width: auto; height: 60px !important;}
iframe#athCmsBlogEditor_ifr, iframe#athCmsMultiBlogEditor_ifr, iframe#athCmsTextEditor_ifr {width: 100% !important;}
#athCmsHeadingText {width: 90% !important;}
select#linkTarget {width: 200px !important; background: url(../images/arrow.png) 160px center no-repeat #EEEEEE !important;}
select#selectedCmsType {width: 272px !important; background: url(../images/arrow.png) 232px center no-repeat #EEEEEE !important;}
a.cmsDocument:link {display: block; margin: 5px 0 5px 0;}
.athCmsDocumentImage {padding: 0 5px 0 0;}

#home_title, #home_text, #about_title, #about_text {width: 850px;}
#jobs_title {padding: 0 0 0 10px;}

#home #jobs_blog .athCmsAddButton, #home #jobs_blog .athCmsEditButton, #home #jobs_blog .athCmsDeleteBlog, #home #jobs_blog .athDecreaseWeight, #home #jobs_blog .athIncreaseWeight {display: none; visibility: hidden;}

#jobs_blog .athCmsAddButton, #jobs_blog .athCmsEditButton, #jobs_blog .athCmsDeleteBlog, #jobs_blog .athDecreaseWeight, #jobs_blog .athIncreaseWeight {position: relative; top: -60px;}

#home #jobs_blog .athCmsEntry {float: left; width: 490px; color: #333333; background: #FFFFFF; padding: 0; margin: 10px; border: none; position: inherit; top: 0;}
#jobs_blog .athCmsEntry {float: left; width: 490px; color: #333333; background: #FFFFFF; padding: 0; margin: 10px; border: none; position: relative; top: -50px;}
#jobs_blog .athCmsEntryDate {display: none; visibility: hidden;}
#jobs_blog .athCmsEntryTitle {float: left; width: 430px; display: block; font-size: 18px; font-weight: 700; color: #333333; line-height: 20px; padding: 30px 30px 0 30px;}
#jobs_blog .athCmsBlogText {display: block; padding: 0 30px 0 30px;}
#jobs_blog .athCmsMainImageBox {display: none; visibility: hidden;}

a.athCmsReadMoreLink:link {float: left; width: 157px; height: 37px; font-size: 16px; color: #FFFFFF; font-weight: 700; text-align: center; background: #30B0C2; padding: 11px 0 0 0; text-decoration: none; text-transform: uppercase; display: block;}
a.athCmsReadMoreLink:visited {float: left; width: 157px; height: 37px; font-size: 16px; color: #FFFFFF; font-weight: 700; text-align: center; background: #30B0C2; padding: 11px 0 0 0; text-decoration: none; text-transform: uppercase; display: block;}
a.athCmsReadMoreLink:active {float: left; width: 157px; height: 37px; font-size: 16px; color: #FFFFFF; font-weight: 700; text-align: center; background: #30B0C2; padding: 11px 0 0 0; text-decoration: none; text-transform: uppercase; display: block;}
a.athCmsReadMoreLink:hover {float: left; width: 157px; height: 37px; font-size: 16px; color: #FFFFFF; font-weight: 700; text-align: center; background: #999999; padding: 11px 0 0 0; text-decoration: none; text-transform: uppercase; display: block;}

a.cmsDocument:link {float: right; width: 253px; height: 37px; display: block; font-size: 16px; font-weight: 700; color: #FFFFFF; background: url(../images/pdf.png) 15px center no-repeat #555555; padding: 11px 15px 0 65px; text-decoration: none; text-transform: uppercase; position: relative; top: 21px;}
a.cmsDocument:visited {float: right; width: 253px; height: 37px; display: block; color: #FFFFFF; background: url(../images/pdf.png) 15px center no-repeat #555555; padding: 11px 15px 0 65px; text-decoration: none; text-transform: uppercase; position: relative; top: 21px;}
a.cmsDocument:active {float: right; width: 253px; height: 37px; display: block; color: #FFFFFF; background: url(../images/pdf.png) 15px center no-repeat #555555; padding: 11px 15px 0 65px; text-decoration: none; text-transform: uppercase; position: relative; top: 21px;}
a.cmsDocument:hover {float: right; width: 253px; height: 37px; display: block; color: #FFFFFF; background: url(../images/pdf.png) 15px center no-repeat #999999; padding: 11px 15px 0 65px; text-decoration: none; text-transform: uppercase; position: relative; top: 21px;}

.athCmsDocumentImage {display: none; visibility: hidden;}

label.error, #loginFail {font-weight: 700; color: #CC0000;}
/* END ATH CMS */

img {border-style: none; border-width: 0;}

hr {height: 0; width: 100%; border-top: 1px solid #FFFFFF; margin: 20px 0 20px 0;}

ul {list-style-position: inside;}

form {display: inline; text-align: center;}
input, textarea {width: 60%; padding: 10px; margin: 5px 0 10px 0; font-size: 14px; color: #555555; text-align: center; background: #FFFFFF; border: 1px solid #FFFFFF; vertical-align: top;}
input.short {width: 40%; padding: 10px; margin: 5px 0 10px 0; font-size: 14px; color: #555555; text-align: center; background: #FFFFFF; border: 1px solid #FFFFFF; vertical-align: middle;}
input.admin {width: 40%; padding: 10px; margin: 5px 0 10px 0; font-size: 14px; color: #555555; text-align: center; background: #FFFFFF; border: 1px solid #FFFFFF; vertical-align: top;}
select {width: 330px; outline: none; -webkit-appearance: none; padding: 10px; margin: 5px 0 10px 0; border: none; background: url(../images/arrow.png) 290px center no-repeat #FFFFFF; color: #555555; line-height: normal; font-family: inherit; font-size: inherit; line-height: inherit; cursor: pointer; -moz-appearance: none;}

h1 {font-family: 'Open Sans', sans-serif, Arial, Helvetica, Verdana; font-size: 40px; font-weight: 400; display: inline; color: #FFFFFF; line-height: 42px;}
#slideshowText h1, #parallaxText h1 {font-size: 90px; font-weight: 400; line-height: 92px;}
h2 {font-family: 'Open Sans', sans-serif, Arial, Helvetica, Verdana; font-size: 14px; font-weight: 600; display: inline; color: #333333; text-transform: uppercase;}

#wrapperHeader {width: 100%; height: 208px; background: #FFFFFF; position: relative; z-index: 1000;}
#wrapperHeaderImageHome {width: 100%; height: 628px;}
#wrapperHeaderImage {width: 100%; height: auto;}
#wrapperHeaderImage img {width: 100%; display: block;}
#wrapperMain {width: 100%; height: auto; background: #30B0C2; position: relative; z-index: 500;}
#wrapperJobs {width: 100%; height: auto; background: #333333; position: relative; z-index: 500;}
#home #parallax {width: 100%; height: 1180px; background: url(../images/parallax.jpg) center top fixed no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; padding: 0 0 100px 0;}
#jobs #parallax, #admin #parallax {width: 100%; height: 1180px; background: url(../images/parallax2.jpg) center top fixed no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; padding: 0 0 100px 0;}
#about #parallax {width: 100%; height: 1180px; background: url(../images/parallax3.jpg) center top fixed no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; padding: 0 0 100px 0;}
#contact #parallax {width: 100%; height: 1180px; background: url(../images/header_image1.jpg) center top fixed no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; padding: 0 0 100px 0;}

table.main {width: 1020px; margin: 0 auto;}
table.fullWidth {width: 100%;}

.slideshow {position: absolute; width: 100vw; height: 100vh; overflow: hidden;}
.slideshow-image {position: absolute; width: 100%; height: 100%; background: no-repeat 50% 50%; background-size: cover; -webkit-animation-name: kenburns; animation-name: kenburns; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 16s; animation-duration: 16s; opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2);}
.slideshow-image:nth-child(1) {-webkit-animation-name: kenburns-1; animation-name: kenburns-1; z-index: 3;}
.slideshow-image:nth-child(2) {-webkit-animation-name: kenburns-2; animation-name: kenburns-2; z-index: 2;}
.slideshow-image:nth-child(3) {-webkit-animation-name: kenburns-3; animation-name: kenburns-3; z-index: 1;}
.slideshow-image:nth-child(4) {-webkit-animation-name: kenburns-4; animation-name: kenburns-4; z-index: 0;}

#logo {float: left; width: auto; height: auto; margin: 75px 0 0 100px;}

#contactNav {float: right; width: auto; height: auto; font-size: 16px; font-size: 600; color: #AAAAAA; text-align: right; margin: 0; padding: 52px 85px 0 0;}

#telephone {width: auto; height: auto; padding: 0 15px 0 0;}

#nav {width: auto; height: auto; text-align: right; margin: 0; padding: 40px 0 0 0;}
#nav ul {text-align: center; list-style: none; margin: 0; padding: 0;}
#nav li {list-style: none; display: inline; padding: 0; margin: 0;}
#nav li a:link {color: #333333; display: inline; text-decoration: none; line-height: 1.4em; margin: 0 15px 0 15px; padding: 0;}
#nav li a:visited {color: #333333; display: inline; text-decoration: none; line-height: 1.4em; margin: 0 15px 0 15px; padding: 0;}
#nav li a:active {color: #333333; display: inline; text-decoration: none; line-height: 1.4em; margin: 0 15px 0 15px; padding: 0;}
#nav li a:hover {color: #AAAAAA; display: inline; text-decoration: none; line-height: 1.4em; margin: 0 15px 0 15px; padding: 0;}
body#home a#navhome, body#jobs a#navjobs, body#about a#navabout, body#contact a#navcontact {color: #AAAAAA; display: inline; text-decoration: none; line-height: 1.4em; margin: 0 15px 0 15px; padding: 0;}

#slideshowText {width: auto; font-size: 30px; font-weight: 800; line-height: 32px; padding: 135px 100px 0 100px; position: relative; z-index: 1000;}
#parallaxText {width: auto; font-size: 30px; font-weight: 800; line-height: 32px; padding: 180px 100px 180px 100px; position: relative; z-index: 1000;}

#mainText {width: auto; font-size: 16px; line-height: 26px; padding: 70px 100px 70px 100px;}
#admin #mainText {text-align: center;}
.mainText {width: 1020px; font-size: 16px; line-height: 26px; padding: 70px 0 70px 0;}
.mainTextJobs {width: 1020px; font-size: 16px; line-height: 26px; padding: 0 0 20px 0;}

#buttonAlignment {text-align: center; padding: 50px 0 0 0; clear: both;}

#footer {width: auto; font-size: 22px; color: #FFFFFF; font-weight: 600; line-height: normal; text-align: center; background: #333333; padding: 70px 0 135px 0;}
.copyright {font-size: 16px; font-weight: 600; line-height: 24px;}

tr.gone {display: none; visibility: hidden;}
td.formTitle {font-size: 16px; font-weight: 400; padding: 12px 0 0 0; vertical-align: top;}

strong {font-weight: 700;}

.blue {color: #30B0C2;}

a:link {color: #FFFFFF; text-decoration: underline;}
a:visited {color: #FFFFFF; text-decoration: underline;}
a:active {color: #FFFFFF; text-decoration: underline;}
a:hover {color: #333333; text-decoration: underline;}

a.footer:link {color: #FFFFFF; text-decoration: none;}
a.footer:visited {color: #FFFFFF; text-decoration: none;}
a.footer:active {color: #FFFFFF; text-decoration: none;}
a.footer:hover {color: #30B0C2; text-decoration: none;}

a.button:link {font-size: 16px; color: #FFFFFF; font-weight: 700; padding: 15px 25px 15px 25px; border: 6px solid #11D2EB; text-decoration: none; text-transform: uppercase;}
a.button:visited {font-size: 16px; color: #FFFFFF; font-weight: 700; padding: 15px 25px 15px 25px; border: 6px solid #11D2EB; text-decoration: none; text-transform: uppercase;}
a.button:active {font-size: 16px; color: #FFFFFF; font-weight: 700; padding: 15px 25px 15px 25px; border: 6px solid #11D2EB; text-decoration: none; text-transform: uppercase;}
a.button:hover {font-size: 16px; color: #333333; font-weight: 700; background: #FFFFFF; padding: 15px 25px 15px 25px; border: 6px solid #11D2EB; text-decoration: none; text-transform: uppercase;}

@-webkit-keyframes 
kenburns-1 {  0% {
 opacity: 1;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 1.5625% {
 opacity: 1;
}
 23.4375% {
 opacity: 1;
}
 26.5625% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 98.4375% {
 opacity: 0;
 -webkit-transform: scale(1.21176);
 transform: scale(1.21176);
}
 100% {
 opacity: 1;
}
}

@keyframes 
kenburns-1 {  0% {
 opacity: 1;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 1.5625% {
 opacity: 1;
}
 23.4375% {
 opacity: 1;
}
 26.5625% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 98.4375% {
 opacity: 0;
 -webkit-transform: scale(1.21176);
 transform: scale(1.21176);
}
 100% {
 opacity: 1;
}
}

@-webkit-keyframes 
kenburns-2 {  23.4375% {
 opacity: 1;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 26.5625% {
 opacity: 1;
}
 48.4375% {
 opacity: 1;
}
 51.5625% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
}

@keyframes 
kenburns-2 {  23.4375% {
 opacity: 1;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 26.5625% {
 opacity: 1;
}
 48.4375% {
 opacity: 1;
}
 51.5625% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
}

@-webkit-keyframes 
kenburns-3 {  48.4375% {
 opacity: 1;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 51.5625% {
 opacity: 1;
}
 73.4375% {
 opacity: 1;
}
 76.5625% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
}

@keyframes 
kenburns-3 {  48.4375% {
 opacity: 1;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 51.5625% {
 opacity: 1;
}
 73.4375% {
 opacity: 1;
}
 76.5625% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
}

@-webkit-keyframes 
kenburns-4 {  73.4375% {
 opacity: 1;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 76.5625% {
 opacity: 1;
}
 98.4375% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
}
}

@keyframes 
kenburns-4 {  73.4375% {
 opacity: 1;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 76.5625% {
 opacity: 1;
}
 98.4375% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
}
}