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,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; }
html { background:#00baf2 url(../images/html-bg.png) repeat; }
body { line-height:1.25em; color:#fff; font-family:"Helvetica Neue", helvetica, sans-serif; }
ol,ul { list-style:none; }
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:''; content:none; }

/* remember to define focus styles! */
:focus { outline:0; }

/* remember to highlight inserts somehow! */
ins { text-decoration:none; }
del { text-decoration:line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse:collapse; border-spacing:0; }
#wrapper { width:600px; margin:0 auto; }
h1,h2,h3 { text-shadow:#005e81 1px 1px 0; }
h1 { font-size:1.5em; margin-bottom:10px; }
header { position:relative; }
.tagline { height:82px; margin:50px 0 20px; position:relative; }
#logo { width:96px; height:82px; background:url(../images/logo.png) no-repeat; float:left; }
#coming-soon { width:454px; height:66px; background:url(../images/coming-soon.png) no-repeat; position:absolute; top:15px; right:0; }
#thanks { width:454px; height:66px; background:url(../images/thanks.png) no-repeat; position:absolute; top:15px; right:0; }
section { clear:both; }
article { }
#mission-container { margin-left:20px; clear:both; }
article.mission { width:270px; margin:0 20px 0 0; padding-bottom:20px; float:left; }
aside { clear:both; }
.contact { padding:20px; -moz-border-radius:10px; -webkit-border-radius:10px; background:url(../images/contact-bg.png) repeat; }
p { text-shadow:#005e81 1px 1px 0; font-size:1.05em; }
p.intro { margin:20px 0; font-size:1.2em; }
p.intouch { font-size:2em; float:right; }
#form { margin:10px 0; width:335px; height:56px; background:url(../images/email-bg.gif) repeat; -moz-border-radius:10px; -webkit-border-radius:10px; display:block; float:left; border:0; padding:0 10px; font-size:1.1em; color:0; }
button#submit { margin:10px 20px 0; width:90px; height:56px; background:url(../images/submit-bg.gif) repeat; -moz-border-radius:10px; -webkit-border-radius:10px; display:block; float:left; cursor:pointer; border:0; padding:0; color:#fff; }
footer { padding-top:5px; }
footer p:first-child { margin-top:10px; }
footer .twitter-share-button { height:35px!important; }
.clear { clear:both; }

/* the form */
fieldset { float:left; padding:0; border:0; }
.last { margin-right:0; }
legend { color:#000; font-size:20px; padding:0; margin-bottom:-3px; width:400px; }
label { display:block; margin:3px; color:#000; font-size:11px; }
input { border:1px solid; border-color:#ccc #ddd #ddd #ccc; padding:6px; background-color:rgba(255,255,255,0.9); font-size:15px; color:#555; text-shadow:0 1px 0 #fff; }
input:focus { background-color:#fff; color:#000; }
input[required] { font-weight:bold; }
.guests { width:40px; }
.addGuests { width:400px; }

/* validation error message */
.error { background-color:#E8FF6D; padding:4px; color:#000; -webkit-box-shadow:#000 0 0 12px; -moz-box-shadow:#000 0 0 12px; }

/* ..with a pure CSS arrow */
.error em { border:10px solid; border-color:#E8FF6D transparent transparent; bottom:-17px; display:block; height:0; left:10px; position:absolute; width:0; }

/* field with validation error */
.invalid { background-color:rgba(221,233,255,0.898)!important; }