/* Copyright Lyte Labs. All Rights Reserved. */

/* Web font */
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,300italic,400italic,600italic);

/* Selection */
::selection {
	background-color:#af0000;
	color:white;
	text-shadow:none;
}

::-moz-selection { 
	background-color:#af0000;
	color:white;
	text-shadow:none;
}

/* HTML5 Rest */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin:0px;
    padding:0px;
    border:none;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* Everything else... */
body {
	font-family:'Source Sans Pro','Helvetica Neue','Helvetica',arial;
	font-weight:400;
	color:#4A4A4A;
	background-image:url('tile.png');
	background-attachment:fixed;
	background-color:#E1BA59;
}

div#wrapper {
	margin-left:auto;
	margin-right:auto;
	max-width:800px;
	margin-top:30px;
	margin-bottom:40px;
	text-align:center;
	background-color:#FCFCFC;
	padding:50px;
	box-shadow:0px 0px 5px 1px darkGray;
	-moz-box-shadow:0px 0px 5px 1px darkGray;
	-ms-box-shadow:0px 0px 5px 1px darkGray;
	-o-box-shadow:0px 0px 5px 1px darkGray;
	-webkit-box-shadow:0px 0px 5px 1px darkGray;
	border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;
}

header {
	font-size:36pt;
	color:#af0000;
	font-weight:600;
	text-shadow: #8C0101 0 0px 3px;
	-moz-text-shadow: #8C0101 0 0px 3px;
	-webkit-text-shadow: #8C0101 0 0px 3px;
	-o-text-shadow: #8C0101 0 0px 3px;
	-ms-text-shadow: #8C0101 0 0px 3px;
}	

header img {
	display:block;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:200px;
}

div#checkout {
	font-size:18pt;
	margin:20px;
	padding-left:80px;
	padding-right:80px;
}

div#aboutimelt {
	font-size:14pt;
	padding-left:100px;
	padding-right:100px;
	margin-top:20px;
}

li.list {
	list-style-type:square;
	text-align:left;
}

ul#listHolder {
	margin-left:auto;
	margin-right:auto;
	width:500px;
	margin-top:10px;
	line-height:30px;
}

div#aboutimelt ul {
	list-style-type:none;
}

div#aboutimelt ul li.header {
	font-size:16pt;
	padding-bottom:5px;
	margin-top:15px;
	font-weight:bold;
}

div#checkout span {
	font-weight:600;
}

div#screenshots img {
	margin-right:10px;
	margin-left:10px;
	margin-top:20px;
	border:2px solid black;
	height:320px;
	width:213px;
}

button {
	-webkit-appearance:none;
	height:50px;
	width:150px;
	border:3px solid DarkGray;
	font-family:'Source Sans Pro',arial;
	background-color:lightGray;
	font-size:12pt;
	border-radius:3px;
	cursor:pointer;
}

button:hover {
	-webkit-appearance:none;
	height:50px;
	width:150px;
	border:3px solid DarkGray;
	font-family:'Source Sans Pro',arial;
	background-color:darkGray;
	font-size:12pt;
	border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;
}

footer {
	color:black;
	font-size:12pt;
	width:200px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-bottom:30px;
	font-weight:400;
	text-shadow:0px 0px 3px lightGray;
	-moz-text-shadow:0px 0px 3px lightGray;
	-ms-text-shadow:0px 0px 3px lightGray;
	-o-text-shadow:0px 0px 3px lightGray;
	-webkit-text-shadow:0px 0px 3px lightGray;
}

img.appstorebtn {
	opacity:0.8;
	cursor:pointer;
	-webkit-transition:opacity 0.3s;
}

img.appstorebtn:hover {
	opacity:1;
}

div#aboutimelt ul li#mainHeader {
	font-size:20pt;
}

/* Styles specific to main home page */

p#headerLyteText {
	font-size:16pt;
	margin-top:20px;
	line-height:35px;
	padding-left:60px;
	padding-right:60px;
}

section#app {
	margin:20px;
	background-color:lightGray;
	border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;
	border:1px solid darkGray inset;
	box-shadow:0px 0px 10px darkGray inset;
	-webkit-box-shadow:0px 0px 10px darkGray inset;
	-ms-box-shadow:0px 0px 10px darkGray inset;
	-o-box-shadow:0px 0px 10px darkGray inset;
	-moz-box-shadow:0px 0px 10px darkGray inset;
	font-size:16pt;
	padding:20px;
}

section#app figure {
	opacity:0.8;
	width:100px;
	margin-left:auto;
	margin-right:auto;
	cursor:pointer;
}

section#app figure:hover {
	opacity:1;	
}

section#app img {
	margin:15px;
	margin-bottom:0px;
}

section#app figcaption {
	font-size:12pt;
	text-align:center;
	margin-top:7px;
	padding:0px;
}

header a {
	text-decoration:none;
	color:#AF0000;
}

ul a {
	color:black;
}

#twitter_btn {
	position:fixed;
	left:15px;
	bottom:15px;
	box-shadow:0px 0px 7px #32bace;
	-ms-box-shadow:0px 0px 7px #32bace;
	-moz-box-shadow:0px 0px 7px #32bace;
	-webkit-box-shadow:0px 0px 7px #32bace;
	-o-box-shadow:0px 0px 7px #32bace;
	border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	-webkit-border-radius:4px;
}

#email_btn_holder {
	position:fixed;
	right:15px;
	bottom:15px;
	box-shadow:0px 0px 7px #32bace;
	-ms-box-shadow:0px 0px 7px #32bace;
	-moz-box-shadow:0px 0px 7px #32bace;
	-webkit-box-shadow:0px 0px 7px #32bace;
	-o-box-shadow:0px 0px 7px #32bace;
	border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	-webkit-border-radius:4px;
}

#email_btn {
	border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	-webkit-border-radius:4px;
	padding:5px;
	font-size:13px;
	font-family:'Helvetica Neue','Helvetica',arial;
	font-weight:600;
	background-color:rgb(239, 239, 239);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(248, 248, 248)), to(rgb(217, 217, 217)));
	background-image: -moz-gradient(linear, 0% 0%, 0% 100%, from(rgb(248, 248, 248)), to(rgb(217, 217, 217)));
	background-image: -o-gradient(linear, 0% 0%, 0% 100%, from(rgb(248, 248, 248)), to(rgb(217, 217, 217)));
	background-image: -ms-gradient(linear, 0% 0%, 0% 100%, from(rgb(248, 248, 248)), to(rgb(217, 217, 217)));
	cursor:pointer;
}

#email_btn:hover {
	background-color: #f8f8f8;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#d9d9d9));
	background-image: -moz-linear-gradient(top,#f8f8f8,#d9d9d9);
	background-image: -o-linear-gradient(top,#f8f8f8,#d9d9d9);
	background-image: -ms-linear-gradient(top,#f8f8f8,#d9d9d9);
	background-image: linear-gradient(top,#f8f8f8,#d9d9d9);
	-ms-box-shadow: none;
	-o-box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;	
}

#email_btn a {
	text-decoration:none;
	color:rgb(51,51,51);
	text-shadow:rgba(255, 255, 255, 0.496094) 0px 1px 0px;
	-webkit-text-shadow:rgba(255, 255, 255, 0.496094) 0px 1px 0px;
	-moz-text-shadow:rgba(255, 255, 255, 0.496094) 0px 1px 0px;
	-o-text-shadow:rgba(255, 255, 255, 0.496094) 0px 1px 0px;
	-ms-text-shadow:rgba(255, 255, 255, 0.496094) 0px 1px 0px;
}
		
button.video
{
    /* General  */


    /* Size */
	height: 40px;
	width: 160px;
	margin-top:20px;
	margin-bottom:20px;


    /* Fill */
	background-color: transparent;
	background-origin: border-box;
	background-image:  -webkit-gradient(linear,  50% 100%,  50%   0%,  color-stop(0.000, hsla(0.0, 0.0%, 20.0%, 1.00)) , color-stop(0.505, hsla(0.0, 0.0%, 10.0%, 1.00)) , color-stop(0.507, hsla(0.0, 0.0%, 20.0%, 1.00)) , color-stop(1.000, hsla(0.0, 0.0%, 30.0%, 1.00)) ); /* Saf4+, Chrome */
	background-image:  -webkit-linear-gradient(90deg,  hsla(0.0, 0.0%, 20.0%, 1.00) 0.0% , hsla(0.0, 0.0%, 10.0%, 1.00) 50.5% , hsla(0.0, 0.0%, 20.0%, 1.00) 50.7% , hsla(0.0, 0.0%, 30.0%, 1.00) 100.0% ); /* Chrome 10+, Saf5.1+ */
	background-image:     -moz-linear-gradient(90deg,  hsla(0.0, 0.0%, 20.0%, 1.00) 0.0% , hsla(0.0, 0.0%, 10.0%, 1.00) 50.5% , hsla(0.0, 0.0%, 20.0%, 1.00) 50.7% , hsla(0.0, 0.0%, 30.0%, 1.00) 100.0% ); /* FF3.6 */
	background-image:      -ms-linear-gradient(90deg,  hsla(0.0, 0.0%, 20.0%, 1.00) 0.0% , hsla(0.0, 0.0%, 10.0%, 1.00) 50.5% , hsla(0.0, 0.0%, 20.0%, 1.00) 50.7% , hsla(0.0, 0.0%, 30.0%, 1.00) 100.0% ); /* IE10 */
	background-image:       -o-linear-gradient(90deg,  hsla(0.0, 0.0%, 20.0%, 1.00) 0.0% , hsla(0.0, 0.0%, 10.0%, 1.00) 50.5% , hsla(0.0, 0.0%, 20.0%, 1.00) 50.7% , hsla(0.0, 0.0%, 30.0%, 1.00) 100.0% ); /* Opera 11.10+ */
	background-image:          linear-gradient(90deg,  hsla(0.0, 0.0%, 20.0%, 1.00) 0.0% , hsla(0.0, 0.0%, 10.0%, 1.00) 50.5% , hsla(0.0, 0.0%, 20.0%, 1.00) 50.7% , hsla(0.0, 0.0%, 30.0%, 1.00) 100.0% ); /* Standards Compliant */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#FF4C4C4C, EndColorStr=#FF4C4C4C); /* IE6 to IE9 */
	zoom: 1;


    /* Stroke  */
	border: 1px solid hsla(0.0, 0.0%, 0.0%, 1.00);
	-moz-border-radius: 5px; /* FF1-3.6 */
	-webkit-border-radius: 5px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
	border-radius: 5px 5px 5px 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */


    /*  Label  */
	color: hsla(0.0, 0.0%, 100.0%, 1.00);
	font-family: "Helvetica","Verdana","Arial","sans-serif";
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	text-shadow: 0px -1px 0px hsla(0.0, 0.0%, 0.0%, 1.00);


    /*  Shadow & Inner Shadow */
	box-shadow:0px 1px 2px hsla(0.0, 0.0%, 0.0%, 0.50),inset 0px 1px 0px hsla(0.0, 0.0%, 100.0%, 0.15);


    /*  Opacity  */
	opacity: 1.000;

}

button.video:hover
{
    /* General  */


    /* Size */
	height: 40px;
	width: 160px;


    /* Fill */
	background-color: transparent;
	background-origin: border-box;
	background-image:  -webkit-gradient(linear,  50% 100%,  50%   0%,  color-stop(0.000, hsla(0.0, 0.0%, 25.0%, 1.00)) , color-stop(0.505, hsla(0.0, 0.0%, 15.0%, 1.00)) , color-stop(0.507, hsla(0.0, 0.0%, 25.0%, 1.00)) , color-stop(1.000, hsla(0.0, 0.0%, 35.0%, 1.00)) ); /* Saf4+, Chrome */
	background-image:  -webkit-linear-gradient(90deg,  hsla(0.0, 0.0%, 25.0%, 1.00) 0.0% , hsla(0.0, 0.0%, 15.0%, 1.00) 50.5% , hsla(0.0, 0.0%, 25.0%, 1.00) 50.7% , hsla(0.0, 0.0%, 35.0%, 1.00) 100.0% ); /* Chrome 10+, Saf5.1+ */
	background-image:     -moz-linear-gradient(90deg,  hsla(0.0, 0.0%, 25.0%, 1.00) 0.0% , hsla(0.0, 0.0%, 15.0%, 1.00) 50.5% , hsla(0.0, 0.0%, 25.0%, 1.00) 50.7% , hsla(0.0, 0.0%, 35.0%, 1.00) 100.0% ); /* FF3.6 */
	background-image:      -ms-linear-gradient(90deg,  hsla(0.0, 0.0%, 25.0%, 1.00) 0.0% , hsla(0.0, 0.0%, 15.0%, 1.00) 50.5% , hsla(0.0, 0.0%, 25.0%, 1.00) 50.7% , hsla(0.0, 0.0%, 35.0%, 1.00) 100.0% ); /* IE10 */
	background-image:       -o-linear-gradient(90deg,  hsla(0.0, 0.0%, 25.0%, 1.00) 0.0% , hsla(0.0, 0.0%, 15.0%, 1.00) 50.5% , hsla(0.0, 0.0%, 25.0%, 1.00) 50.7% , hsla(0.0, 0.0%, 35.0%, 1.00) 100.0% ); /* Opera 11.10+ */
	background-image:          linear-gradient(90deg,  hsla(0.0, 0.0%, 25.0%, 1.00) 0.0% , hsla(0.0, 0.0%, 15.0%, 1.00) 50.5% , hsla(0.0, 0.0%, 25.0%, 1.00) 50.7% , hsla(0.0, 0.0%, 35.0%, 1.00) 100.0% ); /* Standards Compliant */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#FF595959, EndColorStr=#FF595959); /* IE6 to IE9 */
	zoom: 1;


    /* Stroke  */
	border: 1px solid hsla(0.0, 0.0%, 0.0%, 1.00);
	-moz-border-radius: 5px; /* FF1-3.6 */
	-webkit-border-radius: 5px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
	border-radius: 5px 5px 5px 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */


    /*  Label  */
	color: hsla(0.0, 0.0%, 100.0%, 1.00);
	font-family: "Helvetica","Verdana","Arial","sans-serif";
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	text-shadow: 0px -1px 0px hsla(0.0, 0.0%, 0.0%, 1.00);


    /*  Shadow & Inner Shadow */
	box-shadow:0px 1px 2px hsla(0.0, 0.0%, 0.0%, 0.50),inset 0px 1px 0px hsla(0.0, 0.0%, 100.0%, 0.15);


    /*  Opacity  */
	opacity: 1.000;

}

button.video:active
{
    /* General  */


    /* Size */
	height: 40px;
	width: 160px;


    /* Fill */
	background-color: transparent;
	background-origin: border-box;
	background-image:  -webkit-gradient(linear,  50% 100%,  50%   0%,  color-stop(0.000, hsla(0.0, 0.0%, 25.0%, 1.00)) , color-stop(0.505, hsla(0.0, 0.0%, 15.0%, 1.00)) , color-stop(0.507, hsla(0.0, 0.0%, 25.0%, 1.00)) , color-stop(1.000, hsla(0.0, 0.0%, 35.0%, 1.00)) ); /* Saf4+, Chrome */
	background-image:  -webkit-linear-gradient(90deg,  hsla(0.0, 0.0%, 25.0%, 1.00) 0.0% , hsla(0.0, 0.0%, 15.0%, 1.00) 50.5% , hsla(0.0, 0.0%, 25.0%, 1.00) 50.7% , hsla(0.0, 0.0%, 35.0%, 1.00) 100.0% ); /* Chrome 10+, Saf5.1+ */
	background-image:     -moz-linear-gradient(90deg,  hsla(0.0, 0.0%, 25.0%, 1.00) 0.0% , hsla(0.0, 0.0%, 15.0%, 1.00) 50.5% , hsla(0.0, 0.0%, 25.0%, 1.00) 50.7% , hsla(0.0, 0.0%, 35.0%, 1.00) 100.0% ); /* FF3.6 */
	background-image:      -ms-linear-gradient(90deg,  hsla(0.0, 0.0%, 25.0%, 1.00) 0.0% , hsla(0.0, 0.0%, 15.0%, 1.00) 50.5% , hsla(0.0, 0.0%, 25.0%, 1.00) 50.7% , hsla(0.0, 0.0%, 35.0%, 1.00) 100.0% ); /* IE10 */
	background-image:       -o-linear-gradient(90deg,  hsla(0.0, 0.0%, 25.0%, 1.00) 0.0% , hsla(0.0, 0.0%, 15.0%, 1.00) 50.5% , hsla(0.0, 0.0%, 25.0%, 1.00) 50.7% , hsla(0.0, 0.0%, 35.0%, 1.00) 100.0% ); /* Opera 11.10+ */
	background-image:          linear-gradient(90deg,  hsla(0.0, 0.0%, 25.0%, 1.00) 0.0% , hsla(0.0, 0.0%, 15.0%, 1.00) 50.5% , hsla(0.0, 0.0%, 25.0%, 1.00) 50.7% , hsla(0.0, 0.0%, 35.0%, 1.00) 100.0% ); /* Standards Compliant */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#FF595959, EndColorStr=#FF595959); /* IE6 to IE9 */
	zoom: 1;


    /* Stroke  */
	border: 1px solid hsla(0.0, 0.0%, 15.0%, 1.00);
	-moz-border-radius: 5px; /* FF1-3.6 */
	-webkit-border-radius: 5px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
	border-radius: 5px 5px 5px 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */


    /*  Label  */
	color: hsla(0.0, 0.0%, 100.0%, 1.00);
	font-family: "Helvetica","Verdana","Arial","sans-serif";
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	text-shadow: 0px -1px 0px hsla(0.0, 0.0%, 0.0%, 1.00);


    /*  Shadow & Inner Shadow */
	box-shadow:0px 1px 2px hsla(0.0, 0.0%, 0.0%, 0.25),inset 0px 0px 13px hsla(0.0, 0.0%, 0.0%, 0.75);


    /*  Opacity  */
	opacity: 1.000;

}

button.video[disabled]
{
    /* General  */


    /* Size */
	height: 40px;
	width: 160px;


    /* Fill */
	background-color: transparent;
	background-origin: border-box;
	background-image:  -webkit-gradient(linear,  50% 100%,  50%   0%,  color-stop(0.000, hsla(0.0, 0.0%, 20.0%, 1.00)) , color-stop(0.505, hsla(0.0, 0.0%, 10.0%, 1.00)) , color-stop(0.507, hsla(0.0, 0.0%, 20.0%, 1.00)) , color-stop(1.000, hsla(0.0, 0.0%, 30.0%, 1.00)) ); /* Saf4+, Chrome */
	background-image:  -webkit-linear-gradient(90deg,  hsla(0.0, 0.0%, 20.0%, 1.00) 0.0% , hsla(0.0, 0.0%, 10.0%, 1.00) 50.5% , hsla(0.0, 0.0%, 20.0%, 1.00) 50.7% , hsla(0.0, 0.0%, 30.0%, 1.00) 100.0% ); /* Chrome 10+, Saf5.1+ */
	background-image:     -moz-linear-gradient(90deg,  hsla(0.0, 0.0%, 20.0%, 1.00) 0.0% , hsla(0.0, 0.0%, 10.0%, 1.00) 50.5% , hsla(0.0, 0.0%, 20.0%, 1.00) 50.7% , hsla(0.0, 0.0%, 30.0%, 1.00) 100.0% ); /* FF3.6 */
	background-image:      -ms-linear-gradient(90deg,  hsla(0.0, 0.0%, 20.0%, 1.00) 0.0% , hsla(0.0, 0.0%, 10.0%, 1.00) 50.5% , hsla(0.0, 0.0%, 20.0%, 1.00) 50.7% , hsla(0.0, 0.0%, 30.0%, 1.00) 100.0% ); /* IE10 */
	background-image:       -o-linear-gradient(90deg,  hsla(0.0, 0.0%, 20.0%, 1.00) 0.0% , hsla(0.0, 0.0%, 10.0%, 1.00) 50.5% , hsla(0.0, 0.0%, 20.0%, 1.00) 50.7% , hsla(0.0, 0.0%, 30.0%, 1.00) 100.0% ); /* Opera 11.10+ */
	background-image:          linear-gradient(90deg,  hsla(0.0, 0.0%, 20.0%, 1.00) 0.0% , hsla(0.0, 0.0%, 10.0%, 1.00) 50.5% , hsla(0.0, 0.0%, 20.0%, 1.00) 50.7% , hsla(0.0, 0.0%, 30.0%, 1.00) 100.0% ); /* Standards Compliant */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#FF4C4C4C, EndColorStr=#FF4C4C4C); /* IE6 to IE9 */
	zoom: 1;


    /* Stroke  */
	border: 1px solid hsla(0.0, 0.0%, 0.0%, 1.00);
	-moz-border-radius: 5px; /* FF1-3.6 */
	-webkit-border-radius: 5px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
	border-radius: 5px 5px 5px 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */


    /*  Label  */
	color: hsla(0.0, 0.0%, 100.0%, 0.50);
	font-family: "Helvetica","Verdana","Arial","sans-serif";
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	text-shadow: 0px -1px 0px hsla(0.0, 0.0%, 0.0%, 1.00);


    /*  Shadow & Inner Shadow */
	box-shadow:0px 1px 2px hsla(0.0, 0.0%, 0.0%, 0.50),inset 0px 1px 0px hsla(0.0, 0.0%, 100.0%, 0.15);


    /*  Opacity  */
	opacity: 1.000;

}