@charset "UTF-8";
/* CSS Document */

/* Standard CSS */
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,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{margin: 0; padding: 0; border: 0; font-style: normal; font-size: 100%; line-height: 1.25em; font-family: inherit; text-align: left;}
body {background-color: #000; color: #FFF;}
em {font-style: italic; }
table { border-collapse: collapse; border-spacing: 0; }
ol,ul {	list-style: none;}
q:before,q:after,blockquote:before,blockquote:after {content: "";}
hr {display:none}
/* Standard CSS */

/* ============= PAGE LAYOUT ================== */

html, body, #whole { 
 min-height: 1050px; /*Sets the min height to the 
  height of the viewport.*/ 
 width: 100%; 
 height: 100%; /*Effectively, this is min height 
  for IE5+/Win, since IE wrongly expands 
  an element to enclose its content. 
  This mis-behavior screws up modern  
  browsers*/ 
 margin: 0; 
 padding: 0; 
 } 

html>body, html>body #whole { 
 height: auto; /*this undoes the IE hack, hiding it 
  from IE using the child selector*/ 
 }  


body{
	font-size:62.5%;
	font-family: Arial, Helvetica, sans-serif;
	/*background: #efefef url(../images/pencils.jpg) repeat-x bottom center;
	padding-bottom: 100px;*/
	background: #efefef url(../images/pencil_strip.jpg) repeat bottom center;
}

#whole {
	background: #efefef url(../images/pencils.jpg) repeat-x bottom center;
}

#full {
	background: #efefef url(../images/bkgrnd_strip.jpg) repeat-x top center;
	min-height: 670px;
}

#page {
	overflow: hidden;
	zoom: 1;
	margin: auto;
	width: 960px;
}


#page h1 {
	width: 331px;
	margin: 44px auto 0px auto;
}

#page a.price, #page img.price {
	float: right;
	margin-right: 42px;
	margin-top: 42px;
}
#page a.swipe, #page img.swipe {
	float: left;
	margin-left: 32px;
	margin-top: 42px;
}

#page .strapline {
	padding-top: 34px;
	width: 349px;
	margin: auto;
	padding-bottom: 16px;
	background: url(../images/horizontal_scribble_2.jpg) no-repeat bottom center;
}

#page .strapline div{
	padding-top: 16px;
	background: url(../images/horizontal_scribble.jpg) no-repeat top center;
	font-size: 1.7em;
	color: #999999;
	text-align: center;
}

#flash {
	width: 884px;
	height: 380px;
	margin-left: 39px;
}

#informationbar {
	margin: auto;
	width: 492px;
	height: 81px;
	background: url(../images/infopanel.jpg) no-repeat center;
}

#informationbar h3 {
	padding: 52px 0px 0px 90px;
	width: 402px;
	height: 25px;
	font-size: 1.8em;
	color: #999999;
	text-align: center;
	text-indent: -10000px;
	background: url(../images/fastandfrantic.gif) no-repeat center;
}

.appstore {
	margin-top: -60px;
	margin-right: 45px;
	float: right;
}
.mt {
	margin-top: -60px;
	margin-left: 45px;
	float: left;
}

.beta {
	width: 486px;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 15px;
	overflow: hidden;
	zoom: 1;
}

.beta h3 {
	font-size: 1.8em;
	color: #999999;
	text-indent: -10000px;
	width: 359px;
	height: 19px;
	background: url(../images/beta_title.gif) no-repeat;
	margin-bottom: 11px;
}

.beta form {
	width: 100%;
	padding: 0;
	overflow: hidden;
	zoom: 1;
}

.beta form input {
	font-size: 1.4em;
	color: #999;
	padding: 15px;
	border: 0px;
	height: 20px;
}


.beta form #name {
	float: left;
	width: 196px;
	background: url(../images/beta_name.gif) no-repeat;
}

.beta form #email {
	float: right;
	width: 207px;
	background: url(../images/beta_email.gif) no-repeat;
}

.beta form #uid {
	float: left;
	width: 341px;
	background: url(../images/beta_uid.gif) no-repeat;
}

.beta form #submit {
	float: right;
	width: 96px;
	height: 44px;
	padding: 0;
}

.beta p {
	font-size: 1.2em;
	color: #999;
	margin: 10px 7px;
}

.beta .error {
	font-size: 1.4em;
	color: #C0272D;
}

#betabar {
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 492px;
	height: 81px;
	background: url(../images/infopanel.jpg) no-repeat center;
}

#betabar h3{
	padding: 52px 0px 0px 20px;
	padding-top: 20px;
	width: 452px;
	height: 25px;
	font-size: 1.5em;
	color: #194FDB;
	text-align: center;
}

#meta {
	display: none;
}

.contact {
	width: 300px;
	margin: auto;
	margin-bottom: 10px;
}

.contact a {
	width: 300px;
	margin: auto;
	display: block;
	text-align: center;
	color: #999;
	font-size: 1.4em;
}

.support {
	width: 486px;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 15px;
	overflow: hidden;
	zoom: 1;
}

.support form {
	width: 100%;
	padding: 0;
	overflow: hidden;
	zoom: 1;
}


.support form input {
	font-size: 1.4em;
	color: #999;
	padding: 15px;
	border: 0px;
	height: 20px;
}
.support form #name {
	float: left;
	width: 196px;
	background: url(../images/beta_name.gif) no-repeat;
}

.support form #email {
	float: right;
	width: 207px;
	background: url(../images/beta_email.gif) no-repeat;
}

.support form #submit {
	float: right;
	width: 150px;
	height: 44px;
	padding: 0;
}

.support form textarea {
	font-size: 1.5em;
	color: #4D4D4D;
	font-family: Arial, Helvetica, sans-serif;;
	padding: 22px 24px;
	border: 0px;
	height: 24px;
	margin: 0px;
	margin-left: -6px;
	width: 265px;
	height: 120px;
	background: url(../images/big_textarea.jpg) no-repeat;
}

.bug {

	font-size: 12px;
	color: #333;
	margin-bottom: 18px;
}