/* 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 */

/* CLASSES HERE CAN ALSO BE FOUND IN THE style.css */






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


.homeimage-box	{ display: none; }  /* HIDES HOME LAYERED TEXT */


	}
/***************
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) 
	{


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

.just		{ text-align: center; }

.title 		{ font-size: 26px; }

.textlogo	{ font-size: 30px; letter-spacing: 2px; }


/* MQs FEATURED PAGES */

#center-content-feat { width: 55%; }

#right-content-feat { width: 44%; }

.center-pad-feat	{ padding: 35px 15px 20px 15px; }

.right-pad-feat	{ padding: 35px 15px 20px 15px; }


/* MQs MLS SEARCH PAGE search-listings.htm */

.MLS-canvas	{ padding: 0px; }

.MLS-box	{ padding: 20px; }

.MLS-center	{ padding-right: 0px; }

.MLS-right	{ padding-center: 10px; }


	}
/***************
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) 
	{


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

.pageheight	{ min-height: 50px; }

.pagebox	{ min-width: 300px; }

#contentbox	{
		margin-right: 0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		}

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

.low-top-pad		{ padding-top: 10px }

#center-content 		{ width: 100%; min-width: 100%; margin-right: 0px; }

#sidebar-content 	{ margin: 0px auto 0px auto; float: none; display: none; }

.SB-width		{ width: 250px; }

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

.footer-spacer { display: none; }

.footer-box 	{
		position: static;
		center: 0px;
		top: 0px;
		}

#FTmenu			{ display: none; }  /* HIDES FOOTER MENU */

.footer-copyright	{ font-size: 11px; border-width: 3px 0px 3px 0px; }

.hidemobile		{ display: none; }


/* MQs MOVES SOCIAL LINKS TO FOOTER */

#social-links	{
		position: static;
		top: 0px;
		right: 0px;
		}


/* MQs FEATURED PAGES */

#center-content-feat	{ float: none; width: 100%; }

#right-content-feat	{ float: none; width: 100%; }

.center-pad-feat		{ padding: 15px 10px 15px 10px; }

.right-pad-feat		{ padding: 15px 10px 15px 10px; }

.feat-home-box	{ max-width: 200px; }


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






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


.header-spacer	{ display: none; }

.header-box	{
		position: static;
		center: 0px;
		top: 0px;
		}


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






/***************
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: 145%; }

.title  	{ font-size: 20px; }

.subtitle  	{ font-size: 16px; }

.smalltitle	{ font-size: 16px; }

.just 		{ text-align: center; }




/* MQs GENERAL */

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




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

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

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

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

.center-pad-feat	{ padding: 10px 10px 10px 10px; }

.right-pad-feat	{ padding: 10px 10px 10px 10px; }




/* MQs LOGO GRAPHIC, AND TEXT */

#headerdiv	{ padding: 0px 0px 0px 0px; }

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

.textlogo	{ font-size: 22px; letter-spacing: 0px; }

.logoslogan	{ font-size: 14px; }




/* MQs SIDEBAR */

.side-links a	{ line-height: normal; }

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




/* MQs CONTACT PAGE */

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

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

input[type=submit].submitbutton, 
input[type=reset].submitbutton	  { font-size: 16px; }


/* MQs FEATURED PAGES */

#fe-thumbs img	{ width: 33.33%; }




/* MQs LINKS PAGE */

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




	}
	
	/* HOME 3 BOX COLUMNS */

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

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

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

.introbox	  { width: 280px; float: none; margin: 0 auto; }

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

.introbox-center	  { display: block; }

.introbox-center  { display: block; }

.introbox-right	  { display: block; }

.imagesbox	  { width: 238px; height: 100px; }

.introimages img  { width: 238px; height: 100px; }

.introimages img:hover	{ width: 280px; height: 119px; }

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