@charset "UTF-8";
/*----- Web Solutions 3.0 Compatible -----*/
html {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#mbOverlay, .popBody, #mbCenter, #wsManagementBar, #wsManagementBarLine{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
*, *:before, *:after {-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;}
* {margin:0;padding:0;border:0;outline:none}
ul li{list-style:none}
html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr{font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit}
table {border-collapse:collapse}
td {vertical-align:top}

/*----- CORE ELEMENTS -----*/
#mainBody {background:#016300; overflow-x: hidden; }
#mainBG {background:#fff}
#wysiwygBody{background:#fff}
#siteWrap {margin-right:auto;margin-left:auto;width:930px;position:relative}
.clearFloats {clear:both}
#printHeader {display:none}
.nobr { white-space: nowrap}
td {empty-cells:show;}
.even{}
.odd{background:#efefef}

/*page widths*/
#header, #main, #footer, #rotator, .contactCallout {width:100%;min-width: 900px;float:left; clear:both; display:block;}
.wrap {max-width: 100rem;margin-left: auto;margin-right: auto;position: relative; overflow:auto; padding: 0 5%}

/*----- Text Styles -----*/
body, .text{font-family: myriad-pro,sans-serif; font-style: normal; font-weight: 400; line-height:1.5em; color:#333;}
body, .text, th{text-align:left}

a {color: #016300;text-decoration:none}
a:hover {color:#016300;text-decoration:underline}
.popBody *, #content #tblSubmissions { color:#666}


p, h1, h2, h3, h4, hr, #content ul, .contentEditor ul, blockquote, dd{margin-bottom:1em}
h1, h2, h3, h4, h5, h6, h7, h8, h9, th{font-weight:normal}
.textColor, h1, h2, h3, h4, h5, h6, h7, h8, h9, th, dt{color:#009fdf}
em, i{font-style: italic}
b, strong{font-weight:bold}
u { text-decoration:none}
hr, .borderTop, dt{border-top:1px dashed #ccc;margin-top:10px;padding-top:5px}
hr{height:0px;margin-top:10px}
p{font-size:1em}
h1{font-size:1.6em; margin-bottom:15px;color:#016300; float:left; display:block; width:100%}
h2{font-size:1.45em; color:#016300}
h3{font-size:1.3em;margin-bottom:7px}
h4, th{font-size:1.2em}
h5, h6, h7, h8, h9{font-size:1.1em;margin:0px 0px 0px 0px}
#content ul li, #content_home ul li, .contentEditor ul li, #featVid ul li, #news ul li, #events ul li, #blog ul li, #quickLinks ul li{background:url(../images/icons/32x32/bullet.png) no-repeat 0px 7px;padding-left:17px; background-size: 16px 16px}
#content ol, #content_home ol, .contentEditor ol{margin-left:20px}
#content ul li ul li, #content_home ul li ul li, .contentEditor ul li ul li{background:url(/images/icons/32x32/bullet.png) no-repeat 2px 6px;padding-left:20px;background-size: 16px 16px}
#content ul li ul li a, .contentEditor ul li ul li a{color:#666}
#content ul li ul li a:hover, .contentEditor ul li ul li a:hover{color:#009fdf}
#content ul li ul li ul li a, .contentEditor ul li ul li ul li a{color:#999}
#content ul li ul li ul, .contentEditor ul li ul li ul{margin-bottom:0}
#content ul li ul li ul li a:hover, .contentEditor ul li ul li ul li a:hover{color:#f03c5e}
sup, sub { font-size:.6em; line-height:.6em;vertical-align:baseline;position:relative}
sup {bottom:1ex}
sub {top:.5ex}

/*----- Forms -----*/
.formBox, .formTextarea, .ValidatorTextClass input{border:1px solid #ccc;line-height:1.15em;color:#666666;background:transparent url(../images/formboxBG.gif) no-repeat 0 0}
.formBox, .ValidatorTextClass input{padding:5px 3px;background-color:#fff}
.formTextarea{padding: 2px 0px;background-color:#fff}
.formSelect{padding:0;border:1px solid #ccc;line-height:1.15em}
.formSelect option{padding:0 3px}
.formButton, .contactCallout .button{padding:1em 2em;background:#016300;cursor:pointer;color:#fff;border-radius: .2em;-webkit-transition: all 100ms ease-out;transition: all 100ms ease-out;}
a.formButton{padding:4px 6px}
.formButton:hover, a.formButton:hover{background-color:#348233;text-decoration:none;color:#fff}
.formButton:focus, .formButton:active {bottom:-2px;-webkit-box-shadow: -2px 0px 8px rgba(0,0,0,0.2);box-shadow: -2px 0px 8px rgba(0,0,0,0.2);
}
input.formButton.bulky {padding:4px 6px; font-size:1.2em}
a.formButton.bulky {padding:8px 12px; font-size:1.2em}
.subjClass{visibility:hidden;width:1px;height:1px}
#mainBody #Captcha label{padding-left:0}

.formTable, .formTable table{width:100%}
.formTable input[type="text"], .formTable input[type="password"], .formTable input[type="tel"], .formTable input[type="number"], .formTable input[type="email"], .formTable input[type="url"], .formTable input[type="search"], .formTable textarea{width:100%; margin-bottom: 1em}
.formTable table td,.formTable table td:first-child{padding-bottom:0}
.formTable.right td:first-child{text-align:right;width:1%}
.formTable.right td{width:auto}


/*----- FormCheck Errors -----*/
.fc-tbx .tl{background: url('../images/formCheck/tl.png') no-repeat}
.fc-tbx .t{background:url('../images/formCheck/t.png') repeat-x;height:16px}
.fc-tbx .tr{background: url('../images/formCheck/tr.png') no-repeat}
.fc-tbx .l{background: url('../images/formCheck/l.png') repeat-y;width:16px}
.fc-tbx .r{background: url('../images/formCheck/r.png') repeat-y;width:16px}
.fc-tbx .bl{background: url('../images/formCheck/bl.png') no-repeat}
.fc-tbx .b{background: url('../images/formCheck/b.png') no-repeat;height:25px}
.fc-tbx .b2{background: url('../images/formCheck/b2.png') no-repeat;height:25px}
.fc-tbx .br{background: url('../images/formCheck/br.png') no-repeat}
.fc-tbx .c{background: url('../images/formCheck/c.png') repeat}
.fc-tbx a.close{float: right;background: url('../images/formCheck/close.png') no-repeat;position:relative;margin-left:5px;display:block;width:10px;height:10px;cursor:pointer}
.fc-tbx .err{float:left}
.fc-tbx p{width:auto;display:block;font-size:10px; font-family:Tahoma, Verdana, sans-serif;margin:0;padding:0;border:0;color:#FFF}

.ajax_loader{width:200px;height:150px}
.fc-error{border:1px solid #888;margin-top:5px;background-color:#EAEAEA}
.fc-error p{margin:5px;color:#A00}

/*----- Fancy Checkbox -----*/
#mainBody label{padding-left:20px}
#mainBody .checked{background:transparent url(../images/chk_on.png) no-repeat 0 0}
#mainBody .unchecked{background:transparent url(../images/chk_off.png) no-repeat 0 -2px}
#mainBody .selected{background:transparent url(../images/rdo_on.png) no-repeat 0 -1px}
#mainBody .unselected{background:transparent url(../images/rdo_off.png) no-repeat 0 -1px}



/*----- HEADER -----*/
#header {background:#000 url(/images/bkg_header.png) repeat-x center bottom;}
#header>.wrap {height: 120px; overflow: visible;}

#brand {width:450px; height:51px; position:absolute; left:1em; top:15px; display:block}
#brand img {height: auto; width: 100%;}
#tagline {height:20px; position:absolute; right:1em; top:40px; color:#999; font-size:16px;line-height:18px; text-align:right}
.headerPhone {color: #fff;position:absolute; right:1em;top:15px}

.t1{text-transform:uppercase;
    overflow: visible;
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 0;
    /* left: 50%; */
    /* transform: translateX(-50%); */
}
.t1 li, .t1_home li{display: inline-block;
position: relative;}
//.t1 li:first-child {float:left;background:none}
.t1 a:link, .t1 a:visited{display: block;color:#fff;text-decoration:none;padding:0 1.75em;margin:0; line-height: 40px; letter-spacing: .05em}
.t1 a:hover, .t1 a:active {background:#666666; margin:0}
//.t1 li:first-child a:link, .t1 li:first-child a:visited{display: block;color:#fff;text-decoration:none;padding:0 1.5em;margin:0}
.t1 a.on:link, .t1 a.on:visited, .t1 a.on:hover, .t1 a.on:active {background:#fff; color:#000}
.t1 img, .t1_home img{margin-right:0}
.t1 li ul, .t1_home li ul{position:absolute;z-index:9999;width: 240px;padding:5px 0;background:transparent url(../images/navigation/menu_background.png) repeat-y 0px 0px;font-size:12px;line-height:14px}
.t1 li ul li, .t1_home li ul li{float:none;display: block}
.t1 li ul li a:link, .t1_home li ul li a:link{color:#fff;letter-spacing: 0px;font-size: 1rem;text-decoration:none;line-height: 1.2;padding: 6px 14px;display:block;text-align: left;text-transform: none;}
.t1 li ul li a:hover, .t1 li ul li a:active, .t1_home li ul li a:hover, .t1_home li ul li a:active{color:#26350c;background:#fff}

/*----- Main -----*/
#main {padding-top: 4px; border-bottom:1px solid #016300; background: #fff;}
#main .wrap {overflow: hidden;}

/*----- Left Column -----*/
#leftCol{width: 14rem;padding-top: 6em;padding-right: 2em;overflow: hidden;float: left;}


/* t1 */
.sidenav{width:100%;overflow:hidden;margin:0 0 3rem}
.sidenav ul{padding: 0}
.sidenav li{height:1%;overflow:hidden}
.sidenav li a{padding:.5em .5rem;line-height:1.1em;display:block}
.sidenav li a:hover, .sidenav li a:active{background:#e5e5e5;text-decoration: none}
.sidenav li.on>a{color:#fff; background:#016300}
/* t2 */
.sidenav li.on ul{border-top:1px solid rgba(0,0,0,.15)}
.sidenav li.on ul li{border-bottom:1px solid rgba(0,0,0,.15)}
.sidenav li.on ul li a{padding:.5em .5rem .5em .5rem;font-size:.9em;color:#666}
.sidenav li ul li a:hover, #sidenav li ul li a:active{color:#000;background:#ccc; text-decoration: none}
.sidenav li ul li.on>a{color:#016300; background:#eee;}
/* t3 */
.sidenav li ul li.on ul{padding-bottom:0;border:0}
.sidenav li ul li.on ul li{border:0}
.sidenav li ul li.on ul li a{padding-left:1rem;font-size:.85em;color:#666}
.sidenav li ul li ul li a:hover, #sidenav li ul li ul li a:active{background:#f5f5f5}
.sidenav li ul li ul li.on>a{color:#000; background:#e5e5e5;}
/* t4 */
.sidenav li ul li ul li.on ul li a{padding-left:1.5rem;font-size:.7em;color:#666}
.sidenav li ul li ul li ul li a:hover, #sidenav li ul li ul li a:active{background:#fff}
.sidenav li ul li ul li ul li.on>a{color:#000; background:#f5f5f5;}


/*.contact {float:left; width:176px; height:197px; background:url(../images/contact.gif) no-repeat left top;padding:3px 15px 0; color:#000; font-size:15px; line-height: 21px;}
.contact span {color:#fff; display:block; margin:0px 0 11px 0; padding:4px 0; font-size:20px}
.contact strong {color:#016300; font-weight:normal}
.contact a:hover {text-decoration: none; color: #666;}
.contact a:hover span, .contact a:hover strong {color: #666;}*/

/*----- Content -----*/
#contentInterior {float:left;}
#leftCol:empty {display: none}
#contentContainer {margin-left: 0;float: left;
width: calc(100% - 16rem);
padding:3em 0 4em;
min-height: 600px;
position: relative;}
#leftCol:empty + #contentContainer {margin-left:8rem}
.pageheader {float:left; width:100%; margin-bottom: 2em}

#content{}
img.photoright, .photoright img{float:right;margin:0px 0px 10px 20px; padding:3px; background:#cccccc}
img.photoleft, .photoleft img{float:left;margin:0px 20px 10px 0px; padding:3px; background:#cccccc}
img.phototreatment .phototreatment img{padding:3px; background:#cccccc}
.dark{background:#efefef}
.light{background:#fff}
.muted {opacity:0.5;filter:alpha(opacity=50)}

.highlight {margin:1px 0 20px 0; background:#333333; clear:both; color:#ffffff; padding:1px}
.highlightTitle { background:#016300; padding:5px 5px 5px 40px; font-size:1.38em; color:#fff}
.highlight ul { padding:10px 20px}
.highlight p { padding:10px 20px 0 20px; margin:0}


.contactCallout {background-color:#333333;background-image: url(../images/contact-floor.png);background-position: center center; background-repeat: no-repeat;background-size: cover; width: 100%; padding:6em 0; text-align: center;float: left;clear: both;display: block;}
.contactCallout h2 {margin-bottom: 1em; color: #fff; font-size:2em}
.contactCallout .wrap {overflow: visible}
.contactCallout .button {background: #016300;color: #fff; padding: .5em 1.5em;text-decoration: none; line-height: 2em}
.contactCallout p {color:#ccc; max-width: 38em; margin:2em auto; font-size: 18px}
.contactCallout .button:hover {background: #fff;color:#016300}

/*----- FOOTER -----*/
#footer {background:#016300; border-top:1px solid #fff;}
#footer .wrap {width:100%; padding:15px 20px 15px 20px; color:#fff; font-size:.9em; line-height:1.1em; font-family:Arial, Helvetica, sans-serif;}
#footer a {color:#fff}
#footer a:hover, #footer a:active {color:#00c8f5; text-decoration: none;}
#footer a.on {text-decoration:none; color:#00c8f5;}
#web-solutions-exposure {float:right; margin-left:11px}
#web-solutions-exposure img {margin-left:9px}

.linkedin {display:inline-block; position: relative;}
.linkedin:before {background: url(/images/icons/linkedin-in.svg) no-repeat 0 0 / contain; content: ""; display: block; position: absolute; left: 0; bottom:-3px; height: 1.1em; width: 1em;}
.linkedin:hover:before {background-image: url(/images/icons/linkedin-in_hover.svg);}

/*----- HOMEPAGE ELEMENTS -----*/
#column1 {float:left; width:28%; margin-top:20px; margin-right:5%}
.requestQuote {width:100%; display:block; float:left; color:#fff; background:#016300; font-size:20px; padding:3px 0 7px 1em; margin-bottom:.25em}
.requestQuote:hover {background: #000;color: #fff; text-decoration: none}

.contactHome {float:left; width:100%; background:#ccc;padding:1em 0 1em 1em; color:#000;}
.contactHome a span {color:#016300; display:block; margin:0 0 10px 0; padding:4px 0 0px 0; font-size:20px}
.contactHome a strong {color:#016300; font-weight:normal}
.contactHome a:hover {text-decoration: none; color: #666;}
.contactHome a:hover span, .contactHome a:hover strong {color:#000; text-decoration: none;}

#column2 { float:left; width:30%; margin-top:23px; margin-right:3%}
.concrete, .polishing { display:block; color:#333}
.concrete span, .polishing span  {font-size:20px; color:#016300; display:block; margin-bottom:10px}
#column2 img, #column3 img { border: solid 3px #ccc; margin-bottom:1em; display: block; width: 100%; height: auto}
#column2 img:hover, #column3 img:hover { border: solid 3px #016300; margin-bottom:5px}
.concrete:hover, .polishing:hover { text-decoration:none}
.concrete strong, .polishing strong { color:#016300; font-weight:normal}
#column3 {float:left; width:30%; margin-top:23px; margin-left: 3%}

#contentHome { border-top: solid 1px #ccc; float:left; padding:1em 1em; margin:2em 0}
#contentHome h1 { background:none; color:#016300; font-size:20px; display:block; height:auto; padding:1em 0 0 0}
#contentHome p {line-height: 1.75em;}
/*----- APPS AND COMPONENTS -----*/

/*----- Share Links -----*/
#linkBar{font-size:.9em;color:#ccc;margin-top:50px}
#linkBar a{text-decoration:none;color:#999}
#linkBar a:hover, #linkBar a:active{text-decoration:underline;color:#31659b}

/*----- Driving Directions -----*/
.ddGo { padding: 2px 3px; background: #f03c5e; cursor:pointer; color:#fff; font-size:11px; line-height:13px; border: solid 1px #e20e23; height:20px; font-size:12px; margin-left:5px}
#map h2{margin:0 0 5px 0}

/*----- Font Resizer AAA -----*/
.resizeSmall{font-size:9px}
.resizeMedium{font-size:12px}
.resizeLarge{font-size:15px}

/*----- Ad Rotator -----*/
.adRotator{}
.adRotator img{}

/*----- JS Rotator -----*/
#rotator {padding-top:4px; background: #fff;}
.wsRotatorMain {float:left; width:100%; height:70vh; position:relative; overflow:hidden;}
.slideShow div {width:100%; height:70vh; position:absolute; left:0; top:0}
.desc {background:rgba(51,51,51,.8) url(/images/gear.png) no-repeat 98% -5px; width:100%; height:50px; padding: 0 1.5% 0; position:absolute; left:0; bottom:0px; overflow:hidden; color: #fff; float: left; font-size: 18px; line-height: 50px;}
.desc a {display:block; margin-top:10px; font-size:16px; color:#b153c4; text-transform:uppercase}
.desc a:hover {color:#29a686}
.desc strong {font-weight:normal; color:#00c8f5;}
.photo {width:100%; height:70vh; background-color:#000; background-repeat:no-repeat; background-position:center bottom !important; background-size: cover !important; position:absolute; left:0; top:0}
.slideShowPhotos {display:none} /* Pre-loaded images (must always be set to display none) */

/*----- Interior JS Rotator -----*/
.wsIntRotatorMain #slideShow {background-size: cover}
.wsIntRotatorMain #slideShow > div {width: 100%; height: 0; padding-top: 40%;background-size: cover}

/*----- Alert App -----*/
#alertApp{width:910px;background:#900000;padding:15px 0;color:#fff;font-size:14px;line-height:16px;color:#fff;text-align:center}
#alertApp p{color:#fff}
#alertApp a:link, #alertApp a:visited{color:#ffffff;text-decoration:underline}

/*----- Callouts App -----*/
.callouts img{margin-bottom:10px;width:160px}
.callouts span{display:block}


/*----- MANAGEMENT -----*/
#Alert{position:absolute;z-index:9996;width:100%;overflow:hidden;text-align:center;left:0;padding-top: 6px;background-color:#ADC1D7;color:#1D467C;font-size:12px;line-height:14px;opacity:0.8;filter:alpha(opacity=80)}

/*----- Manage -----*/
.manage th{padding:5px 0;border-bottom:1px solid #ccc}
.manage th.right{text-align:right}
.manage th.sort{cursor:pointer}
.manage th.sort img{margin-left:5px}
.manage td{padding:1px}
.manage img.preload{display: none;position: absolute;z-index: 9900;top: 0px; border: solid 1px #FFFFFF}
.manage td.icons{padding-left:5px;width:45px}
.manage td.icons img{float:left;margin:3px 5px 0 0}
.manage .hidden{font-style:italic;color:red}
.button{text-align:right;padding:10px 0}
.mceContentBody  { color:#000}


/*----- CUSTOM -----*/

@media screen and (min-width:1300px) {
body {font-size: 1.1em}
}