/* 
   webtrax.com.au/style/app 
   V1.0 | 20120213a
*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/*  --------------------------------------------------
  :: Foundation-base
  -------------------------------------------------- */
body {
  background: #fff;
  font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif;
  color: #555;
  position: relative;
  -webkit-font-smoothing: antialiased; }

/*  --------------------------------------------------
  :: Links
  -------------------------------------------------- */
a {
  color: #2a85e8;
  text-decoration: none;
  outline: 0;
  line-height: inherit; }

a:hover {
  color: #11639d; }

p a, p a:visited {
  line-height: inherit; }

/*  --------------------------------------------------
  :: Lists
  -------------------------------------------------- */
ul, ol {
  margin-bottom: 18px; }

ul {
  list-style: none outside; }

ol {
  list-style: decimal; }

ol, ul.square, ul.circle, ul.disc {
  margin-left: 30px; }

ul.square {
  list-style: square outside; }

ul.circle {
  list-style: circle outside; }

ul.disc {
  list-style: disc outside; }

ul ul, ol ol {
  margin: 4px 0 5px 30px; }

li {
  margin-bottom: 12px; }

ul.large li {
  line-height: 21px; }

/*  --------------------------------------------------
  :: Tables
  -------------------------------------------------- */
table {
  background: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  width: 100%;
  margin: 0 0 18px;
  border: 1px solid #ddd; }

table thead {
  background: #f5f5f5; }

table thead tr th,
table tbody tr td {
  font-size: 12px;
  line-height: 18px;
  text-align: left; }

table thead tr th {
  padding: 8px 10px 9px;
  font-size: 14px;
  font-weight: bold;
  color: #222; }

table thead tr th:first-child {
  border-left: none; }

table thead tr th:last-child {
  border-right: none; }

table tbody tr.even,
table tbody tr.alt {
  background: #f9f9f9; }

table tbody tr:nth-child(even) {
  background: #f9f9f9; }

table tbody tr td {
  color: #333;
  padding: 9px 10px;
  vertical-align: top;
  border: none; }

/* -------------------------------------------------- 
  :: Misc
---------------------------------------------------*/
.left {
  float: left; }

.right {
  float: right; }

.hide {
  display: none; }

.highlight {
  background: #ff0; }

/* Arfully Masterminded by ZURB */
/*  --------------------------------------------------
    :: Typography
  -------------------------------------------------- */
.subheader {
  color: #777;
  font-weight: 300;
  margin-bottom: 24px; }

p img {
  margin: 0; }

/* Mobile */
em {
  font-style: italic;
  line-height: inherit; }

strong {
  font-weight: bold;
  line-height: inherit; }

small {
  font-size: 60%;
  line-height: inherit; }

h1 small, h2 small, h3 small, h4 small, h5 small {
  color: #777; }

/*  Blockquotes  */
blockquote, blockquote p {
  line-height: 20px;
  color: #777; }

blockquote {
  margin: 0 0 18px;
  padding: 9px 20px 0 19px;
  border-left: 1px solid #ddd; }

blockquote cite {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  color: #555; }

blockquote cite:before {
  content: "\2014 \0020"; }

blockquote cite a, blockquote cite a:visited {
  color: #555; }

hr {
  border: solid #ddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 12px 0 18px;
  height: 0; }

abbr, acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #222;
  border-bottom: 1px solid #ddd;
  cursor: help; }

abbr {
  text-transform: none; }

/**
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
 */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }

  /* Black prints faster: sanbeiji.com/archives/953 */
  p a, p a:visited {
    color: #444 !important;
    text-decoration: underline; }

  p a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""; }

  /* Don't show links for images, or //javascript/internal links */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img {
    page-break-inside: avoid; }

  @page {
    margin: 0.5cm; }

  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2, h3 {
    page-break-after: avoid; } }
img, object, embed {
  max-width: 100%;
  height: auto; }

img {
  -ms-interpolation-mode: bicubic; }

body {
  width: 100%;
  float: left; }

/* Nicolas Gallagher's micro clearfix */
.row:before, .row:after, .clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.row:after, .clearfix:after {
  clear: both; }

.row, .clearfix {
  zoom: 1; }

/* Artfully masterminded by ZURB */
/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/
/* -----------------------------------------
   Shared Styles
----------------------------------------- */
body {
  background: #5a5d5a;
  color: #eeeeee;
  font-family: "lucida grande", verdana, helvetica, arial, sans-serif;
  /* mixin rems */
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  color: #ffdf00;
  text-shadow: -1px -1px 1px #111111;
  /* mixin rems */
  margin-bottom: 6px;
  margin-bottom: 0.375rem; }

h1 {
  text-shadow: -3px -3px 1px #111111;
  /* mixin rems */
  font-size: 24px;
  font-size: 1.5rem; }

h2, h3 {
  /* mixin rems */
  font-size: 21px;
  font-size: 1.313rem; }

h3, h4, h5, h6 {
  /* mixin rems */
  font-size: 18px;
  font-size: 1.125rem; }

h5, h6 {
  /* mixin rems */
  font-size: 15px;
  font-size: 0.938rem; }

h3, h4, h5, h6 {
  color: #ff9d29; }

p {
  margin-bottom: 1em; }

p:last-child {
  margin: 0; }

a {
  color: #ffdf00;
  text-shadow: -1px -1px 0px #111111; }
  a:visited {
    color: #ffdf00; }
  a:hover, a:focus {
    color: yellow;
    text-shadow: -3px 3px 5px orange; }
  a:active {
    color: white;
    text-shadow: -3px 3px 5px red; }

img.right {
  padding: 0 0 0.5em 0.5em; }

.header {
  background-color: #010102;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#a60303), to(#010102));
  background: -moz-linear-gradient(#a60303, #010102 100%);
  background: -ms-linear-gradient(top, #a60303 0%, #010102 100%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a60303' , endColorstr='#010102' ,GradientType=0 );
  /* IE6-9 */
  background: linear-gradient(#a60303, #010102 100%);
  text-align: center;
  padding: 0.5em 0 0 0; }

.title {
  font-family: "Ubuntu Condensed", "lucida grande", verdana, helvetica, arial, sans-serif;
  /* mixin rems */
  font-size: 42px;
  font-size: 2.625rem; }

.lt-ie8 .header {
  background-color: #010102; }

.subTitle {
  /* mixin rems */
  font-size: 24px;
  font-size: 1.5rem; }

.icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  background: url("images/icons-18-white.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0.4); }

.iconPlus {
  background-position: 0px 50%; }

.iconMinus {
  background-position: -36px 50%; }

.iconUp {
  background-position: -180px 50%; }

.iconDown {
  background-position: -216px 50%; }

#menuToggler {
  position: relative;
  display: none;
  /* mixin rems */
  font-size: 24px;
  font-size: 1.5rem; }

#menu {
  display: block; }
  #menu div {
    /* mixin rems */
    font-size: 21px;
    font-size: 1.313rem; }
    #menu div a {
      display: block;
      width: 99%;
      margin: 0 auto; }
    #menu div.smallMenuItem {
      /* mixin rems */
      font-size: 18px;
      font-size: 1.125rem; }

.content {
  float: left;
  background: #010102; }

.footer {
  background-color: #a60303;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#010102), to(#a60303));
  background: -moz-linear-gradient(#010102, #a60303 100%);
  background: -ms-linear-gradient(top, #010102 0%, #a60303 100%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#010102' , endColorstr='#a60303' ,GradientType=0 );
  /* IE6-9 */
  background: linear-gradient(#010102, #a60303 100%);
  background-color: #010102;
  padding: 0.5em 0 1em 0; }
  .footer .panel {
    background-color: #a60303;
    /* Old browsers */
    background: -moz-linear-gradient(top, #8c0000 0%, #a60303 30%, #a60303 70%, #8c0000 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8c0000), color-stop(40%, #a60303), color-stop(70%, #a60303), color-stop(100%, #8c0000));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #8c0000 0%, #a60303 40%, #a60303 70%, #8c0000 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #8c0000 0%, #a60303 40%, #a60303 70%, #8c0000 100%);
    /* Opera11.10+ */
    background: -ms-linear-gradient(top, #8c0000 0%, #a60303 40%, #a60303 70%, #8c0000 100%);
    /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8c0000' , endColorstr='#a60303' ,GradientType=0 );
    /* IE6-9 */
    background: linear-gradient(top, background_from 0%, #a60303 40%, #a60303 70%, #8c0000 100%);
    /* W3C */ }

.points {
  list-style-type: disc;
  list-style-position: outside; }

.points li {
  padding: 0 0 0 0em;
  margin: 0 0 0 1.5em; }

.slides {
  padding: 5px;
  margin: 0 0 0.5em 1em;
  width: 240px;
  height: 200px;
  float: right;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  -khtml-border-radius: 4px 4px 4px 4px;
  -o-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  border: 0 #cccccc solid;
  background-color: white;
  box-shadow: -1px -1px 2px 0px #cccccc;
  -webkit-box-shadow: -1px -1px 2px 0px #cccccc;
  -moz-box-shadow: -1px -1px 2px 0px #cccccc; }

@media (min-width: 768px) {
  h1, h2, h3, h4, h5, h6, .title, .menus {
    font-family: "Ubuntu Condensed", "lucida grande", verdana, helvetica, arial, sans-serif; } }
.header, .content, .footer {
  /* mixin row */
  float: left;
  width: 100%; }

.header .title, .header .menu, .menus #menuToggler {
  /* mixin row */
  float: left;
  width: 100%;
  /* mixin column */
  float: left;
  width: 92%;
  padding: 0.5% 2%;
  margin: 0.5% 1%;
  min-height: 1px;
  margin: 0.5% 2%; }

.menus #menu {
  /* mixin row */
  float: left;
  width: 100%; }
  .menus #menu div {
    /* mixin column */
    float: left;
    width: 10.333%;
    padding: 0.5% 2%;
    margin: 0.5% 1%;
    min-height: 1px; }
    .menus #menu div:first-child {
      margin-left: 2%; }
    .menus #menu div:last-child {
      margin-right: 2%; }
  @media (max-width: 768px ) {
    .menus #menu div {
      /* mixin column */
      float: left;
      width: 92%;
      padding: 0.5% 2%;
      margin: 0.5% 1%;
      min-height: 1px;
      margin: 0.5% 2%;
      float: none; } }

.intro {
  /* mixin column */
  float: left;
  width: 92%;
  padding: 0.5% 2%;
  margin: 0.5% 1%;
  min-height: 1px;
  margin: 0.5% 2%; }

.section {
  /* mixin column */
  float: left;
  width: 43%;
  padding: 0.5% 2%;
  margin: 0.5% 1%;
  min-height: 1px; }
  .section:first-child {
    margin-left: 2%; }
  .section:last-child {
    margin-right: 2%; }
  @media (max-width: 768px) {
    .section {
      /* mixin column */
      float: left;
      width: 92%;
      padding: 0.5% 2%;
      margin: 0.5% 1%;
      min-height: 1px;
      margin: 0.5% 2%;
      float: none; } }

.header .title,
.header .menu,
.footer .section {
  /* mixin box */
  filter: none;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  -khtml-border-radius: 4px 4px 4px 4px;
  -o-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  border: 0px #ffdf00 solid;
  box-shadow: -2px 2px 3px 1px #470000;
  -webkit-box-shadow: -2px 2px 3px 1px #470000;
  -moz-box-shadow: -2px 2px 3px 1px #470000;
  background-color: #a60303;
  /* Old browsers */
  background: -moz-linear-gradient(top, #8c0000 0%, #a60303 30%, #a60303 70%, #8c0000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8c0000), color-stop(40%, #a60303), color-stop(70%, #a60303), color-stop(100%, #8c0000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #8c0000 0%, #a60303 40%, #a60303 70%, #8c0000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #8c0000 0%, #a60303 40%, #a60303 70%, #8c0000 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #8c0000 0%, #a60303 40%, #a60303 70%, #8c0000 100%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8c0000' , endColorstr='#a60303' ,GradientType=0 );
  /* IE6-9 */
  background: linear-gradient(top, background_from 0%, #a60303 40%, #a60303 70%, #8c0000 100%);
  /* W3C */ }

.menus #menu div, #menuToggler {
  /* mixin box */
  filter: none;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  -khtml-border-radius: 4px 4px 4px 4px;
  -o-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  border: 0px #ffdf00 solid;
  box-shadow: -2px 2px 3px 1px #470000;
  -webkit-box-shadow: -2px 2px 3px 1px #470000;
  -moz-box-shadow: -2px 2px 3px 1px #470000;
  background-color: #580808;
  /* Old browsers */
  background: -moz-linear-gradient(top, #420000 0%, #580808 30%, #580808 70%, #420000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #420000), color-stop(40%, #580808), color-stop(70%, #580808), color-stop(100%, #420000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #420000 0%, #580808 40%, #580808 70%, #420000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #420000 0%, #580808 40%, #580808 70%, #420000 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #420000 0%, #580808 40%, #580808 70%, #420000 100%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#420000' , endColorstr='#580808' ,GradientType=0 );
  /* IE6-9 */
  background: linear-gradient(top, background_from 0%, #580808 40%, #580808 70%, #420000 100%);
  /* W3C */ }

@media (max-width: 767px) {
  body {
    /* mixin rems */
    font-size: 15px;
    font-size: 0.938rem; }

  .subTitle {
    display: block; }

  .subTitle:before {
    content: ''; }

  #menuToggler {
    display: block; }

  .menus #menu {
    display: none;
    font-family: "lucida grande", verdana, helvetica, arial, sans-serif; }
    .menus #menu div {
      /* mixin rems */
      font-size: 24px;
      font-size: 1.5rem; } }
@media (max-width: 480px) {
  .slides {
    margin: 0 auto 1em;
    float: none; } }
/* -----------------------------------------
   Page Name 1
----------------------------------------- */
/* -----------------------------------------
   Page Name 2
----------------------------------------- */