body	{
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #2a2a2a;
	}

body, html { height: 100%; }



/* DEFAULTS - MARGINS SPACING */

div		{ margin: 0; padding: 0; border: 0; }

table, tr, td	{ border-collapse: collapse; border-spacing: 0; margin: 0; padding: 0; border: 0; }





/* DEFAULTS - ALIGNMENT */

.td-right 	{ text-align: right; }

.td-left 	{ text-align: left; }

.td-center	{ text-align: center; }

.td-top		{ vertical-align: top; }

.td-middle	{ vertical-align: middle; }

.td-bottom	{ vertical-align: bottom; }

.center-align	{ text-align: center; }

.center-div	{ margin-left: auto; margin-right: auto; }

.right-div	{ margin-left: auto; margin-right: 0; }

.left-div	{ margin-left: 0; margin-right: auto; }





/* DEFAULTS - MISC */

.fullwidth	{ width: 100%; }

.halfwidth	{ width: 50%; }

.nobreak	{ white-space: nowrap; }

.just 		{ text-align: justify; }

img 		{ border: 0; }

.rimage		{ max-width: 100%; height: auto; }

.blockimage	{ display: block; }

.formmargin	{ margin: 0px; }

.hidemobile	{ display: none; }





/* NON-MENU LINKS */

a:link, a:visited, a:active	{ color: #3333FF; text-decoration: none; }

a:hover				{ color: #ffd21a; text-decoration: none; }





/* PAGE FONTS AND TITLES */

/* THE NEXT LINE CONTROLS THE FONT SIZE ON ALL PAGES */

div, table	{ color: #333333; font: 14px arial, sans-serif; font-weight: normal; line-height: 150%; }

.title		{ color: #000000; font: 18px "Trebuchet MS", arial, sans-serif; font-weight: normal; line-height: normal; }

.subtitle	{ color: #000000; font: 15px "Trebuchet MS", arial, sans-serif; font-weight: bold; line-height: normal; }

.phonetitle	{ color: #006699; font: 16px arial, sans-serif; font-weight: bold; line-height: normal; }

.hilite		{ color: #FF0000; font-weight: bold; }

.hilite2	{ color: #669966; font-style: italic; font-weight: bold; }





/* REMOVES MARGINS ON HEADING TAG TITLES (FOR SEO) */

h1, h2, h3, h4	{ margin: 0px 0px 0px 0px; padding: 0px; text-align: left; }





/* PAGE BACKGROUDS */

.outer-background	{
			background-color: #1a1a1a;
			background-image: none;
			background-repeat: repeat;
			}

.inner-background	{
			background-color: #4db2ff;  /* -- CONTENT BACKGROUND COLOR --  */
			border: solid #ff9537;
			border-width: 0px 0px 0px 0px;
			/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
			}





/* CONTENT HEIGHTS, WIDTHS & MARGINS */

.pageheight	{ min-height: 400px; }

.pagewidth	{ max-width: 502px; }

.pagediv	{ margin: 0 auto; }

#contentdiv	{
		padding: 6px 6px 6px 6px;
		margin: 0 auto;
		text-align: left;
		}

.textbox-inner	{
		text-align: left;
		padding: 9px 8px 8px 8px;
		margin: 0px 0px 0px 0px;
		}
		
		
		/* CONTENT HEIGHTS, WIDTHS & MARGINS */

.pageheight-mobi	{ min-height: 800px; }

.pagewidth-mobi	{ max-width: 502px; }

.pagediv-mobi	{ margin: 0 auto; }

#contentdiv-mobi	{
		padding: 6px 6px 6px 6px;
		margin: 0 auto;
		text-align: left;
		}

.textbox-inner-mobi	{
		text-align: left;
		padding: 9px 8px 8px 8px;
		margin: 0px 0px 0px 0px;
		}





/* LIST CODE - SERVICES PAGE */

ul.list 	{ margin-top: 0px; margin-bottom: 0px; }

.list 		{ color: #FF6600; line-height: 170%; }

.list li span 	{ color: #000000; font: 16px arial, sans-serif; font-weight: normal; }





/* HEADER GRAPHIC & TEXT & HEADER ICONS */

.header		{
        
background-color:inherit; 
		width: 80%;
		height: 100px;
		/* padding: 0px; */
		/* margin: 0px 0px 0px 0px; */
		}

.logoimage		{ width: 200px; height: 100px; display: block; }

.headericons		{ padding: 0px 2px 0px 1px; }

/* .headericontable 	{ margin: 0px 6px 0px auto; } */



/* START TEXT HEADER CODE */

.logolayerlink	 {
		 display: block;
		 padding: 10px 10px 10px 10px;
		 }

.textlogo	 { font: 18px arial, sans-serif; font-weight: bold; line-height: 30px; }

.textlogo2	 { color: #999999; font: normal 20px arial, sans-serif; font-weight: normal; }

a.textlogo:link, a.textlogo:visited, a.textlogo:active, .textlogo 

		 { color: #000000; text-decoration: none; }

a.textlogo:hover { color: #ffd21a; text-decoration: none; }





/* IMAGES & NON GALLERY IMAGE BORDERS */

.img-borders	{ border: #000000 1px solid; }  /* NEWS PAGE */


/* TOP IMAGE */

.main-imagediv	{
		text-align: left;
		padding: 0px;
		margin: 0px auto 0px auto;
		}

.main-image	{
		width: 100%;
		height: auto;
		display: block;
		margin: 0px auto 0px auto;
		border: #000000 0px solid;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		}

.main-imagediv, img.main-image 
		{
		max-width: 502px;
		min-width: 200px;
		}





/* FLOATS */

.floatitem	{ float: left; margin-right: 5px; margin-bottom: 1px; }

.floatclear 	{ height: 0px; clear: both; font-size: 1px; line-height: 0px; padding: 0px; margin: 0px; }





/* PAGE LINES & BORDERS */

.pagebar	{
		background-color: #1a1a1a;
		background-image: url("picts-mobi/bar.jpg");
		height: 20px;
		border: solid #000000;
		border-width: 0px 0px 0px 0px;
		/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
		}

.pagebar-home	{ margin-top: 1px; }

.pagebar-footer	{
		background-color: #EBECEE;
		background-image: url("picts-mobi/bar.jpg");
		height: 22px;
		border: solid #000000;
		border-width: 0px 0px 0px 0px;
		/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
		}

.page-splits	{
		font-size: 1px;
		line-height: 1px;
		height: 3px;
		padding: 0px;
		margin: 15px 0px 15px 0px;
		background-color: transparent;
		border: #CCCCCC 1px solid;
		}





/* SOCIAL ICONS */

.socialspace	{ padding: 0px 1px 0px 0px; }

.socialtext	{
		color: #ff0000;
		font: 11px arial, sans-serif;
		font-weight: bold;
		line-height: normal;
		padding: 0px 3px 5px 3px;
		}

img.socialicon		{ margin: 1px; }

img.socialicon:hover	{
			margin: 0px;
			border: #FFFFFF 1px solid;
			-webkit-filter: brightness(1.2);
			filter: brightness(1.2);
			}





/* FOOTER */

.footerbox	{
		color: #c58ae3;
		font: 11px arial, sans-serif;
		font-weight: normal;
		line-height: normal;
		padding: 15px 0px 15px 0px;
		margin: 0px 0px 0px 0px;
		background-color: #EBECEE;
		border: solid #B6C2D1;
		border-width: 0px 0px 0px 0px;
		/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
		}
		
		
.footerbox-mobi	{
		color: #000000;
		font: 11px arial, sans-serif;
		font-weight: normal;
		line-height: normal;
		padding: 15px 0px 15px 0px;
		margin: 0px 0px 0px 0px;
		background-color: #EBECEE;
		border: solid #B6C2D1;
		border-width: 0px 0px 0px 0px;
		/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
		}

/* FOOTER LINKS */

a.footerlink:link, 
a.footerlink:visited, 
a.footerlink:active 	{ color: #3333FF; text-decoration: none; }

a.footerlink:hover 	{ color: #0099FF; text-decoration: underline; }





/* HIDE ITEMS FOR PRINTING */

@media print {
.printhide 	{ display:none; }
.printhelp	{ width:600px; }
}
@media screen{
.printonly 	{ display:none; }
}





/* GALLERY PAGE CODE */

.gallery-width		{ max-width: 375px; margin: 0 auto; }

.gallerytext		{ font-size: 13px; line-height: 150%; }

.Galborder	 	{ border: #000000 1px solid; margin: 3px 2px 3px 2px; vertical-align: middle; }

a:hover .Galborder 	{ border: #0099FF 1px solid; margin: 3px 2px 3px 2px; vertical-align: middle; filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }

.viewer-border		{ border: #000000 1px solid; }

.viewer-height		{ height: 94%; }

.viewer-respond		{ width: 94%; max-width: 602px; }

#gallery-return 	{
			width: 40px;
			height: 40px;
			margin: 8px auto 8px auto;
			background-color: #B3BDCA;
  	/* CORNER ROUNDING */
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			-khtml-border-radius: 4px;
			border-radius: 4px;
			}


/* USED IN OPTIONAL-gallery.htm */

img.Galimg-respond 	{ width: 130px; height: auto; }





/* PAYPAL PRODUCT CART PAGES */

.products-width	{ max-width: 375px; margin: 0 auto; }

.productstext	{ font-size: 13px; line-height: 150%; }

.price		{ color: #0099FF; font: 15px arial, sans-serif; font-weight: bold; }

.cartmargin	{ margin: 3px 0px 0px 0px; }

.carticon	{ margin: 7px 0px 0px 0px; }


/* CART ORDER BUTTONS */

input[type=submit].button-order 
	 	{
		color: #FFFFFF;
	       	font: bold 14px arial, serif;
		text-align: center;
		background-color: #0071E2;
        	padding: 7px 5px 7px 5px;
        	margin: 4px 0px 2px 0px;
		cursor:pointer;
		width: 132px;
		-webkit-appearance: none;
        	border: #000000 0px solid;
	/* CORNER ROUNDING */
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;
		box-shadow: 3px 3px 3px #CCCCCC;
		}

input[type=submit].button-order:hover 
	 	{
		color: #FFFFFF;
		background-color: #00A8E2;
        	border: #000000 0px solid;
		}

.ppoptions	{
		background-color: #F3F5F7;
		color: #000000;
		width: 132px;
		font-size: 12px;
		margin: 2px 0px 2px 0px;
		}





/* PAYPAL payments.htm PAYMENT PAGE */

.payments-box		{ background-color: #ECF1F6; border: #90B3D3 1px solid; }

.payments-box-padouter	{ padding: 6px; }

table.payments-box-pad td 	{ padding: 3px 3px 3px 3px; }

.payments-form	{
		font: 13px arial, sans-serif;
		color: #000000;
		background-color: #FFFFFF;
		text-align: left;
		width: 150px;
		border: #90B3D3 1px solid;
		}

.payform	{ overflow: auto; }

.paymenticon	{ margin: 10px 0px 10px 0px; }

.paybutton	{
		color: #000000;
	       	font: normal 13px arial, serif;
		text-align: center;
		background-color: #FFFFFF;
		width: 152px;
        	padding: 4px 2px 4px 2px;
		margin: 3px 0px 0px 0px;
		cursor:pointer;
        	border: #000000 1px solid;
		}





/* RESOURCES PAGE */

.searchtext	{ color: #000000; font-size: 12px; }

.searchmargin	{ margin: 5px 0px 8px 0px; }

.searchbox	{
		background-color: #F0F0F0;
		border: #B6C2D1 1px solid;
		border-collapse: separate;
		border-spacing: 2px;
		padding: 7px;
		}

table.searchbox td 	{ padding: 2px 2px 2px 2px; }

.searchform 	{
		color: #000000;
		font: 13px arial, sans-serif;
		background-color: #F6F7F7;
		width: 110px;
		height: 20px;
		margin: 4px 3px 4px 0px;
		border: #ACACAC 1px solid;
		}

.searchbutton	{
		color: #000000;
	       	font: normal 13px arial, serif;
		text-align: center;
		background-color: #FFFFFF;
		width: 58px;
        	padding: 2px 2px 2px 2px;
		margin: 0px;
		cursor:pointer;
        	border: #000000 1px solid;
		}





/* PDF PAGE */

.pdf-width	{ max-width: 450px; }

.pdf-center 	{ max-width: 310px; }

.pdf-icon	{ float: left; margin-right: 6px; }





/* USED ON OPTIONAL-homepage.htm */

.home-content	{
		background-color: #FFFFFF;
		text-align: left;
		padding: 12px 6px 6px 6px;
		margin: 1px auto 1px auto;
		}





/* HOME PAGE */

.non-mobile	{
		position: relative;
		left: 10px;
		top: 10px;
		width: 110px;
		height: 33px;
		margin-bottom: -33px;
		z-index: 3;
		}





/* HOME STACK MENU CODE */

div.menu-mobile		{
		padding: 0px 0px 0px 0px;
		margin: 1px auto 0px auto;
		background-color: #1E498F;
		background-image: url("picts-mobi/menu-arrow-white.png");
		background-position: top right;
		background-repeat: no-repeat;
/* CORNER ROUNDING */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
		}

.menulink-mobile	{
		font-family: arial, helvetica, sans-serif;
		font-size: 16px;
		font-weight: normal;
		line-height: 41px; /* THIS CONTROLS MENU BUTTON HEIGHT */
		text-align: left;
		display: block;
		cursor: pointer;
		padding: 0px 10px 0px 10px;
		}

a.menulink-mobile:link, a.menulink-mobile:visited, a.menulink-mobile:active 
	{
	color: #FFFFFF;
	text-decoration: none;
	}

a.menulink-mobile:hover
	{
	color: #FFFFFF;
	text-decoration: none;
	}

div.menu-mobile:hover 
	{
	background-color: #345C9D;
	background-image: url("picts-mobi/menu-arrow-white.png");
	}





/***************
Media Queries - RESPONSIVE FOR SMALLER MOBILE SCREENS 482 BREAKPOINT
***************/

@media handheld and (max-width: 482px),
   screen and (max-device-width: 482px),
   screen and (max-width: 482px) 
	{



/* RESPONSIVE LOGO */

.logoimage	{ max-width: 200px; width: 100%; height: auto; }

.textlogo	{ font-size: 18px; }

.textlogo2	{ font-size: 18px; }



/* USED IN OPTIONAL-gallery.htm */

img.Galimg-respond	{ width: 90px; height: auto; }



	}
/***************
END Media Queries
***************/




