@font-face{
	font-family:'nexa_lightregular';
	src:url('fonts/nexa_light-webfont.eot');
	src:
		url('fonts/nexa_light-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/nexa_light-webfont.svg#nexa_lightregular') format('svg'),
		url('fonts/nexa_light-webfont.woff') format('woff'),
		url('fonts/nexa_light-webfont.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}

*,
:before,
:after{
	padding:0;
	margin:0;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

a:active{
	background-color:transparent;/* IE. */
}

html{
	position:relative;
	display:block;
	width:100%;
	height:100%;
	min-width:900px;
	min-height:600px;
	text-align:center;
}
	body{
		display:inline-block;
		width:460px;
		vertical-align:middle;
		color:black;
		cursor:default;
		background-color:hsl(40,18%,97%);
		font-family:"nexa_lightregular",sans-serif;
		text-align:center;
		z-index:1;
	}
	html:after{
		content:"";
		display:inline-block;
		height:100%;
		width:0;
		vertical-align:middle;
		white-space:nowrap;
	}




		#bgLeft,
		#bgRight,
		#bgTop,
		#bgBottom{
			position:absolute;
			background-repeat:no-repeat;
			z-index:-1;
		}

		#bgLeft,
		#bgRight{
			top:0;
			bottom:0;
			width:30%;
			min-width:80px;
			max-width:400px;
			background-size:cover;
		}
		#bgLeft{
			left:0;
			background-image:url("images/bgLeft.jpg");
			background-position:right bottom;
		}
		#bgRight{
			right:0;
			background-image:url("images/bgRight.jpg");
			background-position:left bottom;
		}
		#bgTop,
		#bgBottom{
			left:0;
			right:0;
			height:20%;
			min-height:80px;
			max-height:200px;
			background-size:contain;
		}
		#bgTop{
			top:0;
			background-image:url("images/bgTop.jpg");
			background-position:bottom;
		}
		#bgBottom{
			bottom:0;
			background-image:url("images/bgBottom.png");
			background-position:top;
		}





		#logo{
			display:inline-block;
			margin-bottom:0px;
			width:60px;
			height:60px;
			font-size:0;
			text-indent:9999px;
			overflow:hidden;
			background-image:url("images/logo.png");
			background-size:cover;
		}
		p{
			font-size:16px;
			letter-spacing:1px;
			color:#444;
		}
		h1{
			line-height:62px;
			font-size:22px;
			font-weight:bold;
			letter-spacing:-1px;
			text-transform:uppercase;
			word-spacing:6px;
			color:#fc8d2c;
		}
		ul{
			display:inline-block;
			padding-left:16px;
			font-size:0;
			text-align:left;
			background-image:url("images/marker.png");
			background-repeat:repeat-y;
			color:#444;
		}
			li{
				line-height:20px;
				font-size:15px;
				list-style-type:none;
				list-style-position:inside;
			}
			li:before{

			}
.get-started{
display: block;
width: 380px;
height: 60px;
margin: 42px auto 0 auto;
padding: 0 0 16px 0;
box-sizing: content-box;
-moz-box-sizing: content-box;
line-height: 1;
font-size: 24px;
text-transform: uppercase;
text-decoration: none;
background: transparent url("images/button.png");
background-repeat: no-repeat;
background-size: cover;
color: white;
text-align: center;
vertical-align: top;
transition: .1s linear;
border: none;
outline: none;
cursor: pointer;
position:relative;
}
.get-started i{
font-style:normal;
display:block;
position:absolute;
width:100%;
text-align:center;
top:18px;
left:0;
}
		.get-started:hover{
			opacity:.9;
		}