/* -------------------------------------------------------------- 
	
	Kalypso Mobile Smartphone Styles
	Developed by Steve Hurst, 2008-2009
	http://novahurst.com

	Yay for EE .php template extension
	<style type="text/css" media="screen">

-------------------------------------------------------------- */

/* -------------------------------------------------------------- 
   
   Media Query Mobile Overrides
   
-------------------------------------------------------------- */

	html, body { height: auto; }
	html {-webkit-text-size-adjust:none;}
	body {
		font-size: 100%;
		color:#000;
		background:none;
		}
	#container_wrapper {
		width:auto;
		height:auto;
		margin:0;
		background:none;
		}
	#footer_wrapper, #footer_push {
		clear:both;
		height: auto; /* .push must be the same height as .footer */
		}
	#container, #footer {
		position:relative;
		width:100%;
		height:auto;
		margin:0 auto;
		color:#000;
		background-color:#fff;
		}
		
	#header {
		width:100%;
		height:auto;
		background:none;
		}
		#header div.logo a { display:block; position:static; top:0; left:0; margin:20px; }
		#header ul.nav_main { position:static; top:0; right:0; width:100%; background:#000; }
	
	#content_wrapper { clear:both; width:auto; margin-top:20px !important; 	margin-top:20px; padding:15px 20px 50px 20px !important; background:none; }
		
		#content { float:none; width:100% !important; }
		
		#nav_sub,
		#sidebar {display:none;}

	#footer { padding:10px 10px; background:#828B95; }
		#footer #copyright,
		#footer ul.nav_main,
		#footer ul.nav_utility {
			clear:both;
			position:static;
			top:0; left:0;
			margin:0;
			text-align: left;
			}
			#footer #copyright { margin:50px 0 0 10px; }
		#footer #rss,
		#footer #google_translate_element,
		#footer #designed_by {display:none;}

			#footer ul.nav_utility li a {color:#d0d5db;}
				#footer ul.nav_utility li a:hover {color:#fff;}			
			#footer ul.social li.smalljewel {clear:left;}
				#footer ul.social li.smalljewel a { position: static; }

		/* Home Page */

		#home_features { float:none; margin-left:auto; margin-right:auto; }
			#home_features div.teaser h2 {font-size:2em;}
			#features_nav_prev { left:0; width:50px; }
			#features_nav_next { right:0; width:50px; }
			#features_nav_prev { background-position: 0 -90px; }
			#features_nav_next { background-position: 100% -90px; }
			#features_nav_prev:hover { background-position: 0 -180px; }
			#features_nav_next:hover { background-position: 100% -180px; }

		#home_content h2 {font-size:1.4em;}
		#home_content .box { width:45%; margin-right:0; }
		#home_content #viewpoints {width:100%;}
		#home_content #what_we_do,
		#home_content #twitter { float:left; clear:both; }
		#home_content #news_and_events,
		#home_content #quote { float:right; clear:right; }
		#offerings_popup {left:0;}

/* </style> */