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

*{ margin:0; padding:0; outline: none;}

HTML{	
	background: url(../img/pinstripe.png) 0 0 repeat fixed ;
	background-color:#0F4155;}

body{
	background:url(../img/gradient.jpg) 0 0 repeat-x,;
	height:100%;}

.container{
	padding:20px;
	margin-left:auto;
	margin-right:auto;
	width:940px;
	overflow: hidden;}

.logo{ display:block; margin-left:auto; margin-right:auto}

h1, h2, h3 {
	font: lighter 24px/22px "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-bottom:18px;	
	color:#BFD320;}

h1{ font-size:28px; line-height:0px;
	text-align:center;
	margin: 25px 0 40px;}
	
h3{	font-size:18px;
	line-height:16px;
	margin-bottom: 6px; }

p{ font:12px/18px Helvetica, Arial, sans-serif;
	color:#E0E0E0}

a{	color:inherit;
	text-decoration:none;
	border-bottom:1px dashed #BFD320;}

a:hover{ border-bottom-style:solid;}

strong{ color:#FFF}

section{ 
	width: 260px;
	float:left;
	margin:0 20px 20px 0; padding:20px;
	background:	url(../img/1pxBlack.png) repeat 0 0;}

section > p{ margin-bottom:18px}

article{ margin-bottom:18px}
	
article:last-child, .footer p:last-child { margin-bottom:0;}

.right{ margin-right:0}

/* CONTACT FORM */
form p{ margin-bottom:18px}

form input:focus:invalid, form textarea:focus:invalid{
	border:1px solid red;
	padding:7px}

form input:focus:valid, form textarea:focus:valid{
	border:1px solid #BFD320;
	padding:7px}
	
form input, form textarea{ 
	font:12px/18px Helvetica, Arial, sans-serif;
	width:246px;
	padding:8px;
	color:#E0E0E0;
	border:none;
	background: url(../img/1pxBlack.png) repeat 0 0;
	resize:none}

form textarea{
		height:150px}

form .btn {
	display:none;
	font-weight:bold;
	width:auto;
	color:#333;
	background-image:none;	
	padding:5px 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color:#BFD320;
	background:	-webkit-gradient(linear, left top, left bottom, from(#dfe98f), color-stop(60%, #bfd320), to(#bfd320));
	background: -moz-linear-gradient(top, #dfe98f 0%, #bfd320 50%);
	-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);}
	
form .btn:active{
	background:	-webkit-gradient(linear, left top, left bottom, from(#bfd320), to(#bfd320));
	background:	-moz-linear-gradient(top, #bfd320 0%, #bfd320 100%);
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0);
	-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0)}
	
form p{ color:#BFD320}