/* remove the highlighting of links on mobile devices, when tap */
body { -webkit-tap-highlight-color: rgba(0,0,0,0); }

/* Responsive navigation */
.resp_nav_menu {
	display:none;
	z-index: 999999999999999999999; 
	position: fixed;
	right: 20px;
}

.content img { width: auto; height: auto; max-width: 100%; margin-left: 0px; }

/* iPad 1 and up (landscape) */
@media screen and (max-device-width: 1024px) {
	#toTop {
		opacity: 1;
		filter: alpha(opacity=100);
	}
}

@media screen and (max-width: 1010px) {
	headerNav {
		background-color: #59595B;
		filter: none;
		background: url(../images/headerNav.png) left top repeat-x;
	}
}

/* iPads (landscape) */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	.js .nav,
	.sidebar { display:block; }
	.js .resp_nav_menu { display:none; }
}

/* iPads (portrait) */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.js .nav,
	.sidebar { display:none; }
	.js .resp_nav_menu { display:block; }
	
	.content { width: auto; }
	
	header .fltrt { margin-top: -30px; }
}

/* solely for responsive header navigation */
@media screen and (max-width: 766px) {
	body { border-top: 15px solid #E2F2F9; }
	
	.js .nav,
	.sidebar { display:none; }
	.js .resp_nav_menu { display: block; }
	
	.content { width: auto; }
	
	header .fltrt { font-size: 12px; margin-top: -15px; text-align: right; }
	
	td { padding: 2px 5px 2px 5px; }
}

/* Tablets Samsung Galaxy Note2 (portrait) */
@media screen and (max-width: 740px) { 
	.content img { margin-bottom: 0px; }
	footer p.left { display: none; }
	footer p.right { float: none; text-align: center; }
}

/* Smartphones (landscape) - eg Samsung Mini S3 4 - standard browser */
@media screen 
and (max-width : 528px) {
	header .fltrt { float: none; position: relative; margin-top: 15px; text-align: center; }
	.signature { 
		width: 100%;
	}
}

@media screen 
and (max-width : 440px) {
	div.content table.less { margin-right: -50px; }
}

@media screen 
and (max-width : 360px) {
	div.content table.less { margin-right: -100px; }
}