/*----- 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:#d31145 url('/templates/client/images/background-red.gif') top center; width:100%; height:100%; margin:0px; padding:0px; font-family:'Lato', sans-serif; color:#333; font-size:20px; line-height:28px;}
img, img a, img a:link { border:0px; }

h1 { font-family:'Michroma', sans-serif; font-size:42px; line-height:48px; font-weight:normal; margin:30px 0px 0px 0px; color:#d31145; text-align:center; padding-bottom:35px; border-bottom:solid 1px #9c9c9c; text-shadow:0px 1px 1px #fff; }
h2 { font-family:'Michroma', sans-serif; font-size:25px; line-height:30px; font-weight:normal; text-transform:uppercase; }
h3 { font-family:'Michroma', sans-serif; font-size:20px; line-height:25px; font-weight:normal; }
h4 {  }
p { font-size:20px; line-height:28px; margin:0px 0px 20px 0px; font-weight:200; }
hr { margin:30px 0px 30px 0px; color:#3d2308; background:#3d2308; border:0px; height:1px; }

a:link { color:#666; }
a:visited { color:#666; }
a:hover { color:#000; }

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

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

.block { display:block; }

#contentMain ul { list-style: none;padding-left: 22px; }
#contentMain ul li { position: relative;margin-bottom: 15px; }
#contentMain ul li:before { position: absolute; top: 0; left: -20px; font-family: fontawesome; color: rgb(57, 140, 199); font-size: 12px; }

hr { background:#9c9c9c; color:#9c9c9c; border-bottom:1px solid #fff; padding:0px; margin:40px 0px; }

@media only screen and (max-width: 1040px) {
	.center { padding:0px 30px; }
}

@media only screen and (max-width: 768px) { 
	h1 { text-align:center; }
}



/* HEADER STYLES ========================================================================================*/
header { width:100%; padding:2px 0px 9px; position:relative; z-index:100; box-shadow:0px 0px 10px rgba(0,0,0,.5); }
header ul { margin:0px; padding:0px; list-style:none; text-align:right; text-transform:uppercase; }
header ul li { display:inline-block; font-size:12px; line-height:14px; }
header ul li:first-child a { background:none; }
header ul li a { background:#ccc; padding:2px 10px 2px 12px; letter-spacing:1px; background:url("/templates/client/images/header-topMenu-divider.gif") no-repeat center left; background-size: 1px 70%; text-align:center; }
header ul li a:link { color:#fff; text-decoration:none; }
header ul li a:visited { color:#fff; }
header ul li a:hover { color:#fff; text-decoration:none; font-weight:700;  }
header .logo { position:absolute; box-shadow:0px 2px 10px rgba(0,0,0,.5); background:#eceee3; width:280px; height:130px; margin-top:-5px; background:#eceee3 url('/templates/client/images/header-logo.png') no-repeat center; background-size:auto 65%; }
header .logo a { display:block; width:100%; height:100%; }
header .logo p { display:block; width:80%; background:#d31145; margin:0px 5%; margin-top:-10px; text-align:center; color:#fff; font-size:12px; line-height:16px; text-transform:uppercase; padding:8px 5%; font-weight:400; box-shadow:0px 2px 8px rgba(0,0,0,.75); }

@media only screen and (max-width: 768px) { 
	header { width:100%; height:0px; padding:0px 0px; }
	header ul { display:none; }
	header .logo { position:relative; width:300px; height:130px; margin:0px auto; }
}

/* DYNHEADERS STYLES ========================================================================================*/
#dynHeaders { width:100%; background:#333; }
#dynHeaders ul.headerSlides { margin:0px; padding:0px; }
#dynHeaders ul.headerSlides li { width:100%; height:auto; background-size:cover; background-position:center; }
#home #dynHeaders ul.headerSlides li img { width:100%; height:auto; max-height:350px; min-height:180px; }
#gallery #dynHeaders ul.headerSlides li img { max-height:200px; min-height:140px; }
#dynHeaders ul.headerSlides li img { width:100%; height:auto; max-height:200px; min-height:180px; }


/* NAV STYLES ========================================================================================*/
nav { position:relative; z-index:100; font-size:17px; font-weight:700; letter-spacing:2px; line-height:22px; text-transform:uppercase; text-align:center; padding:18px 0px; }
nav a:link { color:#fff; text-decoration:none; }
nav a:visited { color:#fff; }
nav a:hover { color:#fff; }
nav ul { margin:0px; padding:0px; list-style:none;  }
nav ul li { display:inline-block; margin:0px 0px; }
nav ul li.topLink { display:none; }
nav ul li a { background:url("/templates/client/images/header-topMenu-divider.gif") no-repeat center left; background-size: 1px 70%; padding:4px 20px 4px 22px; }
nav ul li:first-child a { background:none; }


/* subnav */
nav ul ul { display:none; position:absolute; text-align:left; margin:0px 0px 0px -12px; padding-top:18px; }
nav ul ul li { display:block; font-size:12px; line-height:12px; margin:0px; padding:0px; }
nav ul ul li a { display:block; padding:12px 12px 10px; background:#444; border-bottom:1px solid rgba(255,255,255,.25); }
nav ul ul li a:link { color:#ccc; font-weight:400; text-decoration:none; }
nav ul ul li a:visited { color:#ccc; }
nav ul ul li a:hover { color:#fff; background:#333; }
ul.navUL li:hover ul { color:#fff; display:block;}

@media only screen and (max-width: 768px) { 
	nav { font-size:16px; line-height:20px; }
	nav { padding:0px; }
	nav .center { padding:0px; }
	nav ul li { border-bottom:1px solid rgba(0,0,0,.5); border-top:1px solid rgba(255,255,255,.15); }
	nav ul li { display:block; margin:0px; }
	nav ul li.topLink { display:block; }
	nav ul li a { display:block; padding:7px; margin:0px; }
	nav ul li a:hover { background:rgba(0,0,0,.25); }

	/* subnav */
	nav ul ul { position:relative; display:block; text-align:center; margin:0px 0px 5px 0px; padding-top:0px; }
	nav ul ul li { text-shadow:none; margin:0px; padding:0px; color:#000; border:0px; }
	nav ul ul li a { display:block; padding:6px 0px; background:transparent !important; border:0px; }
	nav ul ul li a:link { color:#ccc; font-weight:400; text-decoration:none; }
	nav ul ul li a:visited { color:#ccc; }
	nav ul ul li a:hover { color:#fff; font-weight:bold; background:rgba(0,0,0,.25); }
	ul.navUL:before { content:"Main Menu"; color:#fff; background:rgba(0,0,0,.15); position:relative; display:block; font-size:22px; line-height:20px; padding:16px 0px 12px; border-bottom:1px solid rgba(0,0,0,.5); }
}



/* MAIN CONTENT STYLES ========================================================================================*/
main { background:#eceee3; padding:0px; }
main .sidebarBG { background:url('/templates/client/images/sidebar-bg.png'); background-size:100% 100%; padding:30px 0px 20px; border-top:solid 1px #fff; }

.mainContent { width:68%; float:left; display:inline; padding:0px; }
.mainContent .block { display:block; padding:0px 30px 0px 0px; }

#gallery .mainContent { width:100%; float:none; display:block; padding:0px; }
#gallery .mainContent .block { display:block; padding:0px; }

.noSidebar .mainContent { width:100%; float:none; display:block; padding:0px; }
.noSidebar .mainContent .block { display:block; padding:0px; }
.noSidebar main .sidebarBG { background:none; padding-top:0px; }
.noSidebar main { padding-bottom:30px; }

#blog .blogitem img { float:left; display:inline; margin:0px 20px 0px 0px; }
#blog .blogitem .category { font-size:14px; display:inline-block; margin-left:5px; padding-left:10px; border-left:1px solid #333; }
#blog .blogitem .date { font-size:14px; }
#blog .blogitem h2 { margin-bottom:0px; }
#blog .blogitem p { margin:15px 0px 0px 0px; }
#blog .blogitem a { text-decoration:none; }
#blog .blogitem { padding-bottom:25px; margin-bottom:30px; border-bottom:1px solid rgba(0,0,0,.25); }
#blog .pageContainer { padding-bottom:30px; }

.productsPage #sidebar { display:none; }
.productsPage main .sidebarBG { background:none; }
.productsPage main .mainContent { width:100%; float:none; display:block; padding:0px; }
.productsPage main .mainContent .block { padding:0px; }
.productsPage h3 { font-family:'Michroma', sans-serif; font-size:20px; line-height:25px; font-weight:normal; margin:0px 0px 15px 0px; }
.productsPage table.productTable ul { font-size:20px; line-height:28px; margin:0px; padding:0px 0px 0px 22px; font-weight:200; }
.productsPage table.productTable ul li { margin:0px 0px 5px 0px; }
.productsPage table.productTable table { background:rgba(255,255,255,.5); padding:20px; display:block; margin-bottom:20px; border-radius:10px; }
.productsPage table.productTable table:before { content:" "; display:table; }
.productsPage table.productTable table:after { content:" "; display:table; clear:both; }
.productsPage table.productTable table tbody { width:100%; display:block; }
.productsPage table.productTable table tbody tr { width:100%; display:block; }
.productsPage table.productTable table tbody tr td { width:100%; display:block; }
.productsPage table.productTable table img { width:300px; height:200px; background:#ccc; float:right; display:inline; margin:0px 0px 0px 20px; }

.projectPage #sidebar { display:none; }
.projectPage main .sidebarBG { background:none; }
.projectPage main .mainContent { width:100%; float:none; display:block; padding:0px; }
.projectPage main .mainContent .block { padding:0px; }
.projectPage h2 { font-family:'Michroma', sans-serif; font-size:25px; line-height:30px; font-weight:normal; margin:0px 0px 15px 0px; text-transform:uppercase; }
.projectPage h3 { font-family:'Michroma', sans-serif; font-size:20px; line-height:25px; font-weight:normal; margin:0px 0px 15px 0px; }
.projectPage table.projectTable ul { font-size:20px; line-height:28px; margin:0px; padding:0px 0px 0px 22px; font-weight:200; }
.projectPage table.projectTable ul li { margin:0px 0px 5px 0px; }
.projectPage table.projectTable table { background:rgba(255,255,255,.5); padding:20px; display:block; margin-bottom:20px; border-radius:10px; }
.projectPage table.projectTable table:before { content:" "; display:table; }
.projectPage table.projectTable table:after { content:" "; display:table; clear:both; }
.projectPage table.projectTable { width:100%; display:block; }
.projectPage table.projectTable tbody { width:100%; display:block; }
.projectPage table.projectTable tbody tr { width:100%; display:block; }
.projectPage table.projectTable tbody tr td { width:100%; display:block; }
.projectPage table.projectTable table img { width:300px; height:200px; background:#ccc; float:right; display:inline; margin:0px 0px 0px 20px; }
.projectPage .submenu { width:100%; text-align:center; padding:5px 0px 10px; margin:-30px 0px 40px; background:rgba(255,255,255,.5); border-radius:0px 0px 10px 10px; }
.projectPage .submenu a { font-size:18px; line-height:20px; font-weight:200; text-transform:uppercase; text-decoration:none; padding:5px 10px; }
.projectPage .submenu a:hover { background:#d31145; color:#fff; border-radius:5px; }

.vendorsPage #sidebar { display:none; }
.vendorsPage main .sidebarBG { background:none; }
.vendorsPage main .mainContent { width:100%; float:none; display:block; padding:0px; }
.vendorsPage main .mainContent .block { padding:0px; }
.vendorsPage h2 { margin:0px 0px 15px 0px; }
.vendorsPage h3 { margin:0px 0px 10px 0px; }
.vendorsPage table { background:rgba(255,255,255,.5); border-radius:10px; }
.vendorsPage table td { width:20%; padding:20px; }
.vendorsPage table ul { font-size:16px; line-height:22px; margin:0px; padding:0px 0px 0px 20px; font-weight:200; }

.contactPage #sidebar { display:none; }
.contactPage main .sidebarBG { background:none; }
.contactPage main .mainContent { width:100%; float:none; display:block; padding:0px 0px 20px 0px; }
.contactPage main .mainContent .block { padding:0px; }
.contactPage .contactTable { text-align:center; }
.contactPage .contactTable td { width:50%; }
.contactPage .contactTable h3 { margin:0px 0px 10px 0px; }
.contactPage .contactTable p { margin:0px; }
.contactPage #map { height:500px; background:#333; box-shadow:inset 0px 10px #000; }
.contactPage #map h3 { font-size:20px; line-height:22px; font-weight:normal; margin:0px; }
.contactPage #map h4 { font-size:12px; line-height:16px; font-weight:normal; margin:3px 0px 10px 0px; }
.contactPage #map p { font-size:14px; line-height:18px; margin:0px; }

.testimonialsPage #sidebar { display:none; }
.testimonialsPage main .sidebarBG { background:none; }
.testimonialsPage main .mainContent { width:100%; float:none; display:block; padding:0px 0px 20px 0px; }
.testimonialsPage main .mainContent .block { padding:0px; }
.testimonialsPage .testimonialListing tr {display:block; margin-bottom:20px;}
.testimonialsPage .testimonialListing td {padding:0px 20px;  vertical-align:top;}
.testimonialsPage .testimonialListing td:first-child { background:#fff; border-radius:5px; padding:0px 10px; }
.testimonialsPage .testimonialListing td img {margin-top:20px;}

@media only screen and (max-width: 500px) { 
	.productsPage table.productTable table img { width:100%; height:200px; background:#ccc; float:none; display:block; margin:0px 0px 15px 0px; }
	.productsPage h2 { text-align:center; }
	.projectPage table.projectTable table img { width:100%; height:200px; background:#ccc; float:none; display:block; margin:0px 0px 15px 0px; }
	.projectPage h2 { text-align:center; }
	.projectPage h3 { text-align:center; }
	.projectPage .submenu { width:90%; padding:0px 5%; }
	.projectPage .submenu a { display:block; font-size:18px; line-height:20px; font-weight:200; text-transform:uppercase; text-decoration:none; padding:5px 10px; }
	.vendorsPage h2 { text-align:center; }
	.vendorsPage table td { display:block; width:100%; padding:0px 20px 20px 20px; }
	.vendorsPage table td:first-child { padding-top:20px; }
}
@media only screen and (max-width: 650px) { 
	.testimonialsPage .testimonialListing tr {margin-bottom:40px;}
	.testimonialsPage .testimonialListing td {display:block; }
	.testimonialsPage .testimonialListing td img {margin-top:5px;}
}
@media only screen and (max-width:768px) { 
	.vendorsPage h2 { text-align:center; }
	.vendorsPage table td { display:block; width:100%; padding:0px 20px 20px 20px; }
	.vendorsPage table td:first-child { padding-top:20px; }
}



/* SIDEBAR STYLES ========================================================================================*/
#sidebar { width:32%; float:left; display:inline; }
#sidebar .block { padding:0px 10px; }
#sidebar .cta { padding:0px 20px 30px 20px; }
#sidebar .cta .title { display:block; font-size:20px; line-height:22px; text-align:center; font-weight:normal; margin:0px 0px 15px 0px; color:#000; padding:0px; }
#sidebar .cta .title a { color:#333; text-decoration:none; }

#sidebar .cta.ctaNews {  }
#sidebar .cta.ctaNews .excerptThumb { width:100%; height:auto; overflow:hidden; }
#sidebar .cta.ctaNews .excerptThumb img { width:100%; height:auto; }
#sidebar .cta.ctaNews .blogExcerpt .excerptTitle { font-size:16px; line-height:18px; padding-top:15px; }
#sidebar .cta.ctaNews .blogExcerpt .excerptTitle a { color:#333; text-decoration:none; }
#sidebar .cta.ctaNews .blogExcerpt .datecatText { font-size:12px; line-height:22px; text-transform:uppercase; padding-bottom:3px; }
#sidebar .cta.ctaNews .blogExcerpt { font-size:12px; line-height:18px; }
#sidebar .cta.ctaNews .blogExcerpt a { text-decoration:none; }
#sidebar .cta.ctaNews .btn { padding:15px 0px 0px; }
#sidebar .cta.ctaNews .btn a { font-size:16px; color:#fff; display:block; position:relative; bottom:0px; width:100%; height:40px; background:#333; text-align:center; line-height:40px; text-transform:uppercase; text-decoration:none; border-radius:40px; text-shadow:0px 1px 1px rgba(0,0,0,.5); }
#sidebar .cta.ctaNews .btn a:hover { background:#000; }

#sidebar .cta.ctaQuote p { font-style:italic; color:#333; font-size:14px; line-height:20px; margin:0px; }
#sidebar .cta.ctaQuote p .quoteLeft { display:inline-block; width:18px; height:12px; background:url('/templates/client/images/quoteLeft.png') no-repeat left center; }
#sidebar .cta.ctaQuote p .quoteRight { display:inline-block; width:18px; height:12px; background:url('/templates/client/images/quoteRight.png') no-repeat right center; }
#sidebar .cta.ctaQuote h3 { font-style:italic; color:#333; font-size:12px; line-height:16px; margin:7px 0px 0px; text-transform:uppercase; font-family:'Lato', sans-serif; font-weight:bold; }
#sidebar .cta.ctaQuote h4 { font-style:italic; color:#333; font-size:10px; line-height:12px; margin:0px; text-transform:uppercase; font-family:'Lato', sans-serif; font-weight:bold; }

#sidebar .cta.ctaMarine { background:#ccc url('/templates/client/images/home-cta-img-marine.jpg') no-repeat center; background-size:cover; padding:16px 0px 0px; margin-bottom:40px; }
#sidebar .cta.ctaCommercial { background:#ccc url('/templates/client/images/home-cta-img-commercial.jpg') no-repeat center; background-size:cover; padding:16px 0px 0px; margin-bottom:40px; }
#sidebar .cta.ctaInstallation { background:#ccc url('/templates/client/images/cta-img-installation.jpg') no-repeat center; background-size:cover; padding:16px 0px 0px; margin-bottom:40px; }
#sidebar .cta.ctaProjects { background:#ccc url('/templates/client/images/cta-img-projects.jpg') no-repeat center; background-size:cover; padding:16px 0px 0px; margin-bottom:40px; }
#sidebar .cta.ctaInstallation h3.ctaTitle { margin:0px 0px 20px -3px; }
#sidebar .cta h3.ctaTitle { position:relative; font-family:'Michroma', sans-serif; text-transform:uppercase; font-size:15px; line-height:22px; color:#333; margin:0px 0px 80px -3px; display:block; background:#fff; width:100%; padding:4px 10px 5px 0px; text-align:center; letter-spacing:1px; border:3px #d31145 solid; }
#sidebar .cta h3.ctaTitle:after { content:""; top:34px; right:-3px; position:absolute; z-index:100; display:block; width:13px; height:13px; background:url('/templates/client/images/sidebar-cta-title-flag.png') no-repeat; }
#sidebar .cta p.ctaContent { position:relative; font-size:14px; line-height:18px; font-weight:400; background:rgba(0,0,0,.75); color:#fff; text-align:center; padding:8px 8px 30px; margin:0px 10px; bottom:-30px; }
#sidebar .cta a.ctaButton { position:relative; display:block; text-decoration:none; text-align:center; text-transform:uppercase; font-size:14px; line-height:16px; font-weight:bold; background:#eceee3; margin:0 auto; bottom:-10px; padding:8px 5%; border:3px #d31145 solid; box-sizing:border-box; width:70%; box-shadow:0px 1px 3px rgba(0,0,0,.5); }
#sidebar .cta a.ctaButton:link { color:#d31145; }
#sidebar .cta a.ctaButton:visited { color:#d31145; }
#sidebar .cta a.ctaButton:hover { background:#fff; }

#sidebar .subMenu {  }
#sidebar .subMenu ul { list-style:none; margin:0px; padding:0px; }
#sidebar .subMenu ul li { margin-bottom:5px; }
#sidebar .subMenu ul li a { font-size:12px; line-height:18px; color:#fff; text-transform:uppercase; text-decoration:none; display:block; width:100%; background:#007684; border-radius:40px; padding:8px 0px 8px 12px; text-shadow:0px 1px 1px rgba(0,0,0,.5); }
#sidebar .subMenu ul li a:hover { background:#007684; }


@media only screen and (max-width:768px) {
	.mainContent { background:none; }
	#sidebar { display:none; }
	main .sidebarBG { background:none; }
	.mainContent { width:100%; padding:0px 0px 10px 0px; }
	.mainContent .block { display:block; padding:0px 0px 0px 0px; }
}



/* CONTACT FORM STYLES ========================================================================================*/
#contactForms { font-size:16px; line-height:20px; font-weight:300; }
#contactForms p { font-size:16px; line-height:20px; font-weight:300; margin:0px; }
#contactForms hr { margin:10px 0px; }
#contactForms .formErrors { display:none; }
#contactForms table { width:48%; float:left; }
#contactForms table tbody { width:100%; }
#contactForms table.contactRight { margin-left:4%; }
#contactForms table tr { width:100%; border-radius:5px; }
#contactForms table tr:nth-child(odd) { background:rgba(0,0,0,.05); }
#contactForms table tr td { padding:10px 2%; }
#contactForms table tr td:nth-child(1) { width:40%; border-radius:5px 0px 0px 5px; }
#contactForms table tr td:nth-child(2) { border-radius:0px 5px 5px 0px; }
#contactForms table tr td.wide { border-radius:5px; }
#contactForms input, #contactForms textarea { display:block; width:98%; border:0px; border-radius:3px; min-height:25px; box-shadow:inset 0px 1px 3px rgba(0,0,0,.75); }
#contactForms textarea { height:200px; }
#contactForms input.checkbox { height:auto !important; width:auto !important; box-shadow:none; }
#contactForms input.radio { height:auto !important; width:auto !important; box-shadow:none; }
#contactForms button { width:98%; margin:5px 0px 0px 0px; font-weight:600; background:#d31145; font-size:16px; line-height:18px; border:0px; color:#fff; padding:8px 0px; border:3px solid #fff; letter-spacing:1px; box-shadow:0px 1px 3px rgba(0,0,0,.25); }
#contactForms button:hover { background:#a80d37; }


#contactForms #formError { border-radius:5px; padding:15px 15px 2px 15px; background:#bd5757; margin-bottom:20px; color:#fff; }
#contactForms .formErrors { display:none; }
#contactForms .formErrors h4 { text-align:center; margin:0px 0px 10px 0px; font-family:'Lato', sans-serif; font-size:20px; color:#fff; font-weight:bold; }
#contactForms .formErrors ol { margin:0px 0px 20px 0px; padding:0px 0px 0px 20px; }
#contactForms .formErrors ol li { margin:0px; font-size:14px; }
#contactForms .captcha { font-family:helvetica, arial, sans-serif; font-size:20px; padding:10px 0px; }

@media only screen and (max-width:600px) {
	#contactForms table { width:100%; float:none; display:table; }
	#contactForms table.contactRight { margin-left:0%; margin-top:30px; }
}



/* MAIN CTAS STYLES ========================================================================================*/
section#ctas { width:100%; padding:30px 0px; background:#fff; }
section#ctas ul { margin:30px 0px 0px 0px; padding:0px; list-style:none; display:block; max-width:1070px; margin:0 auto; position:relative; }
section#ctas ul:before { content:" "; display:table; }
section#ctas ul:after { content:" "; display:table; clear:both; }

section#ctas li { float:left; display:inline; width:50%; text-align:center; }
section#ctas li .block { padding:0px 10px; }
section#ctas li .ctaWrapper { position:relative; width:100%; background:#fff; display:block; min-height:234px; background:#ccc; padding:16px 0px; }
section#ctas li:nth-child(1) .ctaWrapper { background:#ccc url('/templates/client/images/home-cta-img-marine.jpg') no-repeat center; background-size:cover; }
section#ctas li:nth-child(2) .ctaWrapper { background:#ccc url('/templates/client/images/home-cta-img-commercial.jpg') no-repeat center; background-size:cover; }

section#ctas li h3 { font-family:'Michroma', sans-serif; text-transform:uppercase; font-size:18px; line-height:22px; color:#333; margin:0px; display:block; background:#fff; padding:4px 20px 7px; letter-spacing:1px; border-width:3px 0px; border-color:#d31145; border-style:solid; }
section#ctas li p { font-size:16px; line-height:21px; margin:0px 0px 0px 16px; display:block; padding:20px 15px 20px; background:rgba(0,0,0,.75); color:#fff; font-weight:bold; width:40%; text-shadow:0px 1px 5px #000; }
section#ctas li a.button { display:block; text-decoration:none; color:#d31145; background:#eceee3; margin:15px 0px 0px 7%; padding:5px 0px; width:86%; border:2px solid #d31145; font-size:14px; line-height:16px; text-transform:uppercase; box-sizing:border-box; text-shadow:0px 1px 1px #fff; }
section#ctas li a.button:link { color:#d31145; }
section#ctas li a.button:visited { color:#d31145; }
section#ctas li a.button:hover { background:#fff; }
section#ctas li img { width:86%; height:auto; background:#fff; border:0px; margin-top:20px; }

@media only screen and (max-width: 1040px) {
	section#ctas ul { padding:0px 20px; }
}

@media only screen and (max-width: 500px) { 
	section#ctas li { float:none; display:block; width:100%; text-align:center; margin-top:20px; }
	section#ctas li:first-child { margin-top:0px; }
	section#ctas li .ctaWrapper { min-height:0; padding-bottom:0px; }
	section#ctas li p { padding-bottom:20px; }
	section#ctas li a.button { position:relative; margin:15px 0px 10px 7%; padding:8px 0px; width:86%; }
}


/*GALLERY------------------------------------------------*/
#gallery .mainContent { padding-top:30px; }
#gallery-categories { list-style: none; padding:0px 0px 40px 0px; margin: 0; }
#gallery-categories li { width:50%; display:inline; margin:0; float:left; }
#gallery-categories li a { position: relative; display:block; text-decoration:none; }
#gallery-categories li a span { font-family:'Michroma', sans-serif; width:70%; display:block; padding:10px 0px; color:#000; margin:0 auto; text-transform:uppercase; font-size:18px; text-align:center; font-style:normal; }
#gallery-categories li a:hover span {  }
#gallery-categories li a img { display:block; width:80%; height:auto; margin:0 auto; border-radius:0px; border:20px solid white; box-shadow: 0px 1px 5px rgba(0,0,0,.25); }
#gallery-categories li a:hover img { box-shadow: 0px 1px 5px rgba(0,0,0,.5); }
#gallery-pager { position:relative; }
#gallery-pager ul { list-style: none; padding:10px 10px 5px 10px; margin:0 auto; overflow-x:scroll; overflow-y:hidden; white-space:nowrap; background:#d31145 url('/templates/client/images/background-red.gif') top center; width:90%; border-radius:5px; }
#gallery-pager ul li { display:inline-block; margin:0.2em; border:4px solid transparent; }
#gallery-pager ul li.rslides_here { border-color:#fff; box-shadow: 0px; }
#gallery-pager ul li a { display: block; }
#gallery-pager ul li a img { display: block; }
#gallery-pager .prev { position:absolute; left:-0em; width:1em; height:1em; bottom:50%; margin-bottom:-0.6em; font-size:2em; z-index:2; font-family: FontAwesome; text-decoration:none; color:#33322a; }
#gallery-pager .next { position:absolute; right:-0.45em; width:1em; height:1em; bottom:50%; margin-bottom:-0.6em; font-size:2em; z-index:2; font-family: FontAwesome; text-decoration:none; color:#33322a; }
#gallery-pager ul.js::-webkit-scrollbar { display: none; }
#gallery-photos { position:relative; }
#gallery-photos ul li:active,
#gallery-photos ul li:target { display:block!important; }
#gallery-photos .prev { position:absolute; left:-0em; width:1em; height:1em; margin-top:24%; font-size:2em; z-index:2; font-family: FontAwesome; text-decoration:none; color:#33322a; }
#gallery-photos .next { position:absolute; right:-0.45em; width:1em; height:1em; margin-top:24%; font-size:2em; z-index:2; font-family: FontAwesome; text-decoration:none; color:#33322a; }
#gallery-photos .rslides { position:relative; display:block; list-style:none; padding:0px 0px 20px 0px; margin:30px 0px 0px 0px; width:100%; height:auto; }
#gallery-photos .rslides li { float:none; width:90%; margin:0 auto; margin-left:4%; height:auto; background:#fff; border-radius:5px; padding:1%; }
#gallery-photos .rslides li img { position:relative; display:block; float:none; margin:0 auto; max-width:100%; max-height:600px; }
#gallery-photos #gallery-caption { position:relative; float:left; display:inline; width:100%; text-align:center; padding:20px 0px 30px; }

.backLink { position:absolute; margin-top:-59px; right:0; font-size:12px; text-transform:uppercase; }
.backLink a { text-decoration:none; }
.backLink a:hover { font-weight:900; color:#d31145; }

@media only screen and (max-width: 1040px) {
	.backLink { right:30px; }
}

@media only screen and (max-width: 768px) {
	#gallery-pager .prev, #gallery-pager .next { font-size:24px; line-height:24px; font-weight:bold; text-align:center; display:block; height:20px; width:20px; background:#f3f3f3; padding:8px; line-height:20px; border-radius:100px; margin-bottom:-0.65em; box-shadow:0px 1px 5px rgba(0,0,0,.25); }
	#gallery-photos .prev, #gallery-photos .next { font-size:24px; line-height:24px; font-weight:bold; text-align:center; display:block; height:20px; width:20px; background:#f3f3f3; padding:8px; line-height:20px; border-radius:100px; box-shadow:0px 1px 5px rgba(0,0,0,.25); }
	#gallery-photos .prev, #gallery-pager .prev { left:-.4em; }

	#gallery-photos .rslides li img { position:relative; display:block; float:none; margin:0 auto; width:100%; height:auto; }
	.backLink { position:relative; margin-top:25px; width:100%; text-align:center; right:0px; }
}



/* FOOTER STYLES ========================================================================================*/
footer { width:100%; padding:30px 0px 30px; }
footer .ccInfo { width:100%; max-width:1070px; margin:0 auto; background:rgba(0,0,0,.2); padding:10px 0px; border-radius:10px; }
footer ul.footerCTAs { padding:0px 0px 35px 0px; list-style:none; display:block; max-width:1070px; margin:0 auto; position:relative; }
footer ul.footerCTAs:before { content:" "; display:table; }
footer ul.footerCTAs:after { content:" "; display:table; clear:both; }

footer ul.footerCTAs li { float:left; display:inline; width:33.33%; text-align:center; }
footer ul.footerCTAs li .block { padding:0px 10px; }
footer ul.footerCTAs li .ctaContent { min-height:193px; }
footer ul.footerCTAs li .ctaWrapper { position:relative; width:100%; display:block; }
footer ul.footerCTAs li h3 { font-family:'Michroma', sans-serif; font-size:16px; line-height:20px; text-transform:uppercase; letter-spacing:1px; display:block; margin:0px; padding:0px 0px 20px; color:#fff; font-weight:normal; text-shadow:0px -1px 1px rgba(0,0,0,.5); }
footer ul.footerCTAs li a.button { display:block; text-decoration:none; text-transform:uppercase; font-size:14px; line-height:16px; font-weight:bold; background:#eceee3; margin:-15px 0px 0px 10%; bottom:20px; padding:8px 5%; border:3px #d31145 solid; box-sizing:border-box; width:80%; box-shadow:0px 1px 3px rgba(0,0,0,.5); }
footer ul.footerCTAs li a.button:link { color:#d31145; }
footer ul.footerCTAs li a.button:visited { color:#d31145; }
footer ul.footerCTAs li a.button:hover { background:#fff; }
footer ul.footerCTAs li .social { padding-top:10px; font-size:30px; }
footer ul.footerCTAs li .social a { color:#333; margin:0px 0px; background:#999; display:inline-block; height:50px; width:50px; line-height:50px; }
footer ul.footerCTAs li .social a:visited { color:#ccc; }
footer ul.footerCTAs li .social a:hover { color:#fff; background:#333;}

footer ul.footerCTAs li.ctaLocation .ctaContent { background:#fff url('/templates/client/images/footer-map.gif') no-repeat center; }
footer ul.footerCTAs li.ctaAddress .ctaContent { }
footer ul.footerCTAs li.ctaAddress .ctaContent p { font-size:16px; line-height:19px; margin:0px; color:#fff; }
footer ul.footerCTAs li.ctaAddress .ctaContent p.address { margin:0px 0px 20px 0px; }
footer ul.footerCTAs li.ctaAddress .ctaContent p a { color:#fff; }

footer ul.footerCTAs li.ctaVendors .ctaContent { padding:0px 10px; }
footer ul.footerCTAs li.ctaVendors .col { width:50%; float:left; display:inline; min-height:162px; }
footer ul.footerCTAs li.ctaVendors .col.col1 { background:url('/templates/client/images/footer-logos-1.gif') no-repeat; background-size:100% auto; }
footer ul.footerCTAs li.ctaVendors .col.col2 { background:url('/templates/client/images/footer-logos-3.gif') no-repeat; background-size:100% auto; }

@media only screen and (max-width: 1040px) {
	footer ul.footerCTAs { padding:0px 20px 30px; }
}

@media only screen and (max-width: 680px) { 
	footer ul.footerCTAs li { float:none; display:block; width:100%; text-align:center; margin-top:20px; background:rgba(0,0,0,.25); border-radius:10px; }
	footer ul.footerCTAs li .ctaWrapper { min-height:0px; }
	footer ul.footerCTAs li .block { padding:20px; }
	footer ul.footerCTAs li h3 { font-size:18px; line-height:20px; display:block; padding:0px; margin:0px 0px 15px 0px; border:0px; color:#f3f3f3; font-weight:normal; }
	footer ul.footerCTAs li:first-child { margin-top:0px; }
	footer ul.footerCTAs li p { padding:0px 0px 0px 0px; }
	footer ul.footerCTAs li a.button { position:relative; margin:15px 0px 0px 0px; bottom:0px; width:100%; }
	footer ul.footerCTAs li .ctaContent { min-height:0; }
	footer ul.footerCTAs li.ctaLocation .ctaContent { height:193px; }
	footer ul.footerCTAs li.ctaVendors .ctaContent { padding:10px; background:#d31145 url('/templates/client/images/background-red.gif') top center; border-radius:8px; }
}



/* MENU TOGGLE STYLES ========================================================================================*/
.selected{ display:block;}

@media only screen and (max-width: 768px) {
	nav ul li { display:none; }
	nav ul li.topLink { display:none; }
	nav ul:hover li, nav ul:hover li ul{ display:block;}
}