/* STEP 1
----------------------------------*/
body#step1 {margin:0; padding:0; text-align:center; position:relative; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:#fff url('../images/bg.png') 0 0 repeat-x;}
body#step1 #container {width:650px; height:625px; margin:50px auto 0 auto; left:50%; position:absolute; background:transparent url('../images/bg_mustache.png') center top no-repeat; overflow:hidden; margin-left:-325px;}
body#step1 .counter {clear:both; color:#666; display:block; font-family:Arial; font-size:15px; margin:5px 0 0; padding:0;}
body#step1 .inputbg {margin:370px auto 0; width:624px; height:48px; background: url('../images/bg_textfield_step1.png') 0 0 no-repeat; display:block;}
body#step1 #query {border:0 none; color:#535353; display:inline-block; font-size:20px; margin:3px 0 0 1px; overflow:hidden; padding:9px 5px 8px; width:607px;}

body#step1 #btnsubmit {display:block; width:220px; height:30px; border:0; background:transparent url('../images/btns.png') 0 0 no-repeat; padding:0; margin:30px auto; cursor:pointer; text-indent:-9999px; line-height:0; font-size:0;}
body#step1 input:hover#btnsubmit {background:transparent url('../images/btns.png') 0 -30px no-repeat;}
body#step1 #btnfeedback {display:none; width:220px; height:30px; border:0; background:transparent url('../images/btns.png') -220px 0 no-repeat; padding:0; margin:30px auto; cursor:pointer; text-indent:-9999px; outline:none;}
body#step1 a:hover#btnfeedback {background:transparent url('../images/btns.png') -220px -30px no-repeat;}
body#step1 #msgfeedback h2 {font-size:30px; text-align:center; text-transform:uppercase;  color:#de8927;}
body#step1 #msgfeedback h3 {font-size:20px; text-align:center; text-transform:uppercase; width:550px; margin:0 auto; color:#fff;}
body#step1 #sociallinks {display:inline-block; position:absolute; left:50%; text-align:center; padding:0; margin:600px 0 0 -62px; }
body#step1 #sociallinks .link {display:inline-block; width:32px; height:32px; margin:0 15px; text-indent:-9999px; float:left;}
body#step1 #sociallinks .link a {display:block; width:32px; height:32px;}
a#twitter {background:transparent url('../images/twitter_32.png') 0 0 no-repeat;}
#facebook {background:transparent url('../images/facebook_32.png') 0 0 no-repeat;}

/* STEP 2
----------------------------------*/

body#step2 {margin:0; padding:0; color:#fff; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; text-align:center; background:#000;}
body#step2  h2 {font-size:22px; text-align:center; text-transform:uppercase; color:#de8927; margin-bottom:5px;}
body#step2 .textfield {border:0 none; color:#535353; font-size:20px; display:inline-block; margin:3px 0 0 1px;  width:423px;  padding:5px 5px 4px ;}
body#step2 label {display:inline-block;font-size:22px;height:40px; margin:15px 5px 15px 0; text-align:right;vertical-align:middle;width:70px;}
body#step2 #btnsubmit {display:block; width:220px; height:30px; border:0; background:transparent url('../images/btns.png') -440px 0 no-repeat; padding:0; margin:0 auto; cursor:pointer; text-indent:-9999px; line-height:0; font-size:0;}
body#step2 input:hover#btnsubmit {background:transparent url('../images/btns.png') -440px -30px no-repeat;}
body#step2 .inputbg {margin:0; width:440px; height:40px; background: url('../images/bg_textfield_step2.png') 0 0 no-repeat; display:inline-block;}

/* SUCCESS
----------------------------------*/
body#success {margin:0; padding:0; color:#fff; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
body#success h2 {font-size:30px; text-align:center; text-transform:uppercase;  color:#de8927;}
body#success h3 {font-size:20px; text-align:center; text-transform:uppercase; width:550px; margin:0 auto;}