/*  MAKE LAYOUT RESPONSIVE at 480px FOR IPHONE LANDSCAPE ============================================ */


	
		header {
			width: 92%; /* 450px / 480px */
		}


		#maincontent{
			width: 92%; /* 450px / 480px */
		}
		
	
		.maincontent{
			width: 92%; /* 450px / 480px */
		}
		
		
		footer {
			width: 89%; /* 450px / 480px */
		}
		
		ul#menu-navigation-menu { display: block; margin-top: -20px; margin-left: 5px; position: relative; text-align: center; list-style-position: outside; padding: 10px 0 0 0;}
		
		ul#menu-navigation-menu li { float: none; margin: 0px; text-align: center; width: 100%; border-bottom: 1px solid #ccc; padding: 4px 0 0; margin-bottom: 5px;}
		
		ul#menu-navigation-menu li a { font-size: 24px !important; }
		
	body.page-id-5 ul#menu-navigation-menu li#menu-item-13 a { font-weight: normal; font-size: 24px; background: url("images/line.png") repeat-x 0 28px;  color: #57B73A;} 
	
	body.page-id-9 ul#menu-navigation-menu li#menu-item-11 a { font-weight: normal; font-size: 24px; background: url("images/line.png") repeat-x 0 28px;  color: #57B73A;} 

	body.page-id-7 ul#menu-navigation-menu li#menu-item-12 a { font-weight: normal; font-size: 24px; background: url("images/line.png") repeat-x 0 28px;  color: #57B73A;} 

	body.page-id-540 ul#menu-navigation-menu li#menu-item-720 a { font-weight: normal; font-size: 24px; background: url("images/line.png") repeat-x 0 28px;  color: #57B73A;} 

		#featured { text-align: center;}
		
		#iphone { display: block;}

		#comp {display: none;}		


#social {
  position: absolute;
  right: -5px;
  top: 31px;
  width: 85px;
}

.header-btn {
	display: none;
}		

.mobile-btn {
	display: block;
	width: 100%;
}

/* NEW HOME PAGE   =========================================================================== */


.hero img {
    width: 100%;
}

.hero-text {
    width: 100%;
}		

.hero h1 {
    font-size: 60px;
    line-height: 1;
}

.hero h1.green {
    font-size: 125px;
}

.hero-text > h4 {
    font-size: 24px;
    font-style: oblique;
    margin-top: 20px;
}
		

/*  GRID OF EIGHT TURNS INTO A GRID OF FOUR */

	.span_12_of_12 {
		width: 98%; 
		margin: 10px 0;
	}
	.span_11_of_12 {
		width: 98%; 
		margin: 10px 0;
	}
	.span_10_of_12 {
		width: 98%; 
		margin: 10px 0;
	}
	.span_9_of_12 {
		width: 98%; 
		margin: 10px 0;
	}
	.span_8_of_12 {
		width: 98%; 
		margin: 10px 0;
	}
	.span_7_of_12 {
		width: 98%; 
		margin: 10px 0;
	}
	.span_6_of_12 {
		width: 98%; 
		margin: 10px 0;
	}
	.span_5_of_12 {
		width: 98%; 
		margin: 10px 0;
	}
	.span_4_of_12 {
		width: 100%; 
		margin: 10px 0;
	}
	.span_3_of_12 {
		width: 100%; 
		margin: 10px 0;
	}
	.span_2_of_12 {
		width: 100%; 
		margin: 10px 0;
	}
	.span_1_of_12 {
		width: 100%; 
	}
		
#homeBoxes .span_4_of_12 {
    border: 1px solid #D6D6D6;
    box-shadow: 0 0 2px #E4E4E4;
    padding: 10px;
    position: relative;
    width: 90%;
}

		#features .span_6_of_12 { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; padding: 20px; width: 86%; margin: 0; text-align: center;}
		
		#feature img { margin: 0 auto; float: none !important;}
		
		#qrcodes h1 { text-align: center;}
		
		.wp-image-127 { margin:0 50px 10px 48px; float: none !important;}
		#post-9 { text-align: left;}
		#post-9 h2 {text-align: center;}
		
#product #post-103 { padding-left: 0px;padding-bottom: 20px;}
 			
 			#product h3 { font-size: 27px; text-align: center;}
 			#product h4 { font-size: 18px; letter-spacing: 2px; text-align: center;}
 			#product p { font-size: 13px; line-height: 20px; margin-bottom: 15px;}
 			#product p img {position: relative; left: 50px;}

.wp-image-92 { margin: 0px 0 10px 40px;}

#feature ul {list-style: none outside; text-align: left;}

#feature li { margin-bottom: 15px; text-indent: -9px; line-height: 20px; font-size: 13px;}

		#footercontainer footer .span_4_of_12 { padding: 0 0 0 20px; width: 90%; padding-bottom: 20px; position: relative;}
		
		#socialList {margin-left: 79px;}
		
		ul#menu-footer-menu {margin: 0 20px 0 0; padding: 5px; width: 90px; float: left;}

		
		.gform_body {width: 160px; padding: 3px 0;}
		
#pressHeader { font-size: 2.5em;}

/* Container DIV */
.simply-scroll { 
	width: 270px;
	height: 64px;
	margin-bottom: 1em;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 270px;
	height: 64px;
}