html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: none; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline}
body {line-height: 1.5}
table {border-collapse: collapse; border-spacing: 0; vertical-align: middle}
td, th {vertical-align: middle}
fieldset {border: none}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal; font-weight: normal}
ol, ul {list-style: none}
caption, th {text-align: left}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal}
blockquote:before, blockquote:after {content: ''}
q:before, q:after {content: ''}
blockquote, q {quotes: "" ""}
abbr, acronym {border: none}
a {outline: none}
html {background-color: #fff}
body {font-size: 12px; font-family: Arial, Helvetica, Tahoma, Geneva, sans-serif; background: #fff url(/images/microsite/backgr-header.gif) left top repeat-x; padding-bottom: 15px; line-height: 1.5; color: #666666}
h1 {font-size: 20px; font-weight: normal; line-height: 22px; color: #00a4df; margin-bottom: 12px}
h2 {font-size: 18px; font-weight: normal; line-height: 1.223; color: #00a4df; margin-bottom: 12px}
h3 {font-size: 14px; font-weight: bold; line-height: 1.286; color: #434343; margin-bottom: 1px}
h4 {font-size: 14px; font-weight: normal; line-height: 1.286; color: #00a4df; margin-bottom: 12px}
h5 {font-size: 10px; font-weight: bold; line-height: 1.2}
p {line-height: 1.5; margin: 0 0 17px 0}
strong {font-weight: bold}
em, dfn {font-style: italic}
blockquote {margin: 1.5em; color: #666; font-style: italic}
dfn {font-weight: bold}
sup, sub {line-height: 0}
abbr, acronym {border-bottom: 1px dotted #666}
address {margin: 0 0 1.5em; font-style: italic}
del {color: #666}
pre {margin: 1.5em 0; white-space: pre; font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5}
code, tt {font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5}
dl {margin: 0 0 1.5em 0}
dl dt {font-weight: bold}
dd {margin-left: 1.5em}
table {width: 100%}
tfoot {font-style: italic}
.hide {display: none}
.clear {clear: both; height: 0; overflow: hidden}
.left {float: left}
.right {float: right}
hr {display: none}
a {color: #00a4df; text-decoration: none}
a:hover {color: #0079b8; text-decoration: underline}
.cf {display: inline-block}
.cf:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
* html .cf {height: 1%}
.cf {display: block}
div#content-area ul {padding-left: 50px; margin-bottom: 11px}
div#content-area ul li {padding-left: 11px; line-height: 18px; padding-bottom: 6px; background: url(/images/microsite/bullet1.gif) left 7px no-repeat}
div#content-area ul ul {margin-top: 6px; margin-bottom: -6px; padding-left: 10px}
div#content-area ul ul li {padding-left: 10px; background: url(/images/microsite/bullet2.gif) left 9px no-repeat}
#main-container {background: url(/images/microsite/backgr-body.jpg) center 120px no-repeat}
#page-container {width: 990px; margin: 0 auto}
#page {min-height: 640px; padding: 0 20px; background: #fff url(/images/microsite/page-top.gif) right top no-repeat}
#page #content-area {float: left; width: 710px; padding-left: 20px}
#page #sidebar {float: right; width: 175px}
#header {position: relative; height: 92px; padding: 28px 8px 0 18px; z-index: 99}
#header h2 {float: left; width: 183px; height: 46px; margin: 0; overflow: hidden}
#header h2 a {display: block; width: 183px; height: 46px; background: url(/images/microsite/wagtech-logo.png) left top no-repeat; text-indent: -9999px; overflow: hidden}
#header h3.tagline {float: right; width: 157px; height: 36px; background: url(/images/microsite/backgr-tagline.png) left top no-repeat; text-indent: -9999px; overflow: hidden}
div.topnav {position: absolute; left: 0; top: 88px; width: 203px; padding-top: 32px; background: url(/images/microsite/tab-explore.png) left top no-repeat; z-index: 100}
.topnav h3 {display: none}
.topnav ul {display: none; width: 343px; padding: 25px 30px 9px 30px; background: url(/images/microsite/topnav-backgr.png) left top repeat-y}
div.topnav:hover ul {display: block}
.topnav ul li {line-height: 17px; padding-bottom: 17px}
.topnav ul li a {display: block; padding-left: 10px; background: url(/images/microsite/bullet-arrow.png) left -199px no-repeat; color: #fff; text-decoration: none}
.topnav ul li a:hover {color: #00a4df; text-decoration: none; background-position: left 5px}
.banner {width: 950px; height: 215px; margin-bottom: 15px; background-position: left top; background-repeat: no-repeat}
#home-page .banner {position: relative; height: 314px; margin-bottom: 17px; background-image: url(/images/microsite/banner-home.jpg)}
#home-page .banner .banner-content {position: absolute; top: 110px; right: 0; width: 434px; height: 114px; padding: 70px 20px 0 15px; background: url(/images/microsite/banner-content.png) left top no-repeat; line-height: 16px; color: #e4e4e4; overflow: hidden}
.banner h1 {display: none}
.banner p {line-height: 1.334; margin-bottom: 7px}
#home-page .banner .banner-content h2 {font-size: 16px; font-weight: bold; line-height: 20px; color: #fff; margin-bottom: 10px; letter-spacing: -1px}
.banner-content a:hover {color: #00a4df; text-decoration: underline}
#footer {padding-top: 6px; margin-top: 55px; border-top: 1px solid #ccc; font-family: Tahoma, Geneva, sans-serif; font-size: 10px; text-align: center; color: #666666}
#home-page #footer {margin-top: 25px}
#footer ul li {display: inline}
#footer a {font-family: Tahoma, Geneva, sans-serif; color: #666666; text-decoration: underline}
#footer a:hover {color: #00a4df; text-decoration: none}
#footer a#rawnet {float: right}
#footer #copyright {float: left; font-weight: normal}
#copyright span {display: none}
.sidebox {margin: 0 0 10px 0}
.sidebox h3, .sidebox p {display: none}
.sidebox a {display: block; width: 175px; height: 137px; background-position: left top; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden}
.sidebox a:hover {background-position: right top}
.sidebox#sidebox-contact a {background-image: url(/images/microsite/sidebox-contact.jpg)}
.sidebox#sidebox-brochure a {background-image: url(/images/microsite/sidebox-brochure.jpg)}
.sidebox#sidebox-website a {background-image: url(/images/microsite/sidebox-website.jpg)}
.actionbox {float: left; margin-right: 17px}
.actionbox h3, .actionbox p {display: none}
.actionbox a {display: block; width: 370px; height: 137px; background-position: left top; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden}
.actionbox a:hover {background-position: left bottom}
.actionbox#actionbox-brochure a {background-image: url(/images/microsite/actionbox-brochure.jpg)}
.actionbox#actionbox-website a {background-image: url(/images/microsite/actionbox-website.jpg)}
.actionbox#actionbox-contact {margin: 0}
.actionbox#actionbox-contact a {width: 175px; background-image: url(/images/microsite/actionbox-contact.jpg)}