/*
Im reseting this style for optimal view using Eric Meyer's CSS Reset - http://meyerweb.com/eric/tools/css/reset/
------------------------------------------------------------------ */
body, html  { height: 100%; }html, body, div, span, applet, object, iframe,/*h1,2, h3, h4, h5, h6,*/ p, blockquote, pre,a, abbr, acronym, address,del, dfn, em, font, 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 {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body { line-height: 1; }ol, ul { list-style: none; }blockquote, q { quotes: none; }blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }:focus { outline: 0; }del { text-decoration: line-through; }table {border-spacing: 0; }

/* Clear Floated Elements http://sonspring.com/journal/clearing-floats */
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}

/*------------------------------------------------------------------ */

/* Page Style */
body{
	color: #786D5B;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	line-height: 20px;
	text-shadow: 0 1px 1px rgba(255,255,255,0.75);
	background: #C5BAA9;

	  /* Safari 4-5, Chrome 1-9 */
	  /* Can't specify a percentage size? Laaaaaame. */
	  background: -webkit-gradient(radial, center center, 0, center center, 460, from(#FFFBF4), to(#C5BAA9));

	  /* Safari 5.1+, Chrome 10+ */
	  background: -webkit-radial-gradient(circle, #FFFBF4, #C5BAA9);

	  /* Firefox 3.6+ */ 
	  background: -moz-radial-gradient(circle, #FFFBF4, #C5BAA9);

	  /* IE 10 */ 
	  background: -ms-radial-gradient(circle, #FFFBF4, #C5BAA9);

	  /* Opera cannot do radial gradients yet */
	
	-webkit-box-shadow: inset 0 0 300px rgba(255,255,255,0.5);
	   -moz-box-shadow: inset 0 0 300px rgba(255,255,255,0.5);
			box-shadow: inset 0 0 300px rgba(255,255,255,0.5);
}
a,
a:link,
a:visited {
	color: #786D5B;
	font-weight: bold;
	text-decoration:none;
}
a:active,
a:hover {
	color: #786D5B;
	text-shadow: 0 1px 1px rgba(255,255,255,0.75), 0 0 5px rgba(198,234,247,0.4);
}
p{
	margin-bottom: 0.3em;
}
.center,
img.center {
	text-align: center;
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#top-bar{
	background: #4F6678;
	display: block;
	position: absolute;
	width: 100%;
	height: 200px;
	top: 0%;
	left: 0%;
	-webkit-box-shadow: inset 0 -4px 6px 0px rgba(0, 0, 0, 0.35);
	z-index:40;
	
}

/*#box img{
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
	z-index:50;
}*/

#soon{
	background: rgba(0,0,0,0.0);
	display: block;
	position: absolute;
	width: 800px;
	height: 280px;
	top: 140px;
	left: 50%;
	margin: 0px 0 0 -400px;
	z-index:60;
}
#soon h1{
	text-align: center;
	font-size: 35px;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	line-height: 20px;
}
#soon img{
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
	-webkit-transition-property: opacity, padding-left;
	-webkit-transition-duration: .5s, .3s;
	-webkit-transition-timing-function: linear, ease-out;
	-moz-transition-property: opacity, padding-left;
	-moz-transition-duration: .5s, .3s;
	-moz-transition-timing-function: linear, ease-out;
	transition-property: opacity, padding-left;
	transition-duration: .5s, .3s;
	transition-timing-function: linear, ease-out;
}

#soon img:hover {
  	padding-left: 15px;
}

#soon p{
	text-align: center;
}

/*Submit Form*/
#subscribe{
	width: 552px;
	display: block;
	margin: 20px auto 40px auto;
	padding: 4px;
	background: rgba(0,0,0,0.1);
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
}
#subscribe input{
	display: block;
	font-size: 13px;
	font-weight: bold;
	float: left;
	border: 0;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
	padding: 0 10px;
	height: 35px;
}
#subscribe input[type="text"],
#subscribe input[type="email"]{
	color: #c4c4c4;
	margin: 0 4px 0 0;
	width: 443px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.3);
	   -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.3);
			box-shadow: inset 0 1px 1px rgba(0,0,0,0.3);
}
#subscribe input[type="submit"]{
	margin:0;
	width: 85px;
	color: #4F6678;
	text-shadow: 0 1px 0 rgba(255,255,255,0.4);
	background: #b6d76f;
	background: -webkit-gradient(linear, left top, left bottom, from(#A9B8C5), to(#A9B8C5));
	background: -moz-linear-gradient(top,  #A9B8C5,  #A9B8C5);
	-webkit-box-shadow: inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3);
	   -moz-box-shadow: inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3);
			box-shadow: inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3);
}
#subscribe input[type="submit"]:hover{
	cursor: pointer;
	-webkit-box-shadow: inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3), 0 0 5px rgba(255,255,190,0.5);
	   -moz-box-shadow: inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3), 0 0 5px rgba(255,255,190,0.5);
			box-shadow: inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3), 0 0 5px rgba(255,255,190,0.5);
}
#subscribe input[type="submit"]:active{
	cursor: pointer;
	position: relative;
	top: 1px;
	text-shadow: 0 -1px 0 rgba(255,255,255,0.4);
	background: #A9B8C5;
	background: -webkit-gradient(linear, left top, left bottom, from(#A9B8C5), to(#A9B8C5));
	background: -moz-linear-gradient(top,  #A9B8C5,  #A9B8C5);
	-webkit-box-shadow: inset 0 0 0 transparent, inset 0 0 0 transparent;
	   -moz-box-shadow: inset 0 0 0 transparent, inset 0 0 0 transparent;
			box-shadow: inset 0 0 0 transparent, inset 0 0 0 transparent;
}

#magnifying-glass
{
 font-size: 10em; /* This controls the size. */
 display: inline-block;
 width: 0.4em;
 height: 0.4em;
 border: 0.1em solid rgba(255,255,255,1.0);
 position: relative;
 border-radius: 0.35em;
 opacity:0.25;
}
#magnifying-glass::before
{
 content: "";
 display: inline-block;
 position: absolute;
 right: -0.25em;
 bottom: -0.1em;
 border-width: 0;
 background: rgba(255,255,255,1.0);
 width: 0.35em;
 height: 0.08em;

 -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
}

#s{
	background: url('./images/simpson_s.png') top left;
	display:inline-block;
	width:100%;
	height:200px;
}