BODY	{
	BACKGROUND-COLOR: #FFFFFF;
	COLOR: #000000;
    	FONT-FAMILY: geneva, arial, sans-serif;
	FONT-SIZE: 11px;
	SCROLLBAR-BASE-COLOR: #000000;
	}

a:link		{ color: #003399; text-decoration: none }

a:visited	{ color: #003399; text-decoration: none }

a:active	{ color: #666666; text-decoration: none }

a:hover		{ color: #6699FF; text-decoration: none }


 /* THIS LINE CONTROLS THE FONT SIZE ON ALL PAGES */

TABLE		{ COLOR: #666666; FONT: 12px geneva, verdana, arial, sans-serif }

.title		{ COLOR: #225A71; FONT: 16px geneva, verdana, arial, sans-serif; font-weight: bold }

.biglink 	{ FONT: 13px verdana, arial, sans-serif; font-weight: bold; font-style: italic; TEXT-DECORATION: none }

.biglink:hover 	{ FONT: 13px verdana, arial, sans-serif; font-weight: bold; font-style: italic; TEXT-DECORATION: underline }

.just 		{text-align: justify;}

.copytext	{ COLOR: #999999; FONT: 10px geneva, verdana, arial, sans-serif }

.smalltitle 	{ COLOR: #000000; FONT: 11px verdana, arial, sans-serif; font-weight: bold }

.subtitle	{ COLOR: #999999; FONT: 15px geneva, verdana, arial, sans-serif; font-weight: bold }

.phonetitle	{ COLOR: #000000; FONT: 12px geneva, verdana, arial, sans-serif; font-weight: bold }

.picturecomments{ COLOR: #666666; FONT: 10px geneva, verdana, arial, sans-serif }

.picturetitle 	{ COLOR: #000000; FONT: 10px verdana, arial, sans-serif; font-weight: bold }

.services 	{ COLOR: #336699; FONT: 11px geneva, verdana, arial, sans-serif; font-weight: bold }

.price	 	{ COLOR: #FF0000; FONT: 12px verdana, arial, sans-serif; font-weight: bold }

.menutrans 	{ filter:alpha(opacity=50) }


 /* START THE CODE FOR THE BUTTONS */

.button-popups { background-image: url("picts/popbutton.gif");
		FONT: 11px verdana, arial, sans-serif;
		font-weight: bold;
		letter-spacing: 0px;
		color: #999999;
		WIDTH: 100%;
		HEIGHT: 21PX;
		cursor:hand;
		BORDER: #003399 0px solid;
		background-color:#FFFFFF; }

.buttonon-popups { background-image: url("picts/popbuttonon.gif");
		  FONT: 11px verdana, arial, sans-serif;
		  font-weight: bold;
		  letter-spacing: 0px;
		  color: #225A71;
		  WIDTH: 100%;
		  HEIGHT: 21PX;
		  cursor:hand;
		  BORDER: #225A71 0px solid;
		  background-color:#FFFFFF; }

.shadeform	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url("picts/shadeform.gif");
		text-align: left;
		WIDTH: 200PX;
		BORDER: #000000 1px solid}

.shadeformw	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url("picts/shadeform.gif");
		text-align: left;
		WIDTH: 300PX;
		BORDER: #000000 1px solid}

.shadeformb	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url("picts/shadeform_big.gif");
		text-align: left;
		WIDTH: 180PX;
		BORDER: #000000 1px solid}

.dropdown {	COLOR: #333333;
		WIDTH: 210PX;
		FONT: 11px geneva, verdana, arial, sans-serif}

.menudrop	{ font-family: arial, verdana, helvetica, sans;
		  font-size: 8pt;
		  height: 28px;
		  width: 153px;
		  cursor:hand;
		  font-weight: bold;
		  text-indent: 8px;
		  line-height: 21pt;
		  text-align: left;
		  display: block;
		  border: #FFFFFF 0px solid; }

.textarea	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url("picts/shadeform.gif");
		text-align: left;
		WIDTH: 300PX;
		BORDER: #000000 1px solid}

.submitbutton { background-image: url("picts/submit.gif");
		FONT: 11px verdana, arial, sans-serif;
		font-weight: bold;
		letter-spacing: 0px;
		color: #003399;
		WIDTH: 300PX;
		HEIGHT: 21PX;
		cursor:hand;
		BORDER: #003399 1px solid;
		background-color:#FFFFFF; }

.submitbuttonon { background-image: url("picts/submiton.gif");
		  FONT: 11px verdana, arial, sans-serif;
		  font-weight: bold;
		  letter-spacing: 0px;
		  color: #225A71;
		  WIDTH: 300PX;
		  HEIGHT: 21PX;
		  cursor:hand;
		  BORDER: #225A71 1px solid;
		  background-color:#FFFFFF; }

.downloadbutton { background-image: url("picts/submit.gif");
		FONT: 11px verdana, arial, sans-serif;
		font-weight: bold;
		letter-spacing: 0px;
		color: #003399;
		WIDTH: 75PX;
		HEIGHT: 21PX;
		cursor:hand;
		BORDER: #003399 1px solid;
		background-color:#FFFFFF; }

.downloadbuttonon { background-image: url("picts/submiton.gif");
		  FONT: 11px verdana, arial, sans-serif;
		  font-weight: bold;
		  letter-spacing: 0px;
		  color: #225A71;
		  WIDTH: 75PX;
		  HEIGHT: 21PX;
		  cursor:hand;
		  BORDER: #225A71 1px solid;
		  background-color:#FFFFFF; }

.closewinbutton { background-image: url("picts/submit.gif");
		FONT: 11px verdana, arial, sans-serif;
		font-weight: bold;
		letter-spacing: 0px;
		color: #003399;
		WIDTH: 175PX;
		HEIGHT: 21PX;
		cursor:hand;
		BORDER: #003399 1px solid;
		background-color:#FFFFFF; }

.closewinbuttonon { background-image: url("picts/submiton.gif");
		  FONT: 11px verdana, arial, sans-serif;
		  font-weight: bold;
		  letter-spacing: 0px;
		  color: #225A71;
		  WIDTH: 175PX;
		  HEIGHT: 21PX;
		  cursor:hand;
		  BORDER: #225A71 1px solid;
		  background-color:#FFFFFF; }

.searchform { 	WIDTH: 110PX;
		HEIGHT: 20PX;
		FONT: 11px arial, georgia, "Times New Roman", sans-serif;
		BORDER-BOTTOM: #000000 1px solid;
		BORDER-LEFT: #000000 1px solid;
		BORDER-RIGHT: #000000 1px solid;
		BORDER-TOP: #000000 1px solid }

.searchdrop { WIDTH: 60PX; HEIGHT: 20PX; FONT: 11px arial, georgia, "Times New Roman", sans-serif }

.searchbutton { FONT-FAMILY: arial, verdana, helvetica, sans;
		font-size: 9pt;
		width: 36px }


 /* START THE CODE FOR THE MENUS */

#menulocation { LEFT: 15px; WIDTH: 154px; POSITION: absolute; TOP: 114px; padding:0px 0px; white-space:nowrap; z-index: 200; }

.menu		{ font-family: arial, verdana, helvetica, sans;
		  font-size: 8pt;
		  height: 28px;
		  width: 154px;
		  cursor:hand;
		  font-weight: bold;
		  text-indent: 8px;
		  line-height: 21pt;
		  text-align: left;
		  display: block;
		  border: #FFFFFF 0px solid; }

a.menu:link 	{ background-image: url("picts/menu.gif");
		  background-color:#FFFFFF;
		  color: #225A71; }

a.menu:visited 	{ background-image: url("picts/menu.gif");
		  background-color:#FFFFFF;
		  color: #225A71; }

a.menu:active 	{ background-image: url("picts/menuon.gif");
		  background-color:#225A71;
		  color: #C0C0C0; }

a.menu:hover 	{ background-image: url("picts/menuon.gif");
		  background-color:#225A71;
		  color: #FFFFFF; }


/* ===== RESPONSIVE ===== */

img { max-width: 100%; vertical-align: top; }

/* In standards mode <p> gets default top/bottom margins; suppress them inside
   the shaded product-card cells (index/service/utilities) so those layouts stay
   compact. The gallery pages use plain <td> with no class, so they are unaffected. */
.shadeform p, .shadeformb p { margin-top: 0; margin-bottom: 0; }

/* ── Sticky header / footer ── */
#sticky-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}

#sticky-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 300;
}

/* Mobile navigation dropdown (written by menu.js on small screens) */
#menulocation-mobile {
    display: none;
    width: 100%;
    padding: 6px 8px;
    background: #225A71;
    box-sizing: border-box;
}

#menulocation-mobile select {
    width: 100%;
    padding: 7px 8px;
    font-size: 14px;
    font-family: arial, verdana, sans-serif;
    font-weight: bold;
    color: #225A71;
    border: none;
    border-radius: 3px;
    background: #fff;
}

@media screen and (max-width: 0px) {

    body { overflow-x: hidden; }

    /* Fluid tables and cells */
    table { width: 100% !important; }
    td    { width: auto !important; }

    /* Scale content images; preserve stretch bars and spacers */
    img:not([width="100%"]):not([src*="spacer"]) { max-width: 100% !important; height: auto !important; }

    /* Hide sidebar spacer and black separator */
    td[width="140"], td[width="1"] { display: none !important; }

    /* Hide desktop sidebar — mobile nav rendered by menu.js */
    #menulocation { display: none !important; }

    /* Show mobile nav dropdown */
    #menulocation-mobile { display: block; }

    /* Form inputs and buttons full width */
    .shadeform, .shadeformw, .shadeformb,
    .textarea, .dropdown,
    .submitbutton, .submitbuttonon,
    .downloadbutton, .downloadbuttonon {
        width: 100% !important;
        box-sizing: border-box;
    }
}