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

	body {
	padding: 33px 0px 0px 0px;
	}

	h1 {
	margin: 30px 0px 10px 0px;
	}

	#logo {
	width: 106px;
	height: 33px;
	float: left;
	background: transparent url('../images/logo-small.jpg') left top no-repeat;
	}
	#logo img {
	width: 106px;
	height: 33px;
	display: none;
	}

	#social {
	background: transparent;
	}

	#nav {
	position: absolute;
	position: fixed;
	top: 0px;
	left: 106px;
	text-indent: 0em;
	width: 100%;
	height: 33px;
	background: #222222;
	padding: 0px 0px 0px 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-top: 0px;
	border-radius: 0px;
	overflow: auto;
	}
	#nav li {
	float: left;
	padding: 0px 0px 0px 0px;
	}
	#nav li.atismenu{
	margin:0 89px 0 0;
	clear:none;
	float:right;
	}
	#nav li a {
	font-size: 11px;
	padding: 8px 10px 8px 10px;
	display: block;
	}
	#nav li.navbottom {
	width: auto;
	padding: 0px 0px 0px 0px;
	border-top: none;
	margin: 0px 0px 0px 0px;
	}
	#nav li.navbottom a {
	font-size: 11px;
	padding: 8px 10px 8px 10px;
	display: block;
	}
	#nav li.navbottom a.first {
	padding: 8px 10px 8px 10px;
	border-right: none;
	}
	#nav li.navbottom a:hover {
	color: #ffdc44;
	background: rgb(0, 0, 0); /* Fallback */
	background: rgba(0, 0, 0, 0.5);
	text-shadow: 0px 1px 0px #000000;
	filter: dropshadow(color=#000000, offx=0, offy=1);
	}

	#contentarea {
	padding: 0px 0px 0px 0px;
	}

	#bgmask {
	height: 53px;
	}

	#plannerpreviewbox {
	margin: 33px 0px 20px -364px;
	}

	#plannerpreviewstart {
	margin: 33px 0px 20px -364px;
	}

	#sharesave {
	padding: 0px 0px 0px 0px;
	}

	#nav_home a {
	width: 180px;
	padding: 22px 0px 21px 30px;
	}

	#infoboxfull {
	width: 614px;
	}
	.plannerlink {
	background-position: 25px 22px;
	}
	.showcaselink {
	background-position: 56px 22px;
	}
	.warrantylink {
	background-position: 57px 20px;
	}

	.ui-dialog {
	padding: 0px 0px 40px 0px !important;
	}

}