/* generic */

@media only screen and (max-width: 767px) {		
	#container { width:auto; }
	div { width:auto !important; float:none  !important; }

	#header { height:80px; }
	#call { top:40px; right:10px; }
	#call span { display:none; }
	#logo { top:25px; }
	#logo img {  height:50px; }
	#nav { width:auto; height:auto; padding:1px; position:relative; top:0;  }
	#navigationtop { top:0; left:0; font-size:14px !important }
	#navigationtop a { padding-top:5px; padding-bottom:5px; height:auto; line-height:normal; }
	#nav ul { position:relative;  padding:1px; margin:0;}
	#nav li { float:none; padding:1px; margin-bottom:1px; margin-top:1px; background-color:#378bcb;  }
	#nav ul li ul { background:none; position:relative; top:0; margin-left:15px; }
	#nav ul li ul li { width:auto; background-color:transparent; }
	
	.box { margin-right:0 !important; }
	
	#content2 { padding:5px; }
	#content h1 { margin-top:5px; padding-top:25px; margin-bottom:5px; padding-bottom:0; line-height:40px; height:auto; width:auto; } 
	#content p.breadcrumbs { padding-left:0; }
	
	img { max-width:300px; }
	
	.column1 { margin-right:0; }
	.column2 { margin-top:0; }
	.column1a { margin-right:0; }
	.column2a { margin-right:0; padding:0; margin-top:10px; }
	
	 
}


/* turn specific things off */

@media only screen and (max-width: 767px) {		
	#column1 { display:none; }
	#banner1 { display:none; }
	#backcontainer, #backcontainer.other { background:url(media/backmobile.jpg); background-repeat:repeat-x; } 
	#customerlogin { display:none; }
	#logincontent { display:none; }
	#footercontent { display:none; }
}