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

	#wrapper {
		width: 100%;
	}

}

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

	#twenty-years { left: 50%; }

	.main-l {
		width:67%;
	}

	.main-l-l, .main-l-r {
		width:50%;
	}

	.main-r {
		width:33%;
		margin-left:67%;
	}

	.small-col-l, .small-col-r, .unbal-col-l, .unbal-col-r, .unbal-col-l_flip, .unbal-col-r_flip, .unbal-col-l-swap, .unbal-col-r-swap, #feature-left, #feature-right {
		float:none;
		width:100%;
		border:0px;
	}

	#feature-left img, #feature-left image {
		margin:auto;
	}

	.res-hide, #conf-call-head, #conf-call-list {
		display:none;
	}

}

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

	#twenty-years { left: 40%; }
	#twenty-years image, #twenty-years img { height:90px; }
	#logo-row-two { display:block; }

	#hleft {
		width:30%;
	}

	#logo image, #logo img {
		float:left;
	}

	#logo {
		line-height:13px;
		font-size:12px;
	}

	#hpub {
		display: block;
	}

	#hright {
		width:40%;
	}

	#menu ul li {
		display:none;
	}

	#menu ul li.last {
		display:inline;
	}

	.main-l, .main-r {
		width:100%;
		float:none;
		margin:0;
	}

	.small-col-l, .small-col-r {
		float:left;
		width:50%;
	}

	.small-col-r, .unbal-col-r  {
		border-left:1px solid #d8dbde;
	}

	.unbal-col-l, .unbal-col-l-swap {
		float:left;
		width:40%;
	}

	.unbal-col-l-swap {
		border-right:1px solid #d8dbde;
	}

	.unbal-col-r, .unbal-col-r-swap {
		float:right;
		width:60%;
	}

	.unbal-col-r_flip {
		float:right;
		width:40%;
	}

	.unbal-col-l_flip {
		float:left;
		width:60%;
	}

	#footer-l ul li {
		width:49%;
	}

	#feature-left {
		width:20%;
		float:left
	}

	#feature-right {
		width:77%;
		float:right;
	}

	.res-hide {
		display:block;
	}

}

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

	#twenty-years { left: 62%; }
	#twenty-years image, #twenty-years img { height:77px; }

	#hright, #footer-l, #preview-headline, #viewerCanvas {
		display:none;
	}

	#hleft, .small-col-l, .small-col-r, .main-l-l, .main-l-r, #footer-l, #footer-r, .unbal-col-l, .unbal-col-r, .unbal-col-l_flip, .unbal-col-r_flip, .unbal-col-l-swap, .unbal-col-r-swap {
		float:none;
		width:100%;
		border:0px;
	}

	#menu-left {
		width:39%;
	}

	#menu-right {
		width:59%;
	}

	.book-inner h1 {
		font-size: 1.6em;
	}

	.book-inner h2 {
		font-size: 1.2em;
	}

	.book-inner h3 {
		font-size: 1em;
	}

	.book-inner img, .book-inner image {
		float:none;
		display:block;
		margin:auto;
	}

	#footer-l {
		display:none;
	}

	#footer-r {
		padding:5px;
	}

	#feature-right h1 {
		font-size:1.2em;
	}

}