/* 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 #1a WHEN PAGE WIDTH LESS THAN 1040 IS ACTIVE (FOR TABLET)
***************/
@media handheld and (max-width: 1040px), screen and (max-device-width: 1040px), screen and (max-width: 1040px)
{
	#contentbox { max-width: 890px; }
	
	#left-content { max-width: 680px; }
	
	#sidebar-content { max-width: 210px; }
}

/***************
END Media Queries #1a
***************/
/***************
START Media Queries #1 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)
{
	.logo-respond { width: 100%; height: auto; }
	
	.pagewrapper { min-width: 315px; }
	
	#contentbox { max-width: 720px; }
	
	#left-content { max-width: 510px; }
	
	#sidebar-content { max-width: 210px; }
	
	table.footer-links td { padding: 5px 20px 5px 20px; }
	
	.floatlist { width: 100%; }
	
	/* HOME 4 IMAGE COLUMNS & TABS */
	.intro-row { margin: 0px auto 15px auto; }
	
	/* HOME 2 COLUMN TEXT */
	.homecontent-outer { max-width: 401px; }
	
	.homecontent { float: none; }
	
	.content-left,
	.content-right { padding: 15px 5px 15px 5px; }
	
	/* TOUR PAGE */
	#left-tour { max-width: 425px; }
	
	#sidebar-tour { max-width: 290px; }
	
	.tour-sidebox { max-width: 250px; }
	
	#menu-tour a { font-size: 16px; padding: 10px 12px; margin-bottom: 6px; }
}

/***************
END Media Queries #1
***************/
/***************
START Media Queries #2 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)
{
	#left-content { width: 100%; min-width: 100%; float: none; }
	
	#sidebar-content { display: block; float: none; border: #999999 0px solid; margin: 0 auto; }
	
	.footerhide { display: none; }
	
	#social-links { padding: 4px 4px 25px 4px; }
	
	.contact-page #sidebar-content { display: block; }
	
	.contact-page .content-pad { display: block; }
	
	/* ARROW TABS */
	a.arrow-tab:link,
	a.arrow-tab:visited,
	a.arrow-tab:active { font-size: 13px; padding: 5px 4px 5px 4px; margin: 5px auto 0px auto; }
	
	/* HOME PAGE */
	#contentbox-home { padding: 10px 10px 10px 10px; }
	
	/* HOME 4 IMAGE COLUMNS & TABS */
	.intro-row { margin: 0px auto 20px auto; padding: 0px 2px 0px 2px; /* CORNER ROUNDING */ -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
	
	.intro-cellpad { padding: 8px 3px 8px 3px; }
	
	/* MQS SIDEBAR */
	.sidebar-pad { padding: 10px 0px 0px 0px; }
	
	/* TOUR PAGE */
	#left-tour { width: 100%; min-width: 100%; }
	
	#sidebar-tour { display: block; border-left: #999999 0px solid; }
	
	#sidebar-tour { max-width: 300px; }
	
	.tour-sidebox { max-width: 270px; }
}

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







***************/
/***************
START Media Queries #3a WHEN PAGE WIDTH LESS THAN 630 IS ACTIVE
***************/
@media handheld and (max-width: 650px), screen and (max-device-width: 650px), screen and (max-width: 630px)
{
	.float-left-area,
	.float-right-area { float: none; }
	
	#sidebar-content { display: none; }
	
	.adbox { max-width: 300px; min-width: initial; margin: 0 auto; }
}

/***************
END Media Queries #3a
***************/
/***************
START Media Queries #3 WHEN PAGE WIDTH LESS THAN 600 IS ACTIVE
***************/
@media handheld and (max-width: 600px), screen and (max-device-width: 600px), screen and (max-width: 600px)
{
	/* HOME PAGE */
	/* HOME 4 IMAGE, MAKE TO 2 COLUMNS */
	.intro-cell { width: 50%; }
	
	.intro-cell:nth-child(2n+1) { clear: both; }
	
	#contentbox-home { padding: 10px 5px 10px 5px; }
	
	.content-pad-home { padding: 40px 0px 30px 0px; }
}

/***************
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 { font-size: 13px; line-height: 1.5; }
	
	.title { font-size: 30px; }
	
	.subtitle { font-size: 19px; }
	
	h2 { font-size: 27px; }
	
	.smalltext { font-size: 15px; }
	
	.just { text-align: left; }
	
	/* MQS GENERAL */
	.large-splits { height: 15px; }
	
	.hidemobile { display: none; }
	
	.splits-xtramargin { margin-top: 12px; margin-bottom: 12px; }
	
	/* 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 0px 10px; }
	
	.content-pad-home { padding: 10px 5px 15px 5px; }
	
	/* MQS HEADER & LOGO */
	#headerdiv { padding: 0px 0px 0px 0px; }
	
	.textlogo { font-size: 18px; padding: 10px 3px 10px 3px; }
	
	.header-ico1 { display: block; right: 5px; top: 4px; }
	
	/* MQS FOOTER */
	.footer-copyright { font-size: 14px; }
	
	/* MQS SIDEBAR */
	.sidebar-text { font-size: 13px; line-height: normal; }
	
	.side-links a { line-height: 1.4; }
	
	/* ARROW TABS */
	.intro-cell a.arrow-tab:link,
	.intro-cell a.arrow-tab:visited,
	.intro-cell a.arrow-tab:active { font-size: 13px; background-image: none; }
	
	a.arrow-tab:hover { background-image: none; }
	
	/* HOME PAGE */
	/* MQS HOME JQUERY SLIDESHOW & SLIDESHOW SETS */
	.rslides_container { border-width: 0px; }
	
	#homeJQ > .centered-btns_nav { display: block; }
	
	.centered-btns_tabs { display: none; }
	
	/* TOUR PAGE */
	.tour-text { font-size: 15px; }
	
	.tour-title { font-size: 18px; padding-top: 0px; }
	
	.tour-notes { padding: 30px 0px 0px 0px; }
	
	#sidebar-tour { max-width: 270px; }
	
	.tour-sidebox { max-width: 250px; }
	
	/* CONTACT PAGE */
	.form-box { margin: 10px 0px 10px 0px; }
	
	.shadeform,
	.textarea,
	.dropdown { font-size: 12px; }
	
	/* LINKS PAGE */
	.searchform,
	.searchbutton { font-size: 12px; }
	
	/* PAYMENTS PAGE */
	.payform,
	input[type=submit].payform { width: 140px; }
	
	.paypalbadge { width: 80px; }
	
	/* Make all menu links finger-friendly */
	nav a,
	.side-links a,
	a.arrow-tab,
	#menu-tour a { font-size: 16px; padding: 12px 14px; line-height: 1.4; }
	
	/* Stack menus vertically */
	nav li,
	#menu-tour a { display: block; width: 100%; }
}
/***************
END Media Queries #4
***************/