﻿/* ADAPTIVE LAYOUTS CSS <=940 */
@media screen and (min-width:0px) and (max-width:959px){
/*CHANGE BACKGROUND*/
#bdy_wrapper				{background:url('../../graphics/responsive_bg.jpg') repeat-x center top !important;}

body						{background:url('../../graphics/responsive_body_bg.jpg') center top !important;}

#columns_top				{background:none;!important;}

#columns_bg					{background:none;!important;}

#columns_bottom				{background:none;!important;}

/*CHANGE WIDTHS*/
body 						{min-width:100px;}
#main 						{width:100%; 			margin-left:auto; 	margin-right:auto;} 
.footer 					{width:100%; 			margin-left:auto; 	margin-right:auto;}

/*CHANGE HEADER HEIGHT*/
#headerTop					{height:160px			!important; position:relative}

/*REPOSITION*/
#text_logo					{position:absolute; 	top:35px	!important; 			left:1%		!important;}
#graphic_logo				{position:absolute; 	top:0px		!important; 			left:0px	!important;}
#seo_1						{position:absolute; 	top:80px	!important; 			left:1%		!important; 	text-align:left !important;}
#seo_2						{position:absolute; 	top:110px	!important; 			left:1%		!important; 	text-align:left !important;}
#menu						{position:absolute; 	top:-2px	!important; 			width:100%	!important; 	margin-left:auto!important; margin-right:auto!important; padding:0px!important;}

/*REMOVE FROM VIEW*/
#nivo_slider,#nivo_slider_small,#logo_tagline,#optional_content,#news_ticker,#search,#cse,#bookmark,#twitter_facebook,#themed_object,#get_in_touch,#mp3_component,#zoom_menu_component, 
#accordian_menu, #image_menu, #news_viewer, #parallax_slider
							{visibility:hidden !important; 		display:none !important;}
							
#search,#cse				{visibility:hidden; 	display:none;}
.sidemenu					{visibility:hidden; 	display:none;}
}



/* ADAPTIVE LAYOUTS CSS <=700 */
@media screen and (min-width:0px) and (max-width:700px){
#leftinfo					{width: 98%; margin-bottom:10px; margin-left: 1%;margin-right: 1%;float:none;}
#centerinfo					{width: 98%; margin-bottom:10px; margin-left: 1%;margin-right: 1%;float:none;}
#rightinfo					{width: 98%; margin-bottom:10px; margin-left: 1%;margin-right: 1%;float:none;}		
.centerpic img				{width: 50%;}
}

/* ADAPTIVE LAYOUTS CSS <=481 */
@media screen and (min-width:0px) and (max-width:480px){
#footer						{visibility:hidden; display:none;}
#column1					{width: 98%; margin-bottom:10px; float:none;}
#column2					{width: 98%; margin-bottom:10px; float:none;}
#column3					{width: 98%; margin-bottom:10px; float:none;}
#column4					{width: 98%; margin-bottom:10px; float:none;}
.centerpic img				{width: 40%;}
}

/* TOP MENU BUTTON RESIZING */
/* =Standard Layouts - font size 90%
--------------------------------------------------------------------------------*/
@media screen and (min-width:760px) and (max-width:939px){
.sf-menu li a,.sf-menu li a:link, .sf-menu li a:visited, .sf-menu li a:active,.sf-menu li:hover,.sf-menu li.sfHover, .sf-menu li a:focus, .sf-menu li a:hover, .sf-menu li a:active   							
							{font-size:1em;}
.sf-menu a 					{padding:15px .4em 15px .4em;}
}
/* =Narrow Layouts - font size 80%
--------------------------------------------------------------------------------*/
@media screen and (min-width:481px) and (max-width:759px){
.sf-menu li a,.sf-menu li a:link, .sf-menu li a:visited, .sf-menu li a:active,.sf-menu li:hover,.sf-menu li.sfHover, .sf-menu li a:focus, .sf-menu li a:hover, .sf-menu li a:active   							
							{font-size:1em;}
.sf-menu a 					{padding:16px .3em 16px .3em;}
}
/* =Mobile Layouts - font size 70%
--------------------------------------------------------------------------------*/
@media screen and (min-width:0px) and (max-width:480px){
.sf-menu li a,.sf-menu li a:link, .sf-menu li a:visited, .sf-menu li a:active,.sf-menu li:hover,.sf-menu li.sfHover, .sf-menu li a:focus, .sf-menu li a:hover, .sf-menu li a:active   							
							{font-size:1em;}
.sf-menu a 					{padding:17px .2em 17px .2em;}
}


/* MOBILE OR REDUCED BROWSER FONT SCALING */

/* =Wide Layouts - largest font size
--------------------------------------------------------------------------------*/
@media screen and (min-width:940px){
body 						{font: 100%/1.25 'Trebuchet MS', Verdana, sans-serif;-webkit-font-smoothing: antialiased;}
}
/* =Standard Layouts - font size 90%
--------------------------------------------------------------------------------*/
@media screen and (min-width:760px) and (max-width:939px){
body 						{font: 90%/1.25 'Trebuchet MS', Verdana, sans-serif;-webkit-font-smoothing: antialiased;}
}
/* =Narrow Layouts - font size 80%
--------------------------------------------------------------------------------*/
@media screen and (min-width:481px) and (max-width:759px){
body 						{font: 80%/1.25 'Trebuchet MS', Verdana, sans-serif;-webkit-font-smoothing: antialiased;}
}
/* =Mobile Layouts - font size 70%
--------------------------------------------------------------------------------*/
@media screen and (min-width:0px) and (max-width:480px){
body 						{font: 70%/1.25 'Trebuchet MS', Verdana, sans-serif;-webkit-font-smoothing: antialiased;}
}


