@charset "utf-8";
/* IndieFest Splash Page */

body
{
	background: black;
}

#outer {
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
}
 
#inner {
  	width: 526px;
  	height: 200px;
  	margin-left: -150px;  /***  width / 2   ***/
  	position: absolute;
  	top: -100px;          /***  height / 2   ***/
  	left: 50%;
}

#switch a
{
	color: #FFFFFF;
}

#switch
{
	text-align: center;
	margin: 20px 0 0 0;
}

#logo 
{
	float: left;
}

#contactForm
{
	position: relative;
	float: left;
}

#overlay
{
	width: 226px;
	height: 314px;
	position: absolute;
	top: 0;
	left: 0;
	background: black;
}

img
{
	border: 0;
}

a img:hover, .submit:hover
{
	border-bottom: 2px dashed #fff;
}

/* Contact Form */

#notification
{
	width: 300px;
}

#fields
{
	clear: left;
	float: left;
}

form
{
	margin: 0 0 0 0;
}

.notification_error, .notification_ok
{
	height: auto;
	padding: 0;
	margin: 20px 0 0 0;
	text-align: right;
	width: 300px;
}

.notification_ok
{
	text-align: right;
	padding: 0 50px 0 50px;
	width: 200px;
}

.notification_error span
{
	font: bold 14px Helvetica, sans-serif;
	color: #F22727;
	line-height: 30px;
	margin: 0 50px 0 0;
	
}

.notification_error img
{
	vertical-align: middle;
	margin: -2px 0 0 10px;
}

.notification_ok span
{
	font: bold 29px Helvetica, sans-serif;
	color: #fff;
	line-height: 34px;
}

.notification_ok span b
{
	color: #999999;
}

input, textarea 
{
	font: normal 11px Helvetica, sans-serif;
	color: #faaf42;
	margin: 0 0 20px 0;
	border: 0;
	overflow: hidden;
}

.text
{
	width: 210px;
	padding: 2px;
	background: #2b2b2b url(../img/field-bg.png) top left repeat-x;
}

.text:focus
{
	color: #fff;
}

.submit
{
	border: 0;
	padding: 4px;
}

.submit:hover
{
	cursor: pointer;
}

label 
{
	font: bold 11px Helvetica, sans-serif;
	color: #fff;
	padding: 0 0 2px 2px;
	text-align: left;
}

#withoutabox {
  	width: 500px;
  	margin-left: -250px;  /***  width / 2   ***/
  	margin-top: 240px;
	position: absolute;
  	/*top: -100px;          /***  height / 2   ***/
  	left: 50%;
	text-align: center;
	border-top: solid 2px #2B2B2B;
	padding: 8px 0 0 0;
}

#withoutabox a { font: bold 12px Helvetica, sans-serif; text-decoration:none; color:#fff; }

#withoutabox a:hover { border-bottom: 1px dashed #fff; }