
html {
	height: 100%
}
body {
	font-family: Sans-serif; color: #fff;
	font-size: 14px;
    line-height: 17px;
	background-color: #000;
	height: 100%
}

body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, textarea {
    border: 0 none;
    margin: 0;
    padding: 0;
}
a {
	color: #fff;
}
.curtains {
    width: 100%;
    z-index: 1;
	position:relative;
}
ul {
    margin-left: 25px;
}
ul.curtains  {
	height: 100%;
	margin-left: 0;
}
ul.curtains > li {
	-webkit-transform:translateZ(0);
	background: white;
	position: fixed;
	display:block;
	top: 0;
	left: 0;
	height: 100%;
	min-height: 100%;
	overflow: hidden;
	width: 100%;
	z-index:1;
}

.curtains>li.hidden{display:none;}
.curtains>li:first-child{z-index:2;}

section {
	overflow: hidden; height: 100%; position: relative;
	background-color: #000
}

#logo {
	background-image: url('images/logo.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom right;
	position: fixed;
	z-index: 999;
	right: -15%;
	bottom: 15px;
	width: 15%;
	height: 300px;
}

.hidden {
	display: none;
}

#intro { 
	background: #f8f8f8 url('images/hemi_6_series_3_type_s_background_small.jpg') left no-repeat; 
	background-size: contain;
}

#intro h1 {
	height: 163px;
	background: url('images/hemi_6_hpi_ignition_text.png');
	position: absolute; top: 45px; right: 10px;
	text-indent: -9999px;
	display: none;
	width: 56%; background-size: contain; background-position:right; background-repeat: no-repeat;
}

#intro h2 {
	height: 183px;
	background: url('images/logo.png');
	position: absolute; bottom: 22px; right: 10px;
	text-indent: -9999px;
	display: none;
	width: 56%; background-size: contain; background-position:right; background-repeat: no-repeat;
}

#intro p {
	color: #000000;
    right: 10px;
    position: absolute;
    top: 200px;
    width: 590px;
	line-height: 20px;
	display: none;
	background-color: rgba(255,255,255,0.7);
	padding: 10px 0px 10px 10px;
}
#intro p:nth-child(2) {
	font-weight: bold;
}

#hei_pickup { 
	background: #fff url('images/hei_pickup_background_small.jpg'); 
	background-size: cover; 
}
#hei_pickup h1 {
	width: 65%; height: 162px;
	background: url('images/hei_pickup_text.png');
	background-size: contain; 
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -9999px;
	left: -752px;
	position: absolute; bottom: 20px;
}

#oe_style_clip { 
	background: #fff url('images/oe_style_clip_background_small.jpg'); 
	background-size: cover; 
}
#oe_style_clip h1 {
	width: 65%; height: 162px;
	background: url('images/oe_style_clip_text.png');
	background-size: contain; 
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -9999px;
	left: -899px;
	position: absolute; bottom: 20px;
}

#simple_wiring { 
	background: #fff url('images/simple_wiring_background_small.jpg'); 
	background-size: cover; 
	background-position: 0 60%
}
#simple_wiring h1 {
	width: 65%; height: 161px;
	background: url('images/simple_wiring_text.png');
	background-size: contain; 
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -9999px;
	left: -982px;
	position: absolute; bottom: 20px;
}

#bronze_gear { 
	background: #fff url('images/bronze_gear_background_small.jpg'); 
	background-size: cover; 
	background-position: 0 60%
}
#bronze_gear h1 {
	width: 65%; height: 158px;
	background: url('images/bronze_gear_text.png');
	background-size: contain; 
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -9999px;
	left: -887px;
	position: absolute; bottom: 20px;
}

#transformer_coil { 
	background: #fff url('images/transformer_coil_background_small.jpg'); 
	background-size: cover; 
}
#transformer_coil h1 {
	width: 65%; height: 125px;
	background: url('images/transformer_coil_text.png');
	background-size: contain; 
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -9999px;
	left: -1238px;
	position: absolute; bottom: 20px;
}
#info {
	padding-top: 25px;
	font-size: 14px;
    line-height: 17px;
	padding: 15px
}
#info a.toggle {
	color: #000;
	font-size: 16px;
	background-color: #99EEFF;
    margin-left: 25px;
    padding: 3px 20px 2px 3px;
}

#info a.open {
	background-color: #fff;
}

#info blockquote {
	color: #ddd;
}

#info .content-toggle {
	margin-left:25px
}

.buynow_button {
	background-color: #99EEFF;
    color: #000000;
    display: block;
    float: left;
    font-size: 20px;
    font-weight: bold;
    line-height: 25px;
    margin: 10px;
    padding: 15px 35px;
    text-align: center;
    text-decoration: none;
}
a.buynow_button:hover, a.buynow_button:active {
	background-color: #fff;;
}
#keepscrolling {
	position: fixed;
	bottom: 15px;
	right: 30px;
	color: #fff;
	font-size: 26px;
    font-weight: bold;
}