@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600);
body 	{ background-color: #FFFFFF; margin: 0px; padding: 0px; border: #FFFFFF 0px solid; }
/* ^^^ SEE CLASS "outer-background" BELOW */
/* 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; }
.blockimage	{ display: block; }
.formmargin	{ margin: 0px; }

/* NON-MENU LINK COLORS */
a:link, 
a:visited, 
a:active 	{ color: #339900; text-decoration: none; }
a:hover 	{ color: #9933FF; text-decoration: underline; }

/* THE NEXT LINE CONTROLS THE FONT SIZE ON ALL PAGES */
body, div, table { color: #000000; font-family: "Open Sans", arial, helvetica, sans-serif; font-size: 14px; font-weight: 400; line-height: 200%; }
.title 		{ color: #006600; font: 30px "Open Sans", arial, sans-serif; font-weight: 300; letter-spacing: -1px; line-height: normal; }
.subtitle 	{ color: #000000; font: 20px "Open Sans", arial, sans-serif; font-weight: 400; line-height: normal; }
.smalltitle 	{ color: #006600; font: 18px "Open Sans", arial, sans-serif; font-weight: 400; line-height: normal; }
.smalltext	{ color: #006600; font: 13px "Open Sans", arial, sans-serif; font-weight: 400; padding-bottom: 5px; line-height: normal; }
.contact-title 	{ color: #000000; font-size: 20px; line-height: normal; }
.hilite		{ color: #9933FF; }

/* REMOVES MARGINS ON HEADING TAGS (FOR SEO) */
h1, h2, h3	{ margin: 0px 0px 0px 0px; }
h3	{ text-align: center; }
h4, h5	{ margin: 0px 0px 0px 0px; text-align: left; }

/* SERVICES LIST */
.list		{ font-size: 17px; color: #550088; line-height: normal; text-align: left; margin-top: 0px; margin-bottom: 0px; }
.floatlist	{ float: left; width: 50%; min-width: 200px; }
.floatlist2	{ float: left; width: 31%; min-width: 320px; }
.floatlist3	{ float: left; width: 69%; min-width: 320px; }
.list li	{ text-indent: 1px; }

/* PAGE & CONTENT HEIGHTS AND WIDTHS & PADDING */
/* NOTE: IF YOU CHANGE THE PAGE WIDTHS EDIT & TEST THE MEDIA QUERIES IN THE media-queries.css */
.pageheight	{ min-height: 450px; }
.pagewrapper	{ width: 100%; min-width: 319px; text-align: center; margin: 0 auto; }
.pagebox	{ padding: 0px 20px 0px 20px; margin: 0 auto; }
#headerbox	{ max-width: 1050px; margin: 0 auto; padding: 5px 10px 5px 10px; }
#contentbox	{ max-width: 1050px; margin: 0 auto; padding: 15px 10px 10px 10px; }
.content-pad 	{ padding: 10px 10px 10px 10px; }
#left-content 	{ float: left; width: 100%; max-width: 730px; padding: 0px; }

/* INNER AND OUTER BACKGROUNDS */
.outer-background	{ background-color: #FFFFFF; background-image: none; background-repeat: repeat; background-attachment: fixed; }
.inner-background	{ background-color: transparent; border: #000000 0px solid; }

/* TEXT AND GRAPHIC HEADER CODE */
#headerdiv	{ padding: 15px 0px 15px 0px; margin: 0px 0px 0px 0px; border: #000000 0px solid; }
.headercolor	{ background-color: #FFFFFF; }  /* EDIT .pagebox PADDING TO 0 ABOVE FOR FULL WIDTH */
.logo-respond	{ height: 60px; width: 320px; max-width: 320px; min-width: 280px; margin: 0 auto; display: block; }

/* Thumbnails */
.responsive { padding: 10px 10px 10px; float: left; width: 30%; }
div.img { border: 1px solid #ccc; }
div.img2 { border: none; }
div.img:hover { border: 1px solid #7638C4; }
div.img2:hover { border: none; }
div.img img { width: 100%; height: auto; }
div.img2 img { width: 100%; height: auto; }
div.desc { padding: 15px; text-align: center; }
.showmobile { display: none; }

/* LOGO FADE IN */
#headerdiv	{ animation: fadein 2s;	-moz-animation: fadein 2s;	/* Firefox */ -webkit-animation: fadein 2s;	/* Safari, Chrome */ -o-animation: fadein 2s; /* Opera */ }
@keyframes fadein { from { opacity:0; } to { opacity:1; } } @-moz-keyframes fadein { /* Firefox */ from { opacity:0; } to { opacity:1; } }
@-webkit-keyframes fadein { /* Safari, Chrome */ from { opacity:0; } to { opacity:1; } }
@-o-keyframes fadein { /* Opera */ from { opacity:0; } to { opacity: 1; } }

/* IMAGE BORDERS, FLOATS AND IMAGE SPACING */
.img-borders	{ border: #96A497 2px solid; /* CORNER ROUNDING */ -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.img-float	{ float: left; margin: 3px 8px 1px 0px; }
.float-item	{ float: left; margin-right: 10px; margin-bottom: 2px; }
.text-nowrap	{ overflow: hidden; min-width: 175px; }
.divclear 	{ height: 1px; clear: both; font-size: 1px; line-height: 1px; padding: 0px; margin: 0px; }
.printable-picture	{ height: auto; width: 100%; max-width: 670px; min-width: 300px; margin: 0 auto; border: #74B453 2px dashed; display: block; }
.banner	{ height: overflow: hidden; padding: 10px 0px 10px 0px; display: block; }

/* TOP RESPONSIVE IMAGE */
.img-respond	 { width: 100%; height: auto; }
.img-respond-box { max-width: 599px; margin-bottom: 20px; }
.img-respond-home { max-width: 100%; margin-bottom: 30px; }
.top-image	{ border: #96A497 2px solid; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; /* CORNER ROUNDING */ -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }

/* PAGE LINES & BORDERS */
.page-splits 	{ line-height: 1px; font-size: 1px; height: 3px; background-color: #DDFADF; margin-top: 10px; margin-bottom: 10px; padding: 0px; border: #89C18D 1px solid; }
.splits-xtramargin { margin-top: 30px; margin-bottom: 30px; }

/* HOME PAGE */
.homelinks	{ color: #BEA17F; }
.homelinks a	{ padding: 6px; }

/* RIGHT SIDEBAR */
#sidebar-content 	{ float: left; width: 100%; max-width: 320px; padding: 0px; }
.sidebar-pad		{ padding: 20px 0px 10px 15px; }
.sidebar-pad-home	{ padding-top: 10px; }
.sidebar-textarea	{ text-align: left; width: 300px; margin: 0 auto; padding: 0px 0px 0px 0px; border: solid #CECECE; border-width: 0px 0px 0px 0px; }
.sidebar-text 	{ color: #000000; font: 14px "Open Sans", arial, sans-serif; text-align: left; font-weight: 400; line-height: 150%; }
.sidebar-title	{ color: #FFFFFF; font: 25px "Open Sans", arial, sans-serif; font-weight: 300; line-height: normal; background-color: #96A497; padding: 8px 5px 9px 8px; margin: 0px auto 7px auto;	/* CORNER ROUNDING */ -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
.sidebar-image	{ display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0px auto 10px auto; border: #96A497 2px solid; /* CORNER ROUNDING */ -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.side-links	{ padding: 10px 0px 10px 0px; margin: 0px; }
.side-links a	{ font: 16px "Open Sans", arial, sans-serif; font-weight: 400; line-height: normal; display: block; padding: 6px 0px 6px 10px; border: dashed #38A2C9; border-width: 0px 0px 1px 0px; /* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */ }
.side-links a:first-child { border-width: 1px 0px 1px 0px; }

/* FOOTER */
.footer-splits 	{ color: #FFFFFF; height: 4px; line-height: normal; background-color: #74B453; margin: 0px auto 0px auto; padding: 0px; border: solid #C0C0C0; border-width: 0px 0px 0px 0px; }
.footer-copyright { color: #FFFFFF; font: 13px "Open Sans", arial, sans-serif; font-weight: 400; line-height: normal; padding: 10px 0px 10px 0px; margin: 0px 0px 0px 0px; background-color: #7638C4; border: solid #A561FB; border-width: 1px 0px 0px 0px; }

/* COPYRIGHT LINK COLORS */
div.footer-copyright a:link, 
div.footer-copyright a:visited, 
div.footer-copyright a:active 	{ color: #D3F79E; text-decoration: none; }
div.footer-copyright a:hover 	{ color: #FFFFFF; text-decoration: underline; }

/* OPTIONAL No-Form-contact.htm PAGE */
.no-formmargin	{ margin: 25px 0px 25px 0px; }

/* ARTICLES HOME PAGE */
.article-home-pad	{ padding: 1px 0px 0px 0px; }
.arrow-link		{ font-size: 17px; display: inline-block; padding: 12px 0px 5px 0px; text-indent: 27px; min-height: 27px; background-image: url("/picts/arrow-link.png"); background-repeat: no-repeat; background-position: 0px 14px; }
a.arrow-link:hover	{ background-image: url("/picts/arrow-link-hover.png"); }

/* HIDE ITEMS FOR PRINTING */
@media print {
.printhide 	{ display:none; }
.pageheight 	{ min-height: 50px; }
.print-image	{ height: auto;	width: 100%; }
}
@media screen{
.printonly 	{ display:none; }
}

/* START THE CODE FOR THE MENU */
/* EDIT .pagebox PADDING TO 0 ABOVE FOR FULL WIDTH */
#menudiv a		{ outline: none; }
#menudiv		{
			background-color: #FFFFFF;
			position: relative;
			padding: 3px 0px 3px 0px;
			margin: 0px auto 0px auto;
			border: #D4DACA 0px solid;
			border-width: 2px 0px 2px 0px;
			}
/* MENU OUTER RADIUS */
#menudiv, #menusub	{
  		/* CORNER ROUNDING */
			-moz-border-radius: 0px;
			-webkit-border-radius: 0px;
			-khtml-border-radius: 0px;
			border-radius: 0px;
			}
/* MENU WIDTH, PADDING, FONT FACE & COLOR */
#menusub a 		{
			color: #006633;
			font-family: "Open Sans", arial, helvetica, sans-serif;
			font-size: 17px;
			font-weight: normal;
			line-height: normal;
			text-decoration: none;
			text-align: center;
			padding: 10px 15px 10px 15px;
			margin: 0px 0px 0px 0px;
			cursor: pointer;
			background-color: transparent;
			display: inline-block;
			border: #999999 solid;
			border-width: 0px 0px 0px 0px;
		/* MENU FADE UP */
			transition: all 0.5s ease;
			-webkit-transition: all 0.5s;
		/* CORNER ROUNDING */
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			-khtml-border-radius: 4px;
			border-radius: 4px;
    			*display:inline;	/* For IE */
    			*zoom:1;		/* For IE */
			}
/* BORDERS FIRST MENU LINK */
#menusub a:first-child	{ border-width: 0px 0px 0px 0px; }
/* MENU HOVER COLORS */
#menusub a:hover 
			{
			color: #FFFFFF;
			background-color: #A879E9;
			text-decoration: none;
			}
/* MOBILE MENU ICON - SEE ALSO media-queries.css FOR MORE MOBILE COLORS AND FONTS!! */
#mobile-menu-icon	{ cursor: pointer; display: none; text-align: center; padding: 2px 0px 2px 5px; }
.menu-icon-img		{ display: block; margin: 0px auto 0px 0px; }

/* JQUERY SLIDESHOWS (HOME & SETS) (SEE ALSO responsive-slides.css IN FOLDER JQuery) */
.rslides_container	{
			background-color: #C0C0C0;
			max-width: 900px;
			min-width: 250px;
			text-align: center;
			margin: 0 auto;
			position: relative;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			border: #CECECE 2px solid;
  		/* CORNER ROUNDING */
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			-khtml-border-radius: 4px;
			border-radius: 4px;
			}
#homeJQ > .centered-btns_nav	{ display: none; }  /* HIDES HOME ARROWS */
/* SLIDESHOW ROUND ACTIVE BUTTON STYLES */
.centered-btns_tabs	{
			width: 100%;
			position: absolute;
			bottom: 10px;
			left: 0px;
			margin: 0 auto;
			text-align: center;
			z-index: 1000;
			background-color: #CECECE;
			}
/* NORMAL BUTTON STATE */
.centered-btns_tabs a 	{
			width: 10px;
			height: 10px;
			background-color: #FFFFFF;
			border: #96A497 2px solid;
		/* CORNER ROUNDING */
			-webkit-border-radius: 7px;
			-moz-border-radius: 7px;
			border-radius: 7px;
			margin: 0px 4px 0px 4px;
			}
/* HOVER BUTTON STATE */
.centered-btns_tabs a:hover 
			{ background-color: #FFCC33; border: #FFCC33 2px solid; }
/* ACTIVE BUTTON STATE */
.centered-btns_here a, .centered-btns_here a:hover  
			{ background-color: #FFCC33; border: #FFCC33 2px solid; cursor: default; }

/* FOR OPTIONAL HOME PAGE IMAGE */
.homeimage	{ width: 100%; display: block; }
.homeimage-border	{
			max-width: 900px;
			min-width: 250px;
			margin: 0 auto;
			box-sizing: border-box;
			border: #5E7287 5px solid;
  		/* CORNER ROUNDING */
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			-khtml-border-radius: 4px;
			border-radius: 4px;
			}
			
/* JQUERY SLIDESHOW SETS (SEE ALSO HOME JQUERY ABOVE & responsive-slides.css IN FOLDER JQuery) */
.HoverBorder	{
		border: #5E7287 2px solid;
		vertical-align: bottom;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		}
a:hover .HoverBorder 	{ border: #FF0000 2px solid; }
.slide-setwidth		{ max-width: 700px; }
/* BUTTONS ON slideshow-home.htm */
a.view-slideshow:link, a.view-slideshow:visited, a.view-slideshow:active 
		{
		color: #FFFFFF;
		font: 14px "PT Sans", arial, sans-serif;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		background-color: #5C7B5D;
		padding: 6px 0px 6px 0px;
		margin: 6px auto 6px auto;		
		display: block;
		display: inline-block;
		cursor: pointer;
		width: 132px;
		border: #000000 0px solid;
  	/* CORNER ROUNDING */
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-khtml-border-radius: 3px;
		border-radius: 3px;
		}
a.view-slideshow:hover
		{
		color: #FFFFFF;
		background-color: #99804E;
		border: #3366FF 0px solid;
		}