* { box-sizing:border-box; }

/*----- media queries -----*/
@media only screen and (max-width: 320px) { }
@media only screen and (max-width: 480px) { }
@media only screen and (max-width: 768px) { }
@media only screen and (max-width: 1024px) { }


/* PERSISTENT STYLES ========================================================================================*/
html, body { background:#fff; width:100%; height:100%; margin:0px; padding:0px; color:#000;font-family: proxima-nova, sans-serif;
font-style: normal;
font-weight: 100;
    display: flex;
    flex-direction: column;
	font-size:18px; line-height:28px;
}
img, img a, img a:link { border:0px; }

h1 {
    font-size: 4.2em;
    line-height: 1em;
    margin: 0px 0px 0.5em 0px;
    font-weight: 700;
    color: #087abb;
    text-transform: uppercase;
    text-align: center;
}
h2 {
    font-size: 1.8em;
    line-height: 1em;
    margin: 0px 0px 0.5em 0px;
    font-weight: 700;
    color: #104c97;
    text-transform: uppercase;
}
h2 a { color:#5f7ac0 !important; }
h2 a:hover { color:#000; }
h3 { font-size:18px; line-height:22px; margin:12px 0px 20px 0px; font-weight:400; text-align:left; color:#595140; }
h4 {  }

p {  margin:0px 0px 20px 0px; }

#interior ul { margin:0px 0px 20px 0px; color:#000; padding:0px 0px 0px 20px; }

hr { margin:40px 0px 40px 0px; color:#988a6d; background:#988a6d; border:0px; height:1px; }


a:link { color: #087abb; }
a:visited { color:#00a2ff; }
a:hover { color:#104c97; }

.clear { clear:both; }
.clearfix:before { content:" "; display:table; }
.clearfix:after { content:" "; display:table; clear:both; }

.center { display:block; max-width:1180px; height:auto; margin:0 auto; position:relative; }
.center:before { content:" "; display:table; }
.center:after { content:" "; display:table; clear:both; }
.block { display:block; }

#header { position:relative; z-index:100; height:auto; width:100%; }
#header .logo { width:661px; height:443px; background:url('/templates/client/images/header-logo.png') no-repeat top left; position:absolute; }
#header .center { max-width:2000px; line-height:0px; padding:0px !important; z-index:100; }
#header .center img { width:100%; height:auto; }

#slideshow { position:relative; z-index:10; margin:0px; padding:0px; display:block; width:100%; background:#104c97; }
#slideshow ul.headerSlides { margin:0px; padding:0px; list-style:none; display:block; width:100%; height:auto; background:#333; }
#slideshow ul.headerSlides li { display:block; width:100%; height:auto; background-size:auto 100% !important; line-height:0px; }
#slideshow ul.headerSlides li img { width:100%; height:auto; max-height:443px; }

#jobs #header { background:url('/templates/client/images/header-jobs.jpg') no-repeat center top; }

#mainMenu {
    text-transform: uppercase;
    background: #087abb;
    padding: 1px 0px;
}
#mainMenu a {
    font-family: novecento-sans-wide, sans-serif;
    font-style: normal;
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 1px;
}
#mainMenu ul {
    margin: 0px;
    padding: 20px 0px;
    display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
}
#mainMenu ul li {
    display: block;
    margin: 0px;
}

#contentContainer { flex-grow: 1; }
#contentContainer .center { max-width:1180px; /*background:#edeae3 url('/templates/client/images/content-bg.png') no-repeat top right;*/ background:white; padding:2em 0; }
#contentContainer .search { width:100%; height:auto; background:#6e675a; color:#edeae3; }
#contentContainer .search form .label { float:left; display:inline; font-size:18px; }
#contentContainer .search form .formTitle { width:20%; line-height:60px; text-align:center; }
#contentContainer .search form .formField { width:28%; text-align:center; }
#contentContainer .search form .formField input { height:30px; line-height:30px; width:96%; padding:0px 2%; border:0px; margin-top:15px; }
#contentContainer .search form .formRadio { width:13%; font-size:14px; line-height:60px; text-transform:uppercase; text-align:center; }
#contentContainer .search form .formRadio input { margin-right:5px; }
#contentContainer .search form .formSubmit { width:26%; text-align:center; }
#contentContainer .search form .formSubmit input { background:#f06445; border:0px; border-radius:5px; height:30px; font-size:18px;
	color:#fff; text-transform:uppercase; margin-top:15px; width:85%; }
#contentContainer .search form .formSubmit input:hover { background:#d75234; }


#footer {
    width: 100%;
    border-top: solid 15px #087abb;
    padding: 30px 0px;
    background: #104c97;
}
#footer p { color:#fff; font-size:14px; line-height:20px; font-weight:300; text-align:center; margin:0px; }
#footer a { color:#fff; }

@media only screen and (max-width:2000px) {
	#slideshow ul.headerSlides li{
		background-position: left center !important;
	}
}

@media only screen and (max-width:1280px) {
#header .center {
	    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
	}
	.center { padding-right:30px; padding-left:30px; }
	#contentContainer .center { padding:30px; }
	#mainMenu { text-align:center; }
	#contentContainer .search form .formTitle { width:26%; }
	#contentContainer .search form .formField { width:20%; }
	#contentContainer .search form .formRadio { width:16%; }
	#contentContainer .search form .formSubmit { width:22%; }
}

@media only screen and (max-width:780px) {
	#header { border-top:0px; }
	.center { padding-right:30px; padding-left:30px; }
	#contentContainer .search form { display:block; padding:15px; }
	#contentContainer .search form .formTitle { width:100%; float:none; display:block; line-height:20px; margin-bottom:15px; }
	#contentContainer .search form .formField input { margin-top:0px; }
	#contentContainer .search form .formField { width:44%; }
	#contentContainer .search form .formRadio { width:28%; font-size:14px; line-height:25px; }
	#contentContainer .search form .formSubmit { width:100%; padding-top:15px; }
	#contentContainer .search form .formSubmit input { margin-top:0px; width:100%; }

	#header .logo { width:515px; background-size:100% auto; }
}

@media only screen and (max-width:500px) {
	#contentContainer .center { padding:20px; }
	h1{ text-align:center; font-size: 2em; }
	h2{ font-size: 1.2em; }
	#mainMenu ul { margin:0px; padding: 10px 0px; justify-content: center;}
	#mainMenu ul li { display:block; margin:10px 0px 10px !important; }
	#mainMenu ul li a{margin: 0 20px;}
	#contentContainer .search form .formField { width:100%; }
	#contentContainer .search form .formRadio { width:50%; font-size:14px; padding-top:10px; }
	#contentContainer .search form .formSubmit { width:100%; padding-top:15px; }
	#contentContainer .search form .formSubmit input { margin-top:0px; width:100%; }
}


/* BEGIN JOBS STYLES ========================================================================================*/
#interior.jobs #contentMain { width:100%; }

.return { margin-top:20px; border-top:1px solid #cec7b7; padding-top:25px; }
.return a.returnMain { background:#b4a88d; border:0px; border-radius:5px; font-size:14px; line-height:18px;  color:#fff !important; font-weight:400; text-decoration:none; text-transform:uppercase; padding:6px 10px; }
.return a.returnMain:hover { background:#918872; }

.submitButton { background:#f06445; border:0px; border-radius:5px; font-size:16px; line-height:20px; color:#fff; text-transform:uppercase; margin-right:5px; padding:8px 18px; }
.submitButton:hover { background:#d75234; }
.submitButton.reset { background:#8a2222; }
.submitButton.reset:hover { background:#711b1b; }

/* jobs/templates/catList.html */
ul#catList { width:100%; margin:0px; padding:0px; list-style:none; margin-top:10px; }
ul#catList li { float:left; display:inline; width:50%; margin:20px 0px 0px 0px; }
ul#catList li:nth-child(odd) .block { display:block; padding:0px 10px 0px 0px; }
ul#catList li:nth-child(even) .block { display:block; padding:0px 0px 0px 10px; }
ul#catList li .catListing { padding:20px; background:rgba(255,255,255,.5); height:100px; }
ul#catList li .catListing-img { float:left; display:inline; margin:0px 20px 0px 0px; }
ul#catList li .catListing-txt h3 { text-transform:uppercase; font-size:18px; line-height:20px; font-weight:400; color:#087abb; margin:0px 0px 8px 0px; }
ul#catList li .catListing-txt h3 a { text-decoration:none; color:#087abb; }
ul#catList li .catListing-txt p { font-size:14px; line-height:20px; color:#595140; margin:0px; font-weight:400; }

/* jobs/templates/showcat.html */
table.showcat-table { width:100%; overflow:hidden; border-collapse:separate !important; color:#595140; margin:20px 0px 30px; }
table.showcat-table .titleRow { background:#6eb59a; }
table.showcat-table .showcatTH { padding:10px; color:#fff; font-size:20px; font-weight:400; }
table.showcat-table .showcatTH.off { background:transparent; }
table.showcat-table .showcatTH.endLeft { width:25% }
table.showcat-table .showcatTH.endRight { width:25% }
table.showcat-table .showcatTD { text-align:center; font-size:16px; padding:10px; }
table.showcat-table tr:nth-child(even) { background:rgba(255,255,255,.5); }

/* jobList is generic style name for common list elements */
ul.jobList { margin:20px 0px 0px 0px; padding:0px; list-style:none; font-weight:300; font-size:16px; line-height:22px; }
ul.jobList li:nth-child(odd) { background:rgba(255,255,255,.5); }
ul.jobList li.titleRow { background:#6eb59a; color:#fff; font-size:20px; font-weight:400; }
ul.jobList li .label { float:left; display:inline; font-weight:bold; }
ul.jobList li .desc { float:left; display:inline; }
ul.jobList li .block { padding:10px; }
ul.jobList li .block:before { content:" "; display:table; }
ul.jobList li .block:after { content:" "; display:table; clear:both; }

/* jobs/templates/showjob.html */
ul.showjob-list li .label { width:20%; }
ul.showjob-list li .desc { width:80%; }

/* jobs/templates/application.html */
ul.app-list li.titleRow .small { color:#fff; font-size:16px; margin-top:3px; line-height:20px; }
ul.app-list li.taRow .small { color:#595140; font-size:14px; font-weight:300; line-height:22px; padding-right:10px; }
ul.app-list li span { color:#bc5f5f; }
ul.app-list li .label { width:40%; line-height:30px; }
ul.app-list li .desc { width:60%;  }
ul.app-list li .desc input { width:96%; height:30px; padding:0px 2%; border:0px; font-size:16px; line-height:30px;}
ul.app-list li .desc textarea { width:96%; height:200px; padding:10px 2%; border:0px; font-size:14px; line-height:20px; }

ul.app-list li .desc.inputList input { width:2%; height:15px; padding:0px; }
ul.app-list li .desc.inputList input.field { width:96%; height:30px; padding:0px 2%; margin-top:3px; }


/* error page generated from incomplete application form */
.errorInfo h2 { padding:10px 15px; background:#8a2222; color:#fff; }
.errorInfo ul { margin:20px 0px; padding:0px 0px 0px 30px; font-size:18px; line-height:24px; font-weight:300; }
.errorInfo p { margin:10px 0px; font-size:16px; line-height:20px; }

/* jobs/templates/showhotel.html */
#showHotel ul { font-weight:300; margin:0px; padding:0px 0px 0px 20px; font-size:16px; line-height:24px; }
#showHotel ul strong {  }
#showHotel h3 { margin:0px 0px 5px 0px; font-weight:bold; }
#showHotel p { margin:0px; }
#showHotel #companyAddress { margin-top:20px; }
#showHotel #companyBenefits { padding:10px 0px; }
#showHotel #companyInformation { margin:0px 0px 25px 0px; }
#showHotel .block { display:block; padding:10px; }
#showHotel .on { background:rgba(255,255,255,.5); }

@media only screen and (max-width:900px) {
	ul#catList li .catListing { height:125px; }
}

@media only screen and (max-width:780px) {
	.return { width:100%; }
	a.returnMain { display:block; padding:6px 4%; width:92%; text-align:center; }

	ul#catList li .catListing { height:auto; }
	ul#catList li { float:left; display:inline; width:100%; }
	ul#catList li:nth-child(odd) .block, ul#catList li:nth-child(even) .block { display:block; padding:0px 0px 0px 0px; }

	ul.showjob-list li .label, ul.showjob-list li .desc { float:none; display:block; width:100%; }
	ul.showjob-list li .submitButton { width:100%; text-align:center; }

	ul.app-list li .label { float:none; display:block; width:100%; line-height:20px; }
	ul.app-list li .desc { float:none; display:block; width:100%; }
	ul.app-list li .submitButton { width:100%; text-align:center; }
	ul.app-list li .desc input, ul.app-list li .desc textarea { margin:5px 0px; }
	ul.app-list li .submitButton.reset { margin-top:8px; width:50%; }
	ul.app-list li.taRow .small { font-size:14px; line-height:20px; padding-right:0px; margin:5px 0px; }
}

#jobs-catlist{}
#jobs-catlist h3{ text-transform: uppercase; font-weight: bold; }
#jobs-catlist a{color:#087abb; font-weight: bold;}