html,button,input,select,textarea {
	color:#FFF
}

@font-face {
	font-family:'Myriad Set Pro';
	font-style:normal;
	font-weight:100;
	src:url(/fonts/myriad-set-pro_ultralight.woff) format("woff"),url(/fonts/myriad-set-pro_ultralight.ttf) format("truetype")
	/* Copyright (c) 1992 Adobe Systems Incorporated. All Rights Reserved. Myriad is a trademark of Adobe Systems Incorporated. */
}

@font-face {
	font-family:'Myriad Set Pro';
	font-style:normal;
	font-weight:200;
	src:url(/fonts/myriad-set-pro_thin.woff) format("woff"),url(/fonts/myriad-set-pro_thin.ttf) format("truetype")
	/* Copyright (c) 1992 Adobe Systems Incorporated. All Rights Reserved. Myriad is a trademark of Adobe Systems Incorporated. */
}

@font-face {
	font-family:'Myriad Set Pro';
	font-style:normal;
	font-weight:200;
	src:url(http://www.appletimer.com/fonts/myriad-set-pro_thin.woff) format("woff"),url(http://www.appletimer.com/fonts/myriad-set-pro_thin.ttf) format("truetype")
	/* Copyright (c) 1992 Adobe Systems Incorporated. All Rights Reserved. Myriad is a trademark of Adobe Systems Incorporated. */
}

@font-face {
	font-family:'SF Pro Display';
	font-style:normal;
	font-weight:500;
	src:url(/fonts/sf-pro-display_medium.woff) format("woff"),url(/fonts/myriad-set-pro_ultralight.ttf) format("truetype")
	/* Copyright (c) 1992 Adobe Systems Incorporated. All Rights Reserved. Myriad is a trademark of Adobe Systems Incorporated. */
}

@font-face {
	font-family:'SF Pro Display';
	font-style:normal;
	font-weight:200;
	src:url(/fonts/sf-pro-display_regular.woff) format("woff"),url(/fonts/myriad-set-pro_thin.ttf) format("truetype")
	/* Copyright (c) 1992 Adobe Systems Incorporated. All Rights Reserved. Myriad is a trademark of Adobe Systems Incorporated. */
}

@font-face {
	font-family:'SF Pro Display';
	font-style:normal;
	font-weight:400;
	src:url(/fonts/sf-pro-display_light.woff) format("woff"),url(http://www.appletimer.com/fonts/myriad-set-pro_thin.ttf) format("truetype")
	/* Copyright (c) 1992 Adobe Systems Incorporated. All Rights Reserved. Myriad is a trademark of Adobe Systems Incorporated. */
}
html {
	font-size:1em;
	line-height:1em;
}

body {
    line-height: 1.6em;
    background:#060709;
	background-repeat:no-repeat;
	background-position:fixed;
	background-image:linear-gradient(50%,#000,#060709,#212328,#424448,#686a6d);
	background-attachment:fixed;
	background:-webkit-linear-gradient(#000,#060709,#212328,#424448,#686a6d);
	background:-o-linear-gradient(#000,#060709,#212328,#424448,#686a6d);
	background:-moz-linear-gradient(#000,#060709,#212328,#424448,#686a6d);
	background:linear-gradient(#000,#060709,#212328,#424448,#686a6d);
	width:8oopx;
	color:#FFF;
	font-family:'SF Pro Display','Myriad Set Pro','Helvetica','Arial',sans-serif;
	font-weight:200;
	font-size:25px;
	margin:0
}

h1 {
	font-size:40px;
	font-family:'SF Pro Display','Myriad Set Pro','Helvetica','Arial',sans-serif;
	font-weight:200;
	transition:all .2s linear;
	/*-webkit-transition: all 0.2s linear;*/
	text-decoration:none;
	margin-bottom:30px
}

h2 {
	font-size:25px;
	font-family:'SF Pro Display','Myriad Set Pro','Helvetica','Arial',sans-serif;
	font-weight:200;
	transition:all .2s linear;
    line-height: 1.3em;
	/*-webkit-transition: all 0.2s linear;*/
}

#preordertitle {
	font-size:30px;
	font-family:'SF Pro Display','Myriad Set Pro','Helvetica','Arial',sans-serif;
	font-weight:200;
	transition:all .2s linear
	/*-webkit-transition: all 0.2s linear;*/
}

h3 {
	font-size:50px;
	font-family:'SF Pro Display','Myriad Set Pro','Helvetica','Arial',sans-serif;
	font-weight:200;
	transition:all .2s linear;
	/*-webkit-transition: all 0.2s linear;*/
	text-decoration:none;
	margin-top:auto
}

h4 {
	font-size:100px;
	font-family:'SF Pro Display','Myriad Set Pro','Helvetica','Arial',sans-serif;
	font-weight:200;
	transition:all .2s linear;
	/*-webkit-transition: all 0.2s linear;*/
	text-decoration:none;
	margin-bottom:0;
	margin-top:40px
}
h5 {
	font-size:30px;
	font-family:'SF Pro Display','Myriad Set Pro','Helvetica','Arial',sans-serif;
	font-weight:200;
	transition:all .2s linear;
	/*-webkit-transition: all 0.2s linear;*/
	text-decoration:none;
	margin-top:5px;
	margin-bottom:25px;
	color:#e3e3e3
}
h6 {
	font-size:20px;
	font-family:'SF Pro Display','Myriad Set Pro','Helvetica','Arial',sans-serif;
	font-weight:200;
	transition:all .2s linear;
	/*-webkit-transition: all 0.2s linear;*/
	text-decoration:none;
	margin-top:5px;
	margin-bottom:0;
	color:#b2b2b2
}

.logo {
    background:url(/img/logo.svg)
}

::-moz-selection {
	background:#b3d4fc;
	text-shadow:none
}

::selection {
	background:#b3d4fc;
	text-shadow:none
}


hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
	margin:1em 0;
	padding:0
}


audio,canvas,img,video {
	vertical-align:middle
}

#img.source-image {
	width:100%;
	position:absolute;
	top:0;
	left:0
}

/*
* Remove default fieldset styles.
*/
fieldset {
	border:0;
	margin:0;
	padding:0
}

/*
* Allow only vertical resizing of textareas.
*/
textarea {
	resize:vertical
}

/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    `contenteditable` attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/
.clearfix:before,.clearfix:after {
	content:" ";
	/* 1 */
	display:table
	/* 2 */
}

.clearfix:after {
	clear:both
}

/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
	*zoom:1
}

html {
	display:table;
	height:100%;
	width:100%
}

body {
	display:table-cell;
	vertical-align:middle
}

.maincontentarea {
	padding-top:25px;
	padding-bottom:auto;
	text-align:center;
	/*padding:20px;
	padding-left:10px;
	padding-right:10px*/
}

.countdown {
	line-height:1.2em;
	margin:0 auto;
	max-width:800px;
	text-align:center
}

/* Example 1 */
.base-swag .countdown {
	line-height:1.1;
	padding:15px 0
}

.base-swag .at-days,.base-swag .at-hours,.base-swag .at-minutes,.base-swag .at-seconds,.base-swag .at-dseconds,.base-swag .at-mseconds {
	font-family:'SF Pro Display','Myriad Set Pro','Helvetica','Arial',sans-serif;
	font-weight:200
}

.base-swag .at-days-label,.base-swag .at-hours-label,.base-swag .at-minutes-label,.base-swag .at-seconds-label,.base-swag .at-dseconds-label,.base-swag .at-mseconds-label {
	display:block;
	text-transform:none;
	font-weight:200;
	font-size:1.2em;
	color:#FFF;
	/*letter-spacing:.02em;*/
	font-family:'SF Pro Display','Myriad Set Pro','Helvetica Neue','Helvetica Neue XP','Helvetica','Arial',sans-serif
}

.base-swag .at-dseconds {
	display:inline-block;
	width:150px
}

.base-swag .at-mseconds {
	display:inline-block;
	width:150px
}

.base-swag .col {
	display:block;
	padding-bottom:20px;
	margin:0 40px;
}

/*Screen Size Rules*/

@media all and (min-width: 540px) {
	.base-swag .at-days,.base-swag .at-hours,.base-swag .at-minutes,.base-swag .at-seconds,.base-swag .at-dseconds,.base-swag .at-mseconds {
		font-size:4.5em
	}

	.base-swag .col {
		display:inline-block
	}
    
    .logo {
        background-image: url(/img/logo.png);
        width: 115px;
        height: 115px;
        margin-left: auto;
        margin-right: auto;
        background-size: contain;
    }
}

@media all and (max-width: 540px) {
	.base-swag .at-days,.base-swag .at-hours,.base-swag .at-minutes,.base-swag .at-seconds,.base-swag .at-dseconds,.base-swag .at-mseconds {
		font-size:2.8em
	}

	.base-swag .col {
		display:inline-block
	}
    
    .logo {
        background-image: url(/img/logo.png);
        width: 75px;
        height: 75px;
        margin-left: auto;
        margin-right: auto;
        background-size: contain;
    }
}

/*End of Screen Size Rules*/

a:link,a:active,a:hover,a:visited {
	color:#FFF
}

a:link,a:active,a:visited {
	text-decoration:none;
	transition:all .1s linear
}

a:hover {
	text-decoration:none;
	transition:all .1s linear;
	color:#afafaf
}

#button7 {
	visibility:visible;
	display:inline-block;
	position:relative;
	left:0;
	right:0;
	margin:0 auto;
	margin-bottom:1em;
	border-radius:.4em;
	font-size:25px;
	cursor:pointer;
	top:1em;
	background-color:rgba(255,255,255,.10);
	padding:.35em 1.1em;
	transition:all .2s;
	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	-ms-transition:all .2s;
	color:#fff;
	border:1px solid #fff;
	text-decoration:none
}

#button7:hover {
	background-color:#fff;
	color:#000;
	border-radius:.6em
}


#buttongray {
	visibility:visible;
	display:inline-block;
	position:relative;
	left:0;
	right:0;
	margin:0 auto;
	margin-bottom:1em;
	border-radius:.4em;
	font-size:25px;
	cursor:pointer;
	top:1em;
	background-color:rgba(128, 128, 128, 0.51);
	padding:.35em 1.1em;
	transition:all .2s;
	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	-ms-transition:all .2s;
	color:#aaaaaa;
	border:1px solid #aaaaaa;
	text-decoration:none
}

#buttongray:hover {
	background-color:#8e8e8e;
	color:#000;
	border-radius:.6em;
    border:1px solid #aaaaaa;
}
.prettybird {
	width:800px;
	margin:auto
}

.sponsorama {
	width:480px;
	margin:auto
}

.floatLeft {
	float:left
}

.floatRight {
	float:right
}

.fancyStuff {
	visibility:visible;
	display:inline-block;
	position:relative;
	left:0;
	right:0;
	margin:0 auto;
	margin-bottom:1em;
	border-radius:.4em;
	font-size:25px;
	cursor:pointer;
	top:1em;
	padding:.4em 1.5em;
	transition:all .2s;
	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	-ms-transition:all .2s;
	color:#000;
	border:1px solid #fff;
	text-decoration:none
}

.fancystuff:hover {
	background-color:#fff;
	cursor:text
}

.:hover {
	background-color:#fff;
	cursor:pointer;
	border-radius:.8em
}

.containMe {
	width:800px;
	margin:auto
}

.fancyStuffsend {
	visibility:visible;
	display:inline-block;
	position:relative;
	left:0;
	right:0;
	margin:0 auto;
	margin-bottom:1em;
	border-radius:.4em;
	font-size:25px;
	cursor:pointer;
	top:1em;
	padding:.4em 1.5em;
	transition:all .2s;
	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	-ms-transition:all .2s;
	color:#fff;
	border:1px solid #fff;
	text-decoration:none
}

.fancystuffsend:hover {
	background-color:#fff;
	color:#000;
	border-radius:.8em
}

.cloakingDevice {
	/* make the form buttons transparent you dolt */
	/* then remove this stuff */
	background-color:#fff;
	color:#999
}


#buttonorder {
	visibility:visible;
	display:inline-block;
	position:relative;
	left:0;
	right:0;
	margin:0 auto;
	margin-bottom:1.5em;
	border-radius:.4em;
	font-size:25px;
	background-color:rgba(255,255,255,0.10);
	cursor:pointer;
	top:0;
	padding:.4em 1.5em;
	transition:all .2s;
	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	-ms-transition:all .2s;
	color:#fff;
	border:1px solid #fff;
	text-decoration:none
}

#buttonorder:hover {
	background-color:#fff;
	color:#000;
	border-radius:.6em
}


#at-countdown .at-col {
	display: inline-block;
	margin: 16px 40px 16px 40px;
	/*top, right, bottom,left*/

	padding-bottom: 0px;
}

.at-countdown{
	display: inline-block;
	margin: 30px 100px 0px 100px;
	/*top, right, bottom,left*/

	padding-bottom: 0px;
}