/* WARNING: USE CAUTION WHEN EDITING THIS FILE */

/* NOTE: THIS FILE INCLUDES 4 STAGES OF MEDIA QUERIES - SEE help.html */

/* NOTE: TO EDIT COLORS - SEE style.css */






/***************
START Media Queries #1 WHEN PAGE WIDTH LESS THAN 1140 IS ACTIVE (FOR TABLET)
***************/
@media handheld and (max-width: 1140px),
   screen and (max-device-width: 1140px),
   screen and (max-width: 1140px) 
	{


.logo-respond	 { width: 100%; height: auto; }

.floatlist	 { width: 100%; }

.form-box	 { margin: 10px 0px 10px 30px; }


/* MQS FONTS - NEXT LINE IS DEFAULT FONT ALL PAGES */

body, div, table { font-size: 17px; line-height: normal; }

.title  	{ font-size: 27px; }

.subtitle  	{ font-size: 18px; }


/* HOME 3 BOX COLUMNS */

.introbox-text	{ font-size: 15px; }

.introtitle	{ font-size: 16px; }


/* HOME SLIDESHOW */

.rslides_container	{ margin-top: 0px; }


	}
/***************
END Media Queries #1
***************/






/***************
START Media Queries #2 WHEN PAGE WIDTH LESS THAN 890 IS ACTIVE (FOR TABLET)
***************/
@media handheld and (max-width: 890px),
   screen and (max-device-width: 890px),
   screen and (max-width: 890px) 
	{


/* MQS FONTS - NEXT LINE IS DEFAULT FONT ALL PAGES */

body, div, table { font-size: 17px; line-height: normal; }


/* MQS JQUERY LAYERED TEXT */

.rslides_container li div, .homeimage-box div { font-size: 16px; }

.rslides-title	 { font-size: 30px; }

.logo-box	{ left: 0px; }

.img-float-about { max-width: 300px; }

.top-image-text	{ font-size: 20px; }

.top-image-title { font-size: 30px; }

.footer-social	{ width: 180px; }


	}
/***************
END Media Queries #2
***************/






/***************
START Media Queries #3 WHEN PAGE WIDTH LESS THAN 740 IS ACTIVE
***************/
@media handheld and (max-width: 740px),
   screen and (max-device-width: 740px),
   screen and (max-width: 740px) 
	{



.pagebox	{ padding: 0px 0px 0px 0px; }

.top-bar	{ display: none; }


.header-ico	{
		width: 30px;
		height: 30px;
		right: 6px;
		top: 3px;
		padding: 0px;
		}

.header-ico1	{
		width: 30px;
		height: 30px;
		right: 6px;
		top: 3px;

		}

.header-ico2	{
		width: 30px;
		height: 30px;
		right: 0px;
		left: 6px;
		top: 3px;
		padding: 0px;
		}

.header-ico3	{
		width: 30px;
		height: 30px;
		right: 0px;
		left: 6px;
		top: 3px;
		padding: 0px;
		}

.ico-img, .ico-img-2, .ico-img-3	{ width: 28px; height: 28px; }

.img-float-about { margin: 3px 12px 12px 0px; max-width: 200px; }

.footerhide	{ display: none; }

.mobile-social	{ display: block; padding: 10px 0px 10px 0px; }

.mobile-social table	{ margin: 0 auto; }

.contact-page #sidebar-content	{ display: block; }

.contact-page .content-pad	{ display: block; }

.centered-btns_tabs a		{ width: 12px; height: 12px; margin: 0px 2px 0px 2px; }

.top-image-text	{ font-size: 16px; }

.top-image-title { font-size: 20px; }


/* HOME 3 BOX COLUMNS */

.introbox-text	{ font-size: 14px; }

.introbox-text, .introtitle, .boxes2	  { text-align: center; }

.introbox-outer	  { max-width: 325px; margin: 0 auto; }

.introbox	  { width: 100%; float: none; margin: 0 auto; }

.introbox-inner	  { margin: 10px 0px 10px 0px; }

.introbox-left	  { display: block; }

.introbox-center  { display: block; }

.introbox-right	  { display: block; }


/* HOME 2 COLUMN TEXT */

.homecontent-outer { max-width: 450px; }

.home-2xcontent	   { float: none; width: auto; max-width: 100%; }

.content-left, .content-right  { font-size: 1.0em; padding: 15px 10px 15px 10px; margin-right: 0px; margin-left: 0px; }


/* HEADER */

#headerdiv	{
		padding: 30px 0px 6px 0px;
		margin: 0 auto;
		height: auto;
		}

.logo-respond	{ margin: 0 auto; }

.logo-box	{
		position: static;
		left: 0;
		top: 0;
		}

.ico1-img	{ width: 26px; height: 26px; }

/* HEADER BUTTON */

@keyframes slideDown {
	0% { transform: translateY(0%); }
	100% { transform: translateY(0%); }
	}

a.button-header:link, 
a.button-header:visited, 
a.button-header:active	{
		position: static;
		right: 0px;
		top: 0px;
		padding: 8px 16px 8px 16px;
		display: block;
		display: none;
	/* CORNER ROUNDING */
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		animation: 0s ease-out 0s 1 slideDown;
		}

a.button-jq:link, 
a.button-jq:visited, 
a.button-jq:active	{
		padding: 6px 11px 6px 11px;
		margin: 10px 0px 0px 0px;
		}

/* TWO COL */

.logorow-image	{ max-width: 125px; }

.tlb-cellL	{ display: block; width: auto; }

.tlb-cellR	{ display: block; width: auto; }

.tlb-cellL	{ padding: 10px 10px 10px 10px; }

.tlb-cellR	{ padding: 10px 10px 10px 10px; }




/* MQS GALLERY */

.Gal-title	{ font-size: 12px; }

.galrow-box	{
		float: left;
		width: 33%;
		}

.galrow-box:nth-child(4n+1)
		{
    		clear:none;
		}

.galrow-box:nth-child(3n+1)
		{
    		clear:both;
		}


	}
/***************
END Media Queries #3
***************/






/***************
START Media Queries #4 -  WHEN PAGE WIDTH LESS THAN 600 IS ACTIVE
                      CLASSES HERE CAN ALSO BE FOUND IN THE style.css
***************/
@media handheld and (max-width: 600px),
   screen and (max-device-width: 600px),
   screen and (max-width: 600px) 
	{


.rslides_container li div, .homeimage-box div { display: none; }


	}
/***************
END Media Queries #3
***************/






/***************
START Media Queries #4 -  WHEN PAGE WIDTH LESS THAN 482 IS ACTIVE
                      CLASSES HERE CAN ALSO BE FOUND IN THE style.css
***************/
@media handheld and (max-width: 482px),
   screen and (max-device-width: 482px),
   screen and (max-width: 482px) 
	{




/* MQS FONTS - NEXT LINE IS DEFAULT MOBILE FONT ALL PAGES */

body, div, table { font-size: 14px; line-height: normal; }

.title  	{ font-size: 20px; }

.subtitle  	{ font-size: 17px; }

.smalltext 	{ font-size: 12px; }

.just 		{ text-align: left; }




/* MQS GENERAL */

.top-image-text	{ font-size: 15px; padding: 12px 10px 12px 10px; }

.top-image-title { font-size: 18px; }

.img-float-about { max-width: 100px; }

.large-splits 	{ height: 15px; }

.hidemobile	{ display: none; }

.splits-xtramargin { margin-top: 12px; margin-bottom: 12px; }

a.button-link:link, 
a.button-link:visited, 
a.button-link:active	{ font-size: 17px; }




/* MQS PAGE & CONTENT HEIGHTS, PADDING & WIDTHS */

.pageheight		{ min-height: 50px; }

.pagebox		{ padding: 0px 0px 0px 0px; }

#contentbox		{ padding: 10px 0px 10px 0px; }

.content-pad		{ padding: 10px 10px 10px 10px; }

#contentbox-home	{ padding: 10px 0px 10px 0px; }

.content-pad-home	{ padding: 10px 10px 10px 10px; }




/* MQS HEADER LOGO GRAPHIC, AND TEXT */

.textlogo	{ font-size: 18px; padding: 7px 3px 7px 3px; }




/* MQS FOOTER */

.footer-copyright { font-size: 13px; }




/* MQS SIDEBAR */

.sidebar-text	{ font-size: 13px; line-height: normal; }

.side-links a	{ font-size: 13px; line-height: normal; }

.sidebar-pad	{ padding: 0px 0px 15px 0px; }




/* GALLERY */

.Galthumb-box	{ font-size: 11px; }

.galrow-box	{
		float: left;
		width: 50%;
		}

.Galthumb-box	{ padding: 10px 2px 10px 2px; }

.galrow-box:nth-child(3n+1)
		{
    		clear:none;
		}

.galrow-box:nth-child(2n+1)
		{
    		clear:both;
		}




/* MQS HOME JQUERY SLIDESHOW & SLIDESHOW SETS */

.rslides_container	{ margin-top: 0px; border-width: 0px; }

.rslides_container, .rslides_container img
			{
			border-width: 0px;
  		/* CORNER ROUNDING */
			-moz-border-radius: 0px;
			-webkit-border-radius: 0px;
			-khtml-border-radius: 0px;
			border-radius: 0px;
			}

#homeJQ > .centered-btns_nav	{ display: block; }

.centered-btns_tabs	{ display: none; }

/* MQS JQUERY LAYERED TEXT */

.rslides_container li div, .homeimage-box div { display: none; }

.rslides-title	 { font-size: 16px; }

.rslides_container li section, .homeimage-box section { display: none; }




/* CONTACT PAGE */

.contact-left	{ float: none; width: auto; padding-right: 0px; }
.contact-right	{ float: none; width: auto; }

.form-box			  { margin: 10px 0px 10px 0px; }

.shadeform, .textarea, .dropdown  { font-size: 12px; }




/* STAFF PAGE */

.staff-email	{ font-size: 12px; }




/* LINKS PAGE */

.searchform, .searchbutton  { font-size: 12px; }




/* PAYMENTS PAGE */

.payform, input[type=submit].payform	{ width: 140px; }

.paypalbadge { width: 80px; }




	}
/***************
END Media Queries #4
***************/



