@media screen and (max-width: 1020px) {

	html {-webkit-text-size-adjust: none;}

	body {background: url(../images/background_home.jpg) center top no-repeat fixed #FFFFFF;}
	body#about {background: url(../images/background_about.jpg) center top no-repeat fixed #FFFFFF;}
	body#services {background: url(../images/background_services.jpg) right top no-repeat fixed #FFFFFF;}
	body#contact {background: url(../images/background_contact.jpg) right top no-repeat fixed #FFFFFF;}
	
	a[href^="tel"]{color:inherit; text-decoration:none;}
	
	hr {width: 100%;}
	
	#home_title, #home_text, #about_title, #about_text {width: auto;}
	#jobs_title {padding: 0;}
	
	#home #jobs_blog .athCmsEntry {float: none; width: auto; margin: 0 0 20px 0;}
	#jobs_blog .athCmsEntry {float: none; width: auto; margin: 0 0 20px 0;}
	#jobs_blog .athCmsEntryTitle {width: auto;}
	
	a.athCmsReadMoreLink:link {float: none; width: auto; height: auto; text-align: left; padding: 11px 15px 11px 15px;}
	a.athCmsReadMoreLink:visited {float: none; width: auto; height: auto; text-align: left; padding: 11px 15px 11px 15px;}
	a.athCmsReadMoreLink:active {float: none; width: auto; height: auto; text-align: left; padding: 11px 15px 11px 15px;}
	a.athCmsReadMoreLink:hover {float: none; width: auto; height: auto; text-align: left; padding: 11px 15px 11px 15px;}
	
	a.cmsDocument:link {float: none; width: auto; height: auto; padding: 11px 15px 11px 65px; position: relative; top: 31px;}
	a.cmsDocument:visited {float: none; width: auto; height: auto; padding: 11px 15px 11px 65px; position: relative; top: 31px;}
	a.cmsDocument:active {float: none; width: auto; height: auto; padding: 11px 15px 11px 65px; position: relative; top: 31px;}
	a.cmsDocument:hover {float: none; width: auto; height: auto; padding: 11px 15px 11px 65px; position: relative; top: 31px;}
	
	input, textarea {width: 85%;}
	input.short, input.admin {width: 85%;}
	select {width: 90%; background: url(../images/arrow.png) right center no-repeat #EEEEEE;}
	
	h1 {font-size: 30px; line-height: 32px;}
	#slideshowText h1, #parallaxText h1 {font-size: 26px; line-height: 28px;}
	
	#wrapperHeader {width: auto; height: auto;}
	#wrapperHeaderImageHome {width: auto; height: auto;}
	#wrapperHeaderImage {width: auto; height: auto;}
	#wrapperMain {width: auto; height: auto;}
	#wrapperJobs {width: auto; height: auto;}
	#home #parallax {width: auto; height: 800px; background: url(../images/parallax.jpg) center center scroll no-repeat;}
	#jobs #parallax, #admin #parallax {width: auto; height: 800px; background: url(../images/parallax2.jpg) center top scroll no-repeat;}
	#about #parallax {width: auto; height: 800px; background: url(../images/parallax3.jpg) center top scroll no-repeat;}
	#contact #parallax {width: auto; height: 800px; background: url(../images/header_image1.jpg) center bottom scroll no-repeat;}
	
	table.main {width: 100%;}

	#logo {float: none; text-align: center; margin: 30px 30px 15px 30px;}
	#logo img {max-width: 100%; height: auto;}

	#contactNav {float: none; text-align: center; padding: 0;}

	#telephone {width: auto; padding: 0 30px 0 30px;}

	#nav {text-align: center; padding: 0;}
	#nav li a:link {color: #333333; display: block; background-image: none; background: #FFFFFF; padding: 10px 0 10px 0; margin: 0;}
	#nav li a:visited {color: #333333; display: block; background-image: none; background: #FFFFFF; padding: 10px 0 10px 0; margin: 0;}
	#nav li a:active {color: #333333; display: block; background-image: none; background: #FFFFFF; padding: 10px 0 10px 0; margin: 0;}
	#nav li a:hover {color: #FFFFFF; display: block; background-image: none; background: #30B0C2; padding: 10px 0 10px 0; margin: 0; border: none;}
	body#home a#navhome, body#jobs a#navjobs, body#about a#navabout, body#contact a#navcontac {color: #FFFFFF; display: block; background-image: none; background: #30B0C2; padding: 10px 0 10px 0; margin: 0; border: none;}
	
	.nav-toggle {-webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 70px; height: 50px; text-indent: -9999px; overflow: hidden; background: url(../images/menu.gif) 50% 48% no-repeat #30B0C2; position: relative; display: block; padding: 0; margin: 0;}
	
	#slideshowText {width: auto; font-size: 18px; font-weight: 700; padding: 30px 30px 50px 30px;}
	#parallaxText {width: auto; font-size: 18px; font-weight: 700; padding: 30px;}

	#mainText {width: auto; padding: 30px 30px 50px 30px;}
	#admin #mainText {padding: 30px;}
	.mainText {width: auto; padding: 30px 30px 70px 30px;}
	.mainTextJobs {width: auto; padding: 30px;}

	#buttonAlignment {padding: 0;}

	#footer {width: auto; padding: 50px 30px 50px 30px;}
	
	td.formTitle {display: block; width: auto;}

}

img {max-width: 100%; height: auto; width: auto\9; /* ie8 */}