/* @group CSS Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* @end */


/* @group Global Layout */

html {
	height: 100%;
}
body {
	height: 100%;
}
.clearboth {
	clear: both;
	width: 100%;
	font-size: 0px;
}
.left {
	float: left;
}
.right {
	float: right;
}
.hide {
	display: none;
}
img {
	display: block;
}

/* @end */


/* @group Custom Layout */

body { background: #1e1e1e; }
#container { width: 100%; height: 100%; background: url(../assets/zoar_bg.jpg) repeat scroll left top; }
#splash { display: none; width: 184px; margin: 0 auto; padding: 20px; }
#splash_content { width: 184px; height: 223px; background: url(../assets/zoar_splash.png) no-repeat scroll left top; }
a {	cursor: pointer; }
a#button { display: block; width: 180px; height: 45px; margin: 0 auto; background: url(../assets/drone_btn_sprite.png) no-repeat scroll 0 0; }
a#button:hover, a#button:focus { background: url(../assets/drone_btn_sprite.png) no-repeat scroll 0 -50px; }
a#button:active { background: url(../assets/drone_btn_sprite.png) no-repeat scroll 0 -100px; }

/* @end */


/* @group Retina Images */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (-o-min-device-pixel-ratio: 3/2),
	only screen and (min--moz-device-pixel-ratio: 1.5),
	only screen and (min-device-pixel-ratio: 1.5) {
		#container { background: url(../assets/zoar_bg@2x.jpg) repeat scroll left top; background-size: 20px auto; }
		#splash_content { background: url(../assets/zoar_splash@2x.png) no-repeat scroll left top; background-size: 184px auto; }
		a#button { background: url(../assets/drone_btn_sprite@2x.png) no-repeat scroll 0 0; background-size: 180px auto; }
		a#button:hover, a#button:focus { background: url(../assets/drone_btn_sprite@2x.png) no-repeat scroll 0 -100px; }
		a#button:active { background: url(../assets/drone_btn_sprite@2x.png) no-repeat scroll 0 -200px; }
}

/* @end */