﻿/*  MAKE LAYOUT RESPONSIVE at 480px FOR IPHONE LANDSCAPE ============================================ */


	
		#header {
			width: 90%;
		}

		
		
		#qr-div{
		display:none;
		}
		
		#quote-panel {
		display:none
		}



		#maincontent{
			width: 100%; /* 720px / 768px */
		}

		
		.maincontent{
			width: 100%; /* 720px / 768px */
		}
		
		.casing{
		width:100%;
		}

		.mobi-hide{
	display:none;
		}
		
		.cn-slideshow {
		display: none;
		}
		
		.text-area, .contact-text-area {
		width: 84%;
		}
		
		.cn-style-panel{
		width:84%;
		}
		
		h1{
		font-size:1.2em
		}
		
		
		footer {
			width: 93.75%; /* 450px / 480px */
		}
		


img.logo{
	width:100%;
}



#topnav ul { display:none; }

	#mobilenavdropdown { float:right; width:70%; display:block; }
		#mobilenavtitle {
				float: left;
				margin: 10px 0;
				padding: 4px 4px 0px 30px;
				color: #fff;
				display: block;
				/*background: url(../images/mobilemenu.png) no-repeat left top;*/
				height: 25px;
				vertical-align: middle;
			}
			#mobilenavdropdown select { float:left; width:80%; display:block;  margin-bottom:-4px; margin-top:8px; font-size:0.9em;} 
		
		.second-row-nav{
	margin-top:0;
}

		
		p.introtext2 {
	font-size : 1.0em;
	}
	
	#offers {display:none;}
	