@media all {
  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, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
  :focus { outline: 0; }
  a { text-decoration: none; }
  a:hover { text-decoration: underline; }
  a.button:hover { text-decoration: none; }
  ol, ul { list-style: none; }
  table { border-collapse: separate; border-spacing: 0; }
  caption, th, td { text-align: left; font-weight: normal; }
  blockquote:before, blockquote:after, q:before, q:after { content: ""; }
  blockquote, q { quotes: "" ""; }
  a img { border: 0; }
  input, select { font-family: inherit; font-size: inherit; }
  form { margin: 0; padding: 0; }
  th, td { vertical-align: middle; }

  p { margin: 10px 0; }
}
body { font-family: verdana, helvetica, sans-serif; font-size: 62.5%; }
#bannershop { width: 99em; margin: 0 auto; }
#content { width: 100%; overflow: visible; }
#left { color: #666; width: 72em; margin: 0 0 2em 0; }
#leftcontent { font-size: 1.2em; }
h1 { font-weight: bold; font-size: 1.4em; color: #ff9121; }
h2 { font-weight: bold; font-size: 1.2em; color: #666; }
div.clear { clear: both; height: 0; overflow: hidden; }
sup { font-size: 0.8em; vertical-align: super; }
ul.bullets { list-style-type: disc; margin: 1em 0; }
ul.bullets li { margin: 0.3em 0 0.3em 1em; padding: 0 0 0 0.5em; color: #ff9121; }
ul.bullets li span { color: #666; }
.ra { text-align: right; }
.ca { text-align: center; }
.la { text-align: left; }
#header { position: relative; height: 11.1em; margin: 0 0 12px 0; }
#header .logo { position: absolute; top: 16px; left: 6px; height: 0; width: 288px; padding: 23px 0 0 0; overflow: hidden; background: url('../images/bannershop-logo.png') top left no-repeat; }
#header .tagline { font-style: italic; color: #ff9121; position: absolute; top: 42px; left: 123px; font-size: 1.2em; font-weight: normal; }
#header .hp { position: absolute; right: 0; top: 18px; height: 30px; width: 48px; background: url('../images/hp-logo.png') top left no-repeat; }
#header .callnow { position: absolute; color: #5b5b5b; right: 62px; top: 17px; font-weight: bold; font-size: 1.7em; }
#header .guarantee { position: absolute; color: #ff9121; right: 62px; top: 37px; font-size: 1.3em; text-transform: uppercase; letter-spacing: -0.01em; }
#header ul.menu { position: absolute; left: 0; width: 99em; top: 66px; background: #ff9121; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; }
#header ul.menu li { position: relative; width: 8.7em; text-align: center; display: table-cell; height: 4.5em; vertical-align: middle; border-right: 1px solid #F8871C; border-left: 1px solid #F9B063; }
#header ul.menu li:last-child { border-right: none; }
#header ul.menu li:first-child { border-left: none; }
#header ul.menu li a { font-size: 1.2em; color: #fff; text-transform: uppercase; text-decoration: none; }
#header ul.menu li a:hover { color: #999; }
#header ul.menu div { display: none; position: absolute; left: 50%; top: 99%; z-index: 999; }
#header ul.menu li:hover div { display: block; }
#header ul.menu ul { position: relative; left: -50%; top: 0; border: 1px solid #ff9121; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; -moz-box-shadow: 2px 2px 5px #888; -webkit-box-shadow: 2px 2px 5px #888; box-shadow: 2px 2px 5px #888; background: #fff; }
#header ul.menu ul li.pointer { position: absolute; left: 48%; top: -9px; width: 18px; height: 9px; background: url('/images/menupointer.png') 50% top no-repeat; }
#header ul.menu li:first-child li.pointer { left: 10%; }
#header ul.menu li:first-child div, #header ul.menu li:first-child ul { left: 0; }
#header ul.menu li:last-child ul { right: 0; }
#header ul.menu ul li { display: block; float: none; width: auto; line-height: 1.4; height: auto; border: 0; }
#header ul.menu ul li a { color: #999; display: block; padding: 0.3em 0.5em; white-space: nowrap; font-weight: bold; text-align: left; }
#header ul.menu ul li a:hover { color: #ff9121; }
#header .menu li { display: inline-block; float: left; line-height: 4.5em; width: 8.8em; }
#header .menu li.double, #header .menu li.triple { line-height: 1; }
#header .menu li.double { padding: 1em 0 0 0; height: 3.5em; }
#header .menu li.triple { padding: 0.3em 0 0 0; height: 4.2em; }
#right { float: right; width: 23.8em; margin: 0 0 1em 0; }
#right .menu { border-top: 1px dashed #e2e2e2; margin: 0 0 2em 0; }
#right .menu li { border-bottom: 1px dashed #e2e2e2; padding: 0.8em 0 0.8em 28px; background: url('/images/right-menu-bullet.png') 8px center no-repeat; }
#right .menu li a { text-transform: uppercase; color: #666; text-decoration: none; font-size: 1.3em; }
#right .menu li a:hover { color: #FF9121; }
#right .menu li.active { background: url('/images/right-menu-bullet-active.png') 5px center no-repeat; }
#right .menu li.active a { color: #FF9121; }
#footer { background: #e2e2e2; color: #888; padding: 1em; position: relative; }
#footer a { color: #888; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer .copyright {  position: absolute; right: 1em; top: 1.5em; }
#footer .copyright span.digitalfinery { background: url('/images/digitalfinery.10.png') left center no-repeat; padding: 0 0 0 12px; }
#mainfeature { height: 300px; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; margin: 0 0 1em 0; color: #fff; text-align: right; overflow: hidden; position: relative; padding: 30px 0 0 0; }
#mainfeature div.teaser { position: absolute; left: 0; top: 30px; height: 300px; width: 700px; padding: 0 20px 0 0; }

#featurenav { position: absolute; left: 0; top: 0; width: 720px; height: 30px; }
#featurenav a, #featurenav span { font-size: 10px; display: inline-block; margin: 6px 6px 0 0; text-align: center; color: #c00; width: 18px; height: 18px; border; 0; line-height: 18px; background: #fff; }
#featurenav a { width: 16px; height: 16px; border: 1px solid #fff; line-height: 16px; opacity: 0.4; }
#featurenav a:hover { opacity: 1; text-decoration: none; }
#featurenav span { cursor: default; }
#ideas { position: absolute; top: 0; left: 0; width: 720px; height: 30px; background: #BFCF1F; color: #fff; line-height: 30px; }
#mainfeature h1 { position: absolute; left: 0; top: 0; height: 30px; line-height: 30px; color: #fff; text-align: left; padding: 0 0 0 1em; }

div.teaser img { position: absolute; left: 0; top: 0; z-index: -1; }

#middle { width: 100%; float: left; margin: 0 0 1em 0; }
#news { overflow: hidden; float: left; width: 13em; height: 8em; background: #ff9121; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; padding: 1em; }
#news h2, #news a { color: #fff; }
#news h2 { text-transform: uppercase; }
#bdesign { float: right; height: 9.75em; width: 43.5em; background: url('/media/bdesign.png') 1em center no-repeat; border: 2px solid #bfcf1f; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; }
#bdesign .content { padding: 1em 1em 1em 0; font-size: 0.95em; margin: 0 0 0 140px; }
#homepagetext { margin: 1em 0 3em 0; }
#homepagetext p.heading { font-weight: bold; color: #ff9121; font-size: 1.2em; }
#catalogue { -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; border: 2px solid #ff9121; background: url('/media/catalogue.png') -30px 0px no-repeat; height: 11.8em; margin: 0 0 10px 0; }
#catalogue .content { margin: 3em 1em 1em 9.5em; }
#catalogue h2 { text-transform: uppercase; }
#catalogue h2 span { font-size: 1.8em; }
#catalogue a { text-transform: uppercase; text-align: right; font-size: 1.4em; font-weight: bold; text-decoration: none; color: #c4d15b; }
#catalogue a:hover { color: #ff9121; }
#visionteaser div { float: right; width: 180px; }
#visionteaser h2 { text-align: right; font-weight: bold; color: #fff; margin: 110px 0 0 0; }
#visionteaser p a { color: #fff; }
#prodiveteaser div { float: left; width: 180px; margin: 0 0 0 10px; }
#prodiveteaser h2 { text-align: left; font-weight: bold; color: #fff; margin: 90px 0 0 0; }
#prodiveteaser p { font-size: 0.9em; line-height: 1.1; margin: 5px 0; }
#prodiveteaser p a { color: #fff; }
#cityofsydney div { float: left; width: 180px; margin: 0 0 0 10px; }
#cityofsydney h2 { text-align: left; font-weight: bold; color: #fff; margin: 90px 0 0 0; }
#cityofsydney p { font-size: 0.9em; line-height: 1.1; margin: 5px 0; }
#cityofsydney p a { color: #fff; }
#diabetesteaser div { float: left; width: 180px; margin: 0 0 0 10px; }
#diabetesteaser h2 { text-align: left; font-weight: bold; color: #fff; margin: 90px 0 0 0; }
#diabetesteaser p { text-align: left; font-size: 0.9em; line-height: 1.1; margin: 5px 0; }
#diabetesteaser p a { color: #fff; }