*{margin:0;padding:0;border:0;font-family:Arial, Helvetica, sans-serif;line-height:normal;}
html,body{width:100%;}
body{background:url(bg.gif) repeat;}
#branding{width:100%;margin-top:15%;height:76px;}
#roadbuff{position:relative;margin:0 auto;width:280px;height:70px;background:url(roadbuff.gif) 0 0 no-repeat;text-indent:-9999px;}
#info{width:100%;height:200px;background:#09C url(bluebg.png) center center no-repeat;}
#signup{position:relative;margin:0 auto;width:400px;text-align:center;padding:40px 0 0 0;}
h3{font-size:18px;font-weight:normal;color:#000;margin-bottom:15px;line-height:22px;}
h3.success{line-height:24px;margin-bottom:32px;}
input{font-size:18px;font-weight:normal;height:34px;line-height:34px;vertical-align:text-bottom;}
input::-moz-focus-inner{border:0;padding:0;}
.field{background:url(field.gif) 0 0 no-repeat;width:170px;padding:0 10px;color:#0086B3;margin-bottom:12px;}
.submit{background:url(submit.gif) 0 0 no-repeat;color:#fff;width:93px;cursor:pointer;margin:1px 0 12px 5px;text-align:center;}
.submit:hover{color:#0086b3;}
p{color:#fff;font-size:12px;margin-bottom:12px;line-height:16px;}
.error{font-size:14px;color:#D41547;}
input.error{font-size:18px;color:#D41547;}
.small{font-size:11px;color:#000;}
a{color:#D41547;text-decoration:none;}
a:hover{text-decoration:underline;}
#copyright{color:#fff;font-size:11px;text-align:center;width:100%;padding:10px 0 0 0;}
@media screen and (min-width:299px) and (max-width: 399px) {
#info{background:#09c none;}
#signup{width:100%;}
}
@media screen and (max-width:298px) {
#branding{height:52px;}
#roadbuff{height:45px;width:215px;background-position:-32px 0;}
#info{background:#09c none;}
#signup{width:100%;padding:20px 0 0 0;}
.field{margin-bottom:6px;}
.submit{margin-left:0;}
}