html, body { height: 100%; width: 100%; font-family: Arial, Helvetica, sans-serif;  }
html {padding:0; margin:0;/*background:#f3f3f3 url(../images/home/background-repeat.jpg) repeat-x;*/ background-position: top center; }
body {padding:0; margin: 0 0 0 0; background: transparent url(../images/home/aerius-bg.jpg) no-repeat top center;font-size:62.5%;}

form,ul,dl,dd,dt,h1,h2,h3,h4 {padding:0; margin:0;}
h1 {font-size: 1.4em;padding: 0 0 1em 0;}
h2 {font-size: 1.2em;padding: 0 0 1em 0;}
h3 {font-size: 1.1em;padding: 0 0 1em 0;}
h4 {font-size: 1em;padding: 0 0 1em 0;}
h1,h2,h3,h4 {line-height:1em;}
p {margin: 0 0 1em 0; padding: 0;}

input.text, select, textarea {font-size: 13px; border:1px solid #cacaca; padding:3px;font-family: arial,verdana,sans;}
input.long, textarea.long, select.long {width:240px;}
input.medium, textarea.medium, select.medium {width:160px;}
input.short, textarea.short, select.short {width:110px;}
img {border: 0;}
table {border-collapse:collapse;}
th {text-align:right;font-weight:normal;vertical-align:top;}

.floatleft {float: left;}
.floatright {float: right;}
.hidden {display: none; visibility: hidden;}
.nobg {background: none;}
.printonly {display: none; visibility: hidden;}
.clear {clear:both;}

.outer {margin: 0 auto;width:938px;}
.main {float:left;margin-left:-7px;width:100%;position:relative;}
.main a {text-decoration:none;}
.main a:hover, .main a:focus {text-decoration:underline;}

.req {color:#d00;font-weight:bold;}

/* hidden text */
h1, a.btn, .footer .willogo .thelogo span {left:-999em;outline:none;position:absolute;display:block;overflow:hidden;}


/* orange things */
.welcome h3, .quiz h2{color:#ffa300;}

/* red things */
.mainnav a:hover, .mainnav a:focus, .welcome h2, .quiz h2 span, .spots .spot h3, .main a  {color:#a80000;}

ul.mainnav {list-style:none;font-size:1.3em;padding:44px 0 50px 0}
.mainnav li {display:inline;}
.mainnav a {padding:0 12px;color:#000;text-decoration:none;font-weight:bold;text-transform:uppercase}

.maincontent, .spots {position:absolute;font-size:1.2em;color:#5d5d5d;line-height:1.5em;}
.maincontent {top:286px;left:40px;width:877px;}
.maincontent .welcome {width:400px;float:left;background:url(../images/home/product.jpg) no-repeat bottom right;min-height:280px;height:auto !important;height:280px;}
.maincontent .welcome h2 {font-size:2.2em;padding:0 0 0.3em 0;}
.maincontent .welcome h3 {font-size:1.3em;padding:0 0 0.5em 0;}
.maincontent .welcome p {margin:0 0 0.2em 0;}
.maincontent .quiz {width:263px;float:right;}
.maincontent .quiz h2 {font-size:2.5em;text-transform:uppercase;padding:0 0 0.6em 0;margin:0;}
.maincontent .welcome .symptoms {font-size:1.3em;font-weight:bold;color:#2d2d2d;padding:0 0 5px 0;}
.maincontent ul.checklist {list-style:none;}
.maincontent .checklist li {padding:3px 0 2px 30px;background:url(../images/home/tick.gif) no-repeat left 3px;font-weight:bold;color:#7d7d7d;}

.spots {top:740px;width:945px;}
.spots img.faqoverlay {float:left;}
.spots .spot {width:296px;float:left;}
.spots .spot h3 {text-transform:uppercase;margin:5px 0;}
.spots .manage {margin:0 0 0 43px;}
.spots .manage .content {float:left;width:220px;}
.spots .tv {margin:0 0 0 25px;}
.spots .tv .content {float:left;width:175px;}
.spots .tv a.popup {float:right;}
.spots .tv .join {float:left;width:100%;font-size:0.95em;margin:45px 0 0 0;}

.spots .tv .join input.text {float:left;background:url(../images/inputbox-bg.gif) no-repeat top right;width:281px;margin:2px 0 0 0;}
.spots .tv .join input {float:left;}
.spots .tv .join .input {position:relative;overflow:hidden;float:left;padding: 0 3px 0 0;width:143px;}
.spots .tv .join .input input {width:135px; margin: 0;}
/*
.footer {font-size:0.95em;line-height:1.2em;width:950px;margin:0 auto;clear:both;padding:30px 0 0 0;color:#949494;}
.footer .reference {float:left;width:650px;}
.footer .copy {float:right;width:210px;text-align:right;}
.footer .copy img {float:left;margin:0 0 0 5px;}
.footer .copy div {float:left;width:130px;padding:10px 0 0 0;}
.footer a {color:#949494;text-decoration:underline;}
.footer a:hover, .footer a:focus {color:#444;}
*/

.footer {font-size:0.95em;line-height:1.4em;width:950px;margin:0 auto;clear:both;padding:30px 0 0 0;color:#949494;}
.footer .reference {float:left;width:650px;}
.footer .copy {float:right;width:210px;text-align:right;}
.footer .copy img {float:left;margin:0 0 0 5px;}
.footer .copy div {float:left;width:130px;padding:10px 0 0 0;}
.footer a {color:#949494;text-decoration:underline;}
.footer a:hover, .footer a:focus {color:#444;}