article, aside, figure, footer, header, nav, section { display: block; }

/** Structure */
body { margin: 0; padding: 0; background: #222; color: #ccc; }
#wrap { }
#slideshow { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; }
	#slideshow ul { position: relative; z-index: 10; width: 100%; height: 100%; margin: 0; padding: 0; list-style: none; }
		#slideshow ul li { width: 100%; height: 100%; }
	.inn { position: absolute; left: 0; bottom: 0; z-index: 20; padding: 8px 12px; background: rgba(0,0,0,0.9); color: #fff; }
#content { position: absolute; overflow: scroll; top: 0; right: 0; bottom: 0; z-index: 40; width: 370px; height: 100%; padding: 0 40px; border-left: solid 5px #fff; background: #444; }
	#unique-inns { margin: 40px auto 20px;  }
	#unique-inns a { display: block; width: 356px; height: 60px; background: url('/sites/subscribe/img/logo.png'); text-indent: -9999px; }

/** Typography */
body { font: 15px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif; }

p { margin: 0 0 10px; }

h1 { margin: 0 0 20px; color: #fff; font-size: 24px; font-weight: normal; line-height: 30px; text-align: center; }
h1 strong { font-size: 30px; font-weight: bold; }
h2 { margin: 0 0 20px; }
h3 { margin: 15px 0 5px; font-size: 15px; }

.inn h3 { margin: 0; line-height: 20px; }
.inn p { margin: 0; font-size: 15px; line-height: 20px; }

.view-inns { color: #fff; }

.errors { display: none; margin: 0 0 10px; padding: 10px; background: #c00; color: #fff; }
	.errors p { margin: 0; }
	
form { margin: 20px 0 10px; }
	form ul { overflow: hidden; margin: 0 -6px 0 -5px; padding: 0; list-style: none; }
		form li { float: left; margin: 0 5px 10px; }
		form .name { width: 180px; }
			form .name input { width: 170px; }
		form .email { width: 270px; }
			form .email input { width: 260px; }
		form .button { width: 90px; }
input { display: block; margin: 0; padding: 5px; border: none; font: 15px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif; }
button { display: block; width: 90px; margin: 0; padding: 5px 0; border: none; font: 15px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif; }

input.error { background: #fdd; }

.fine-print { margin: 0 0 4 0px; color: #888; font-size: 12px; line-height: 15px; }

.accessibility { display: none; }

a { color: #fff; }

@media screen and (max-width: 910px) {
	body { font-size: 13px; line-height: 18px; }
	#content { width: 40.6593407%; min-width: 299px; }
		#unique-inns { width: 267px; height: 45px; background-size: 267px 45px; }
		
	h1 { font-size: 17px; line-height: 20px; }
	h1 strong { font-size: 20px; }
	
	form .name { width: 145px }
		form .name input { width: 135px; }
	form .email { width: 300px }
		form .email input { width: 290px; }
	form .button { }
	
	.fine-print { font-size: 11px; }
}

@media screen and (max-width: 480px) {
	body { padding: 0 20px; background: #444; font-size: 13px; line-height: 18px; }
	
	#slideshow, #slideshow ul, #slideshow li { display: none; }
	#content { position: static; overflow: inherit; width: auto; border: none; padding: 0; }
		#unique-inns { width: 267px; height: 45px; background-size: 267px 45px; }
		
	h1 { font-size: 17px; line-height: 20px; }
	h1 strong { font-size: 20px; }
	
	.fine-print { font-size: 11px; }
}