/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
    width: 100%;
}



/* ==========================================================================
   Places Victoria Custom Styles
   ========================================================================== */

body { font-family: Arial, sans-serif; }
h1, h2 { font-family: "Vitesse SSm A", "Vitesse SSm B", Arial, sans-serif; font-weight: normal }
h3, h4, h5, h6 { font-family: Arial, sans-serif; font-weight: bold }
.introduction {font-size:18px; font-weight:bold;}

* ---- Lists ---- */
ul,ol,dl {
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 1.25rem;
    list-style-position: outside;
    font-family: inherit; 
}

ul {
    margin-left: 1.1rem; }
    ul.no-bullet {
    margin-left: 0; }
    ul.no-bullet li ul,
    ul.no-bullet li ol {
    margin-left: 1.25rem;
    margin-bottom: 0;
    list-style: none; 
}

/* Unordered Lists */
ul li ul, ul li ol { margin-left: 1.25rem; margin-bottom: 0;}
ul.square li ul, ul.circle li ul, ul.disc li ul {  list-style: inherit; }
ul.square { list-style-type: square; margin-left: 1.1rem; }
ul.circle { list-style-type: circle; margin-left: 1.1rem; }
ul.disc { list-style-type: disc;  margin-left: 1.1rem; }
ul.no-bullet { list-style: none; }

/* Ordered Lists */
ol { margin-left: 1.4rem; }
ol li ul,  ol li ol { margin-left: 1.25rem; margin-bottom: 0; }



/* Image blocks */
.image-block-3{ float:left; width:200px; margin-bottom: 2em;}
.image-block-2{ float:left; width:300px; margin-bottom: 2em;}

/* Clear columns */
.column-row:after, .row:after, .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .column-row, * html .row, * html .clearfix { height: 1%; }
.column-row, .row, .clearfix { display: inline-block; }
.column-row, .row, .clearfix { display: block; }

.center-block { margin-left: auto; margin-right: auto; display: block }
.nomargin { margin: 0 !important }
.nonformattedlist { margin: 0; padding: 0; list-style-type: none; overflow: hidden }


.sq-form-error {
  margin: 5px 0;
  color: red;
  font-style: italic;
  font-size: 0.85em;
}
.sq-form-required-field-note {
  font-size: 0.85em;
  font-style: italic;
  padding-top: 10px
}
.sq-form-question {
  margin: 15px 0;
}
.sq-form-question-note {
  font-size: 0.85em;
}
.sq-form-field {
  padding: 5px;
  border: 1px solid #ccc;
}
.sq-form-field:focus {
  border: 1px solid #bbb;
  background: #fffef0;
}

input[type="submit"]{
  padding: 0.5em 2em;
  background: #007db7;
  color: #fff;
  font-size: 1em;
  border: 0;
}

input[type="submit"]:hover{
  background: #016d9f;
}


form ul{
  list-style:none;
  margin-left: 0;
}

form ul li{
  margin-bottom: 0.4rem;
}

form ul label{
  margin-left: 20px;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

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

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

    /*
     * Don't show links for images, or javascript/internal links
     */

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

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

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

    h2,
    h3 {
        page-break-after: avoid;
    }
}
/*! normalize.css v1.1.3 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.9em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */


/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */

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

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}



/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */


/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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

/* Container -------------------------------------------------- */
div#container, div.container { position: relative; width: 1224px; margin: 0 auto; padding: 0; }

/*  Grid -------------------------------------------------- */
.column-row, .row { margin: 0 0 18px -24px; }
.column, .columns { float: left; display: inline; margin: 0 0 0 24px; }

.one { width: 80px; }
.two { width: 184px; }
.three { width: 288px; }
.four { width: 392px; }
.five { width: 496px; }
.six { width: 600px; }
.seven { width: 704px; }
.eight { width: 808px; }
.nine { width: 912px; }
.ten { width: 1016px; }
.eleven { width: 1120px; }
.twelve { width: 1224px; }

.offset-by-one-half { margin-left: 52px; }
.offset-by-one { margin-left: 104px; }
.offset-by-two { margin-left: 208px; }
.offset-by-three { margin-left: 312px; }
.offset-by-four { margin-left: 416px; }
.offset-by-five { margin-left: 520px; }
.offset-by-six { margin-left: 624px; }
.offset-by-seven { margin-left: 728px; }
.offset-by-eight { margin-left: 832px; }
.offset-by-nine { margin-left: 936px; }
.offset-by-ten { margin-left: 1040px; }

/* IE6 Problems ---------- */
html.lt-ie7 .column-row { width: 1248px; }
html.lt-ie7 .eight .column-row { width: 832px; }
html.lt-ie7 .nine .column-row { width: 936px; }
html.lt-ie7 .ten .column-row { width: 1040px; }
html.lt-ie7 .eleven .column-row { width: 1144px; }
html.lt-ie7 .two-thirds .column-row { width: 856px; }

/* Typography ---------- */
h1 { font-size: 2.88em; font-weight: 700 }
#content-body h1 { font-size: 2.5em; padding-bottom: 10px }

/* Icons -----------------*/
.icon { background-repeat: no-repeat; background-position: center center; display: block; float: left; width: 30px; height: 30px }
.icon a { color: #414042; }
.icon.icon-large { width: 50px; height: 40px }
.icon.icon-large.icon-twitter { background-image: url(http://www.places.vic.gov.au/__data/assets/image/0017/8603/footer-twitter.png) }
.icon.icon-large.icon-facebook { background-image: url( http://www.places.vic.gov.au/__data/assets/image/0019/8605/footer-facebook.png) }
.icon.icon-large.icon-linkedin { background-image: url(http://www.places.vic.gov.au/__data/assets/image/0018/8604/footer-linkedin.png) }
.icon.icon-twitter { background-image: url(http://www.places.vic.gov.au/__data/assets/image/0020/8606/content-twitter.png) }
.icon.icon-facebook { background-image: url(http://www.places.vic.gov.au/__data/assets/image/0003/8607/content-facebook.png) }
.icon.icon-linkedin { background-image: url(http://www.places.vic.gov.au/__data/assets/image/0005/9905/content-linkedin.png) }


/* Content Blocks---------- */
.container.content-block { margin-top: -400px; padding: 0 0 40px 0; background-color: white }
.container.content-block.content-block-nohero { margin-top: -200px }

/*  Navs -------------------------------------------------- */
.nav ul { margin: 0; padding: 0; list-style-type: none; overflow: hidden; }
.nav ul li { display: block; float: left; }

.nav a { 
    color: white;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

.nav.nav-mobile { display: none }

.nav.main { margin-top: 60px }
.nav.main li.current a,
.nav.main li.hier a,
.nav.main li a:hover { background-color: #007db7 }
.nav.main a { display: block; padding: 13px 29px; text-decoration: none; font-size: 1.13em }

.nav.tiny { margin-top: 23px; }
.nav.tiny ul li { padding: 0 15px; border-right: 1px solid white }
.nav.tiny ul li:last-child { border: none; padding-right: 0 }

/* Level 1+ */
.nav.nav-content { width: 100%; margin-top: 94px }
.nav.nav-content ul li { float: none; margin-bottom: 3px }
.nav.nav-content li a,
.nav.nav-content li.top { display: block; text-decoration: none; padding: 10px 22px }

.nav.nav-content li.current { font-weight: bold }

/* Level 2+ */
.nav.nav-content ul li.current ul li,
.nav.nav-content ul li.hier ul li { margin-bottom: 0; border-top: 3px solid white }

/* Level 2 */
.nav.nav-content ul li.current ul li a,
.nav.nav-content ul li.hier ul li a { padding-left: 35px }

/* Level 3 */
.nav.nav-content ul li.hier ul li.current ul li a,
.nav.nav-content ul li.hier ul li.hier ul li a { padding-left: 55px }


/*  Logos -------------------------------------------------- */
.logo-pv a {
    display: block;
    width: 254px;
    height: 48px;
    background: url(http://www.places.vic.gov.au/__data/assets/image/0014/8600/logo-pv.png) no-repeat center center;
}

.logo-vicgov a {
    display: block;
    width: 97px;
    height: 55px;
    background: url(http://www.places.vic.gov.au/__data/assets/image/0004/8599/logo-vicgov.png) no-repeat center center;
}

/*  Hero -------------------------------------------------- */
.hero {
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom: 5px;
}

.hero.hero-default { height: 545px }
.hero.hero-default .container { height: 414px; }

.hero.hero-large { height: 550px }

.hero.hero-home .callout { position: relative; top: 330px; padding: 40px }

.hero.hero-home .callout-content { text-align: center; }
.hero.hero-home .callout-action { width: 232px; margin: 27px auto 0 auto; }

/*  Splash -------------------------------------------------- */
.splash {
    height: 264px;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.splash.splash-blue { background-image: url(http://www.places.vic.gov.au/__data/assets/image/0003/8598/splash-blue.png) }
html.no-backgroundsize .splash.splash-blue {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.places.vic.gov.au/__data/assets/image/0003/8598/splash-blue.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.places.vic.gov.au/__data/assets/image/0003/8598/splash-blue.png', sizingMethod='scale')";
}

.splash.splash-green { background-image: url(http://www.places.vic.gov.au/__data/assets/image/0011/8597/splash-green.png) }
html.no-backgroundsize .splash.splash-green {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.places.vic.gov.au/__data/assets/image/0011/8597/splash-green.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.places.vic.gov.au/__data/assets/image/0011/8597/splash-green.png', sizingMethod='scale')";
}

.splash.splash-orange { background-image: url(http://www.places.vic.gov.au/__data/assets/image/0006/9186/splash-orange.jpg) }
html.no-backgroundsize .splash.splash-orange {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.places.vic.gov.au/__data/assets/image/0006/9186/splash-orange.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.places.vic.gov.au/__data/assets/image/0006/9186/splash-orange.jpg', sizingMethod='scale')";
}

.splash.splash-teal { background-image: url(http://www.places.vic.gov.au/__data/assets/image/0009/8595/splash-teal.png) }
html.no-backgroundsize .splash.splash-teal {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.places.vic.gov.au/__data/assets/image/0009/8595/splash-teal.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.places.vic.gov.au/__data/assets/image/0009/8595/splash-teal.png', sizingMethod='scale')";
}

/*  Panels -------------------------------------------------- */
.panel { margin-bottom: 25px }
.panel .panel-heading,
.panel .panel-heading h2 {
    margin: 0;
    font-size: 1.15em;
}

.panel-body,
.panel-footer { padding: 24px }
.panel .panel-content { margin-top: 15px; font-size: 1.06em }
.panel .panel-footer { font-size: 1.06em }
.panel .fa.fa-long-arrow-right { margin-left: 10px; }

/*  Panels (Dark Theme) -------------------------------------------------- */
.panel-dark .panel-body { background-color: #e7e7e7; color: #414042; }
.panel-dark .panel-heading,
.panel-dark .panel-heading h2,
.panel-dark .panel-heading a {
    color: #00447c;
    text-transform: uppercase;
}
.panel-dark .panel-footer,
.panel-dark .panel-footer a {
    background-color: #414042;
    color: white !important;
}

/*  Panels (Light Theme) -------------------------------------------------- */
.panel.panel-light .panel-body { background-color: #f2f2f2 }
.panel.panel-light h2,
.panel.panel-light .panel-body,
.panel.panel-light .panel-body a { color: #003663 }
.panel-light .panel-footer,
.panel-light .panel-footer a {
    background-color: #009bdf;
    color: white !important;
}

/*  Panels Banner -------------------------------------------------- */
.panel-banner .panel-action a {
    display: block;
    background-color: #009bdf;
    text-align: center;
    font-size: 1.25em;
    padding: 19px 0;
    color: white !important;
}

/*  Call out boxes  -------------------------------------------------- */
.callout {
    padding: 32px;
    position: absolute;
    bottom: 30px;
    max-width: 808px; /* eight columns */
    min-width: 392px; /* four columns */
}

.callout-content { font-size: 2.4em; font-family: "Vitesse SSm A", "Vitesse SSm B", Arial, sans-serif; }
.hero-home .callout-content { font-size: 2.0em; }

/*  Call out boxes (Default Theme) -------------------------------------------------- */
.callout.callout-default { background-color: rgba(0, 0, 0, 0.8); color: white }
html.no-rgba .callout.callout-default,
html.no-opacity .callout.callout-default { background: transparent url(http://www.places.vic.gov.au/__data/assets/image/0018/8820/dot-black-transparent.png) repeat top left }

/*  Call out boxes (Green Theme) -------------------------------------------------- */
.callout.callout-green { background-color: rgba(0, 173, 135, 0.8); color: white }
html.no-rgba .callout-green,
html.no-opacity.callout-green { background: transparent url(http://www.places.vic.gov.au/__data/assets/image/0005/8861/dot-green-transparent.png) repeat top left }

/*  Call out boxes (Orange Theme) -------------------------------------------------- */
.callout.callout-orange { background-color: rgba(239, 62, 35, 0.8); color: white }
html.no-rgba .callout.callout-orange,
html.no-opacity.callout-orange { background: transparent url(http://www.places.vic.gov.au/__data/assets/image/0004/8860/dot-orange-transparent.png) repeat top left }

/*  Call out boxes (Teal Theme) -------------------------------------------------- */
.callout.callout-teal { background-color: rgba(48, 142, 160, 0.8); color: white }
html.no-rgba .callout.callout-teal,
html.no-opacity.callout-teal { background: transparent url(http://www.places.vic.gov.au/__data/assets/image/0006/8862/dot-teal-transparent.png) repeat top left }


/*  Buttons  -------------------------------------------------- */
.button {
    border-width: 3px;
    border-style: solid;
    border-radius: 6px;
    font-size: 1em;
    text-align: center;
}
.button a { display: block; padding: 17px; }

.button.button-default { font-size: 1.25em; }
.button.button-large { font-size: 1.65em; }
.hero-home .callout-default .button.button-large { font-size: 1.25em; }

.button-white { border-color: white }
.button-white, .button-white a {
    color: white;
    font-size: 1em;
    text-decoration: none;
    -webkit-transition:all .1s ease-in-out;
    -moz-transition:all .1s ease-in-out;
    -o-transition:all .1s ease-in-out;
    transition:all .1s ease-in-out;
}

.button-white a:hover {
    color: #00447c !important;
    background-color: #fff;
}


.button-blue { border-color: #00447c }
.button-blue, .button-blue a {
    color: #00447c;
    font-size: 1em;
    text-decoration: none;
    -webkit-transition:all .1s ease-in-out;
    -moz-transition:all .1s ease-in-out;
    -o-transition:all .1s ease-in-out;
    transition:all .1s ease-in-out;
}

.button-blue a:hover {
    color: #ffffff;
    background-color: #00447c;
}



/*  Feature Blocks  -------------------------------------------------- */
.feature {
    margin-top: 40px;
    padding-bottom: 60px;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.feature .container { padding-top: 80px }
.feature-footer { margin-top: 40px; margin-bottom: 0; }
.feature h1 { margin: 20px 0 }


/*  News -------------------------------------------------- */
body .news-timestamp { margin-top: 20px; color: #414042; font-style: italic; font-size: 0.9em; }
body .news { margin-top: 40px }
body .news-heading h2 { margin: 0; font-size:1.3em; }
body .news-content { margin-top: 0.5em; }
body .news-content p { margin-top: 0em; }

/*  Projects Showcase  -------------------------------------------------- */
#projects-showcase-menu ul { margin: 0; padding: 0; list-style-type: none; overflow: hidden; background-color: #414042 }
#projects-showcase-menu ul li { display: block; float: left; }
#projects-showcase-menu ul li a { display: block; color: white !important; text-decoration: none; padding: 20px 40px; font-size: 1.15em; }
#projects-showcase-menu ul li.current a,
#projects-showcase-menu ul li a:hover { background-color: #009bdf }

#projects-showcase-body { margin-top: 25px }
#projects-showcase-list ul li { display: block; float: left; width: 325px; }
#projects-showcase-list ul li img { width: 325px; }
#projects-showcase-list ul li.offset-each-side { margin-right: 19px; margin-left: 19px }

#projects-showcase-map { width: 100%; height: 646px; clear: both }

/*  Image Gallery -------------------------------------------------- */
.image-gallery { margin-top: 30px; clear: left; }
.image-gallery-thumbnails li { float: left }
/* .image-gallery-thumbnails li:nth-child(even) { margin: 0 3px } */
.image-gallery-thumbnails li { margin: 0 }

.image-gallery-thumbnails li,
.image-gallery-thumbnails img { width: 200px; cursor: pointer }

.image-gallery-preview img { width: 100%; }

.image-gallery-preview { margin-top: 3px; position: relative }
.image-gallery-preview-caption {
    background-color: rgba(0, 0, 0, 0.8);
    bottom: 0;
    color: white;
    left: 0;
    padding: 10px;
    position: absolute;
    width: 580px;
}

.image-gallery-controls {
    background-color: rgba(0, 0, 0, 0.8);
    bottom: 0;
    color: white;
    font-size: 0.9em;
    position: absolute;
    right: 0;
}
.image-gallery-controls a { color: white !important; padding: 0 10px }
.image-gallery-controls a.prev { border-right: 1px solid #333333 }
.image-gallery-slider { display: none }

body.gallery .image-gallery-thumbnails li {
    margin: 0;
}


/*  SKELETON  -------------------------------------------------- */
/*  Header -------------------------------------------------- */
#header {
    background: #00427b url('http://www.places.vic.gov.au/__data/assets/image/0016/8602/header-banner.jpg') no-repeat 0 0;
    color: white;
    overflow: hidden;
    border-bottom: 3px solid #007db7;
}

#header .logo-pv { margin-top: 26px }
#header .logo-vicgov { margin-top: 32px }
#header .search { margin-top: 16px; }
#header .search-submit { position: relative; }
#header .search-submit input[type=submit] {
    width: 40px;
    height: 36px;
    background-color: #c8dae2;
    border: none;
    border-radius: 0;
    padding:0;
    font-size: 0;
}
#header .search .fa-search { position: absolute; top: 8px; right: 10px; color: #00447c; cursor: pointer; }
#pv-search { font-size: 0.9em; padding: 10px; background-color: #c8dae2; border: none; width: 124px; height: 16px; border-radius: 0 }

#content-head { background-color: #f1f1f1 }

/*  Breadcrumbs -------------------------------------------------- */
#breadcrumbs {  padding: 20px 0 20px 104px; color: #414042;  }
#breadcrumbs a { color: #414042 }
#breadcrumbs a:hover { text-decoration: none }
#breadcrumbs ul li { display: inline; }
#breadcrumbs .fa { position: relative; }
#breadcrumbs .fa.fa-angle-right { margin: 0 15px }

/*  Share Content (Social) -------------------------------------------------- */
#share-content { background-color: #f1f1f1; padding: 20px 104px 20px 0 }
#share-content ul { float: right; margin-top: -4px }
#share-content li { float: left; margin-right: 10px }
#share-content .icon { font-size: 28px; color: #424242 }

/*  Content -------------------------------------------------- */
#content-body img.pull-left { padding-right: 20px; padding-bottom: 20px }
#content-body img.pull-right { padding-left: 20px; padding-bottom: 20px }

#content-body img[align="left"] { padding-right: 20px; padding-bottom: 20px }
#content-body img[align="right"] { padding-left: 20px; padding-bottom: 20px }

#content-body h2, #content-body h3 { clear: both; }

/*  Footer -------------------------------------------------- */
#footer { border-top: 6px solid #008acb }
#footer h1 {
    font-size: 1.9em;
    font-weight: normal;
    color: white;
    margin-left: -4px; /** Not sure if this is needed. Firefox was rendering this incorrectly on MacOSX. More testing is needed. **/
}
#footer a { color: white; font-size: 1.15em }
#footer li a { font-size: 1em }
#footer ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#footer-primary { background-color: #414042; min-height: 246px; padding-bottom: 20px }
#footer-primary-websites ul { width: 288px }
#footer-primary-websites ul li {
    display: block;
    width: 135px;
    float: left;
}
#footer-primary-websites ul li:nth-child(odd) { margin-right: 18px }
#footer-primary-contact-phone a { font-weight: bold; text-decoration: none }
#footer-primary-contact-phone .fa, #footer-primary-contact-email .fa {
    color: white;
    margin-right: 10px;
}

.footer-primary-contact-email-link {
    display: block;
    margin-bottom: 10px;
}

#footer-secondary { background-color: black; padding: 50px 0 }
#footer-secondary a { font-size: 0.9em; }
#footer-secondary-moreinfo { margin-top: 10px; }
#footer-secondary-moreinfo ul li {
    display: block;
    float: left;
    margin-right: 24px;
}
#footer-primary-contact-social ul li { display: block; float: left; margin-right: 18px }
#footer-secondary-vicgov .logo-vicgov { margin-top: 3px }
#footer-secondary-vicgov .logo-vicgov a {
    width: 70px;
    height: 40px;
    background-image: url(http://www.places.vic.gov.au/__data/assets/image/0008/8828/footer-logo-viclogo.png)
}

/*  HOMEPAGE  -------------------------------------------------- */
/*  Highlights -------------------------------------------------- */
#highlights { margin-top: 70px }

/*  Latest News -------------------------------------------------- */
#latest-news-hero .news-body, #latest-news-features .news-body { background-color: #009bdf }
#latest-news-hero .news-heading, #latest-news-features .news-heading { font-weight: 600 }
#latest-news-hero .news-timestamp, #latest-news-features .news-timestamp { background-color: #007db7; width: 95px; color: white }
#latest-news-hero .news-content p:first-child, #latest-news-features p:first-child { margin: 0 }
#latest-news-hero .news, #latest-news-features .news { margin-top: 0 }

#latest-news-hero .news-heading,
#latest-news-features .news-heading,
#latest-news-hero .news-content,
#latest-news-features .news-content,
#latest-news-hero .news-timestamp,
#latest-news-features .news-timestamp { padding: 12px 24px; margin: 0 }

#latest-news-hero .news-heading, #latest-news-features .news-heading { padding-bottom: 0 }

#latest-news-hero .news-heading,
#latest-news-features .news-heading,
.news-heading,
.news-heading h2 {
    font-family: Arial, sans-serif;
    font-weight: normal;
}

#latest-news-hero .news-heading { font-size: 1.57em; }
#latest-news-hero .news-heading h2 { margin: 0; font-size: 1em; }
#latest-news-hero .news-content { font-size: 1.25em }

#latest-news-features .news-heading { padding-right: 0; font-size: 1.38em }
#latest-news-features .news-heading h2 { margin: 0; font-size: 1em; }
#latest-news-features .news-body {
    min-height: 175px;
    margin-left: 0;
    padding-right: 24px;
}

#latest-news-button { width: 212px; }

.pagination{
    margin-top: 2em;
    text-align: center;
    font-size: 1.3em;
}
.pagination a{
    padding: 0.5em 1em;
    text-decoration: underline;
    color: #000;
}
.pagination a:hover{
    background-color: #eee;
    color: #000;
}
.pagination span{
    padding: 0.5em 1em;
}

.pagination-arrowleft, .pagination-arrowright{
    padding: 0.5em 0.2em;
}

/*  Featured precincts & developments -------------------------------------------------- */
#featured-developments h1 { color: #003663; }
#featured-developments-button { width: 343px }

/*  Featured land & housing -------------------------------------------------- */
#featured-land { min-height: inherit }
#featured-land .feature-footer .button { width: 269px; }

/*  Out team page -------------------------------------------------- */

.team-align-image{ float:left; margin-bottom: 2em}
.team-align-text {float:left; width: 65%; margin-bottom: 2em}
.team-align-header {clear:both;}
/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
    /* Container -------------------------------------------------- */
    div#container, div.container { width: 300px; }

    /*  Grid -------------------------------------------------- */
    .column-row, .row { margin: 0; max-width: 300px }
    .column, .columns { margin: 0; }

    .one,
    .two,
    .three,
    .four,
    .five,
    .six,
    .seven,
    .eight,
    .nine,
    .ten,
    .eleven,
    .twelve { width: 300px; }

    .offset-by-one-half,
    .offset-by-one,
    .offset-by-two,
    .offset-by-three,
    .offset-by-four,
    .offset-by-five,
    .offset-by-six,
    .offset-by-seven,
    .offset-by-eight,
    .offset-by-nine,
    .offset-by-ten { margin-left: 0; }

    /* Typography ---------- */
    h1,
    #content-body h1 { font-size: 1.88em }

    /* Content Blocks ---------- */
    .container.content-block,
    .container.content-block.content-block-nohero { margin-top: 0; padding: 0 }

    /*  Navs -------------------------------------------------- */
    .nav.nav-mobile { display: block }
    #header .nav.nav-mobile .logo-pv { margin: 0; float: left }
    #header { border: none }
    .nav.nav-mobile .nav-open { float: right; width: 55px; text-align: center; margin-top: 15px }
    .nav.nav-mobile .logo-pv a { width: 161px; height: 30px; margin: 10px; background-image: url(http://www.places.vic.gov.au/__data/assets/image/0003/8886/logo-pv-mobile.png) }
    .nav.nav-mobile li { float: none; }
    .nav.nav-mobile li a { display: block; padding: 12px 10px; border-bottom: 3px solid #007db7; text-decoration: none }
    .nav.nav-mobile li.current a { background-color: #007db7 }
    .nav.nav-mobile ul { clear: both; display: none }

    #content-nav { width: 320px; margin-top: 10px }

    /*  Logos -------------------------------------------------- */
    .logo-pv a {}

    /*  Hero -------------------------------------------------- */
    .hero { background-attachment: inherit }
    .hero.hero-large,
    .hero.hero-large .container { height: 361px }
    .hero.hero-default,
    .hero.hero-default .container { height: 197px }

    .hero.hero-default .row,
    .hero.hero-default .container,
    .hero.hero-default .columns { max-width: 320px; width: 320px }

    /*  Hero (Home) -------------------------------------------------- */
    .hero.hero-home .callout { padding: 20px; position: absolute; top: inherit; }
    .hero.hero-home .callout-action { width: 181px; }


    /* --Pre Caretaker--.hero-home .callout-content {font-size: 1.54em;} */
    p.caretakertext{font-size: 13px;}
    .hero-home .callout-content {font-size: 1em;}

    /*  Splash -------------------------------------------------- */
    .splash { display: none }

    /*  Panels -------------------------------------------------- */
    .panel { margin-bottom: 20px }
    .panel-body,
    .panel-footer { padding: 13px 20px }
    .panel img { width: 300px }

    .panel .panel-heading,
    .panel .panel-heading h2 { font-size: 1.07em; }
    .panel .panel-content { margin-top: 10px; font-size: 1em }
    .panel .panel-footer { font-size: 1.06em }

    /*  Panels Banner -------------------------------------------------- */
    .panel-banner .panel-action a { padding: 12px 0 }

    /*  Call out boxes  -------------------------------------------------- */
    .callout { position: absolute; bottom: 20px; padding: 20px; max-width: inherit; min-width: inherit }
    .callout-content { font-size: 1.2em; }

    /*  Buttons  -------------------------------------------------- */
    .button a { padding: 8px; }

    .button.button-default,
    .button.button-large { font-size: 1.15em; width: 181px; margin: 0 auto }

    /*  Features  -------------------------------------------------- */
    .feature { background-image: none !important; min-height: inherit !important; margin: 0; padding: 20px 0 }
    .feature .container { padding-top: 0; }
    .feature h1 { margin-bottom: 20px; padding: 0 }
    .feature .feature-body { margin: 0 }
    .feature .feature-footer { margin-top: 20px; padding-bottom: 20px }

    .feature-blue { background-color: #00629d }


    /*  Marketing Panels  -------------------------------------------------- */
		.marketing-panel img { margin: 0 auto 1em !important; display: block; }
		.marketing-panel .marketingpanel-calltoaction{ margin-left: 0 !important; display: block;}


    /*  Image Gallery  -------------------------------------------------- */
    .image-gallery { display: none }
    .image-gallery-slider {
        display: block;
        margin: 20px 0;
        text-align: center;
        overflow: hidden;
        position: relative;
    }
    .image-gallery-slider img { margin: 0 auto; width: 95%; }
    .swipe-wrap { overflow: hidden; position: relative; }
    .swipe-wrap > div { float: left; width: 100%; position: relative; }

    /*  NEWS PAGE  -------------------------------------------------- */
    #latest-news .news { margin: 20px 0 0 0 }

    #projects-showcase-menu { display: none }
    #projects-showcase ul li { width: auto }
    #projects-showcase ul li.offset-each-side { margin: 0 }
    #projects-showcase-list { display: block !important }
    #projects-showcase-map { display: none !important }

    /*  SKELETON  -------------------------------------------------- */
    /*  Header -------------------------------------------------- */
    #header > .container { display: none }

    #content,
    #content-head,
    #content-head .row,
    #content-head .columns,
    .hero.hero-default .container,
    .hero.hero-default .columns { max-width: inherit; width: auto }

    .content-block #content-head > .row > .columns:first-child { width: 100% }

    #content-body-container { max-width: 300px; width: 300px; margin-left: auto; margin-right: auto }
    #content-body-container img { max-width: 300px; }

    #breadcrumbs { padding: 10px 10px 10px 20px; font-size: 0.9em }
    #share-content { display: none }


    /*  HOMEPAGE  -------------------------------------------------- */
    /*  Highlights -------------------------------------------------- */
    #highlights { margin-top: 30px }

    /*  Latest News -------------------------------------------------- */
    #latest-news-features .news-body {
        min-height: inherit;
        margin-left: 0;
        padding-right: 0;
    }

    #latest-news-hero .news-big { margin: 0 }

    #latest-news-features .news-heading,
    #latest-news-hero .news-heading { padding: 20px; font-size: 1.25em }

    #latest-news-hero .news-timestamp,
    #latest-news-features .news-timestamp { padding: 10px; font-size: 0.88em }

    #latest-news-hero .news-content,
    #latest-news-features .news-content { display: none; }

    #latest-news-button { width: 269px; }

    #latest-news-hero .news.news-big img { width: 300px }
    #latest-news-features .news.news-small .news-thumbnail { display: none }
    #latest-news-features .news.news-small { margin-top: 23px; }

    /*  Featured precincts & developments -------------------------------------------------- */
    #featured-developments { margin-top: 20px }
    #featured-developments h1 { margin-bottom: 20px }
    #featured-developments-footer {  padding-bottom: 40px; }
    #featured-developments-button { width: auto }

    /*  Featured land & housing -------------------------------------------------- */
    #featured-land-button { width: 269px }

    /*  Footer -------------------------------------------------- */
    #footer h1 {
        font-size: 1.63em;
        margin-left: 0;
        margin-bottom: 5px;
    }
    #footer a { font-size: 1em }

    #footer-primary { height: auto }
    #footer-primary-websites ul { width: auto }
    #footer-primary-websites ul li { float: none; width: auto }
    #footer-primary-websites ul li:nth-child(odd) { margin-right: 0 }
    #footer-primary-websites a,
    #footer-secondary-moreinfo a {
        padding: 10px 0;
        display: block;
    }
    #footer-primary-websites a {
        text-decoration: none;
        border-bottom: 3px solid #5a595b;
    }

    #footer-secondary { padding: 0; position: relative; }
    #footer-secondary-moreinfo { margin-top: 70px; }
    #footer-secondary-moreinfo ul li {
        display: block;
        float: none;
        margin-right: 0;
    }
    #footer-secondary-vicgov { position: absolute; top: 20px; left: 0 }
    #footer-secondary-vicgov .logo-vicgov { margin-top: 0; float: right; width: 57px }
    #footer-secondary-vicgov .logo-vicgov a { width: 57px; height: 33px; background-image: url(http://www.places.vic.gov.au/__data/assets/image/0017/9053/logo-vicgov-mobile.png) }
    #footer-secondary-vicgov .logo-pv { float: left; width: 176px; margin-top: 5px }
    #footer-secondary-vicgov .logo-pv a { width: 161px; height: 30px; background-image: url(http://www.places.vic.gov.au/__data/assets/image/0003/8886/logo-pv-mobile.png) }
}


/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    /* Container -------------------------------------------------- */
    div#container, div.container { width: 480px; }

    /*  Grid -------------------------------------------------- */
    .column-row, .row { margin: 0; max-width: 480px }
    .column, .columns { margin: 0; }

    .one,
    .two,
    .three,
    .four,
    .five,
    .six,
    .seven,
    .eight,
    .nine,
    .ten,
    .eleven,
    .twelve { width: 480px; }

    .offset-by-one-half,
    .offset-by-one,
    .offset-by-two,
    .offset-by-three,
    .offset-by-four,
    .offset-by-five,
    .offset-by-six,
    .offset-by-seven,
    .offset-by-eight,
    .offset-by-nine,
    .offset-by-ten { margin-left: 0; }

    .panel img,
    .news.news-big img { width: 480px }

    #content-body-container,
    #content-nav,
    .button.button-default,
    .button.button-large,
    #latest-news-button,
    #featured-land .feature-footer .button,
    #latest-news-hero .news.news-big img,
    #content-body-container img,
    #projects-showcase-list ul li,
    #projects-showcase-list ul li img,
    .hero.hero-default .row,
    .hero.hero-default .container,
    .hero.hero-default .columns { max-width: 480px; width: 480px }

    #content-body-container img.pull-left,
    #content-body-container img.pull-right { max-width: 480px; width: auto }

    .hero.hero-home .callout-action { width: 280px; }
    .hero.hero-home .callout-action .button { width: auto }
 
 .hero-home .callout-content {font-size: 1.5em;}

}
/* #Tablet Up to 959px ================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    /*  Container  -------------------------------------------------- */
    div#container, div.container { width: 721px; margin: 0 auto; padding: 0; }

    /* Grid -------------------------------------------------- */
    .column-row, .row { margin: 0 0 18px -11px; }
    .column, .columns { margin: 0 0 0 11px; }

    .one { width: 50px; }
    .two { width: 111px; }
    .three { width: 172px; }
    .four { width: 233px; }
    .five { width: 294px; }
    .six { width: 355px; }
    .seven { width: 416px; }
    .eight { width: 477px; }
    .nine { width: 538px; }
    .ten { width: 599px; }
    .eleven { width: 660px; }
    .twelve { width: 721px; }

    .offset-by-one-half { margin-left: 30px; }
    .offset-by-one { margin-left: 61px; }
    .offset-by-two { margin-left: 122px; }
    .offset-by-three { margin-left: 183px; }
    .offset-by-four { margin-left: 244px; }
    .offset-by-five { margin-left: 305px; }
    .offset-by-six { margin-left: 366px; }
    .offset-by-seven { margin-left: 427px; }
    .offset-by-eight { margin-left: 488px; }
    .offset-by-nine { margin-left: 549px; }
    .offset-by-ten { margin-left: 610px; }

    #header .columns.three { position: relative; top: 55px }
    #header .column.one { position: relative; top: 45px; left: 115px }
    #header .offset-by-two { margin-left: 0 }
    #header .columns.four { width: 249px }
    #header .columns.two { width: 228px }
    #pv-search { width: 168px }

    .nav.main { margin-top: 100px }
    .nav.main a { font-size: 0.95em; padding: 10px; }

    .nav.tiny li:first-child { display: none }

    .hero.hero-home .columns { width: 690px }
    .hero.hero-home .offset-by-two { margin-left: 30px }
    .hero.hero-home { font-size: 0.9em }

    .panel img { width: 233px }
    .panel .panel-footer { padding: 15px 10px; font-size: 1em }

    #projects-showcase-list ul li,
    #projects-showcase-list ul li img { width: 290px }

    #projects-showcase-list ul li.offset-each-side { margin: 0 }
    #projects-showcase-list ul li:nth-child(even) { margin-left: 19px }

    .image-gallery-thumbnails li, .image-gallery-thumbnails img { width: 118px }
    .image-gallery-preview img { width: 355px }

    #breadcrumbs,
    #share-content { padding: 15px }
    #share-content li { margin-right: 0 }

    #latest-news-hero, #latest-news-features { float: none; display: block; width: 721px }
    #latest-news-hero img { width: 721px }

    #latest-news-features { margin-top: 20px }
    #latest-news-features .news-small .news-thumbnail { width: 190px }
    #latest-news-features .news-small .news-body { width: 531px; padding-right: 0 }

    body.home #featured-land .feature-body { margin-top: 55px; margin-left: 55px }
    body.home #featured-land ul li { width: 282px; margin-right: 25px }
    body.home #featured-land img { width: 282px }

    #footer { font-size: 0.85em }
    #footer h1 { font-size: 1.55em }
    #footer-primary-websites ul { width: auto }
    #footer-primary-websites ul li { float: none; width: auto }
    #footer-primary-websites ul li:nth-child(2n+1) { margin-right: 0 }
    #footer-primary-contact-social ul li { margin-right: 5px }

    #footer-secondary { padding: 30px 0 }
    #footer-secondary-moreinfo { float: none; display: block; margin: 0; width: 721px }
    #footer-secondary-vicgov { float: right; margin-top: 20px; }
    #footer-secondary-vicgov.columns.five { width: 355px }
    #footer-secondary-vicgov .columns.three { width: 233px; margin-top: 8px }
    #footer-secondary-vicgov .logo-pv a { width: 214px; height: 30px; background-image: url(http://www.places.vic.gov.au/__data/assets/image/0007/8827/footer-logo.png) }
    #footer-secondary-vicgov .logo-vicgov a { width: 68px; height: 40px; background-image: url(http://www.places.vic.gov.au/__data/assets/image/0008/8828/footer-logo-viclogo.png) }
}

/* #Tablet (Up to 1223px)
================================================== */

@media only screen and (min-width: 960px) and (max-width: 1223px) {
    /* Container  -------------------------------------------------- */
    div#container, div.container { width: 960px }

    /*  Grid -------------------------------------------------- */
    .column-row, .row { margin: 0 0 18px -24px; }
    .column, .columns { margin: 0 0 0 24px; }

    .one { width: 58px; }
    .two { width: 140px; }
    .three { width: 222px; }
    .four { width: 304px; }
    .five { width: 386px; }
    .six { width: 488px; }
    .seven { width: 550px; }
    .eight { width: 632px; }
    .nine { width: 714px; }
    .ten { width: 796px; }
    .eleven { width: 878px; }
    .twelve { width: 960px; }

    .offset-by-one-half { margin-left: 41px; }
    .offset-by-one { margin-left: 82px; }
    .offset-by-two { margin-left: 164px; }
    .offset-by-three { margin-left: 246px; }
    .offset-by-four { margin-left: 328px; }
    .offset-by-five { margin-left: 410px; }
    .offset-by-six { margin-left: 492px; }
    .offset-by-seven { margin-left: 574px; }
    .offset-by-eight { margin-left: 652px; }
    .offset-by-nine { margin-left: 738px; }
    .offset-by-ten { margin-left: 820px; }

    #header .columns.three { position: relative; }
    #header .column.one { position: relative; left: 45px }
    #pv-search { width: 80px }

    .nav.main a { padding: 10px 20px; }
    .nav.tiny li:first-child { display: none }

    #breadcrumbs,
    #share-content { padding: 15px }

    .panel img { width: 304px }
    .panel-action { font-size: 0.85em }

    #latest-news.feature.feature-blue.feature-blue-strike-left { min-height: inherit }
    #latest-news-hero .news-big img { width: 550px }
    #latest-news-features .news-thumbnail img { width: 144px }
    #latest-news-features .news-body { max-height: 137px; min-height: 137px; font-size: 0.8em }
    #latest-news-features .news-timestamp { width: 73px }

    #projects-showcase-list ul li,
    #projects-showcase-list ul li img { width: 252px }

    body.home #featured-land img { width: 222px }
    body.home #featured-land .panel-action { font-size: 0.85em }


    #footer-primary-websites ul { width: 222px }
    #footer-primary-websites ul li { width: 100px }
    #footer li a { font-size: 0.8em  }

    #footer-secondary-moreinfo ul li { margin-right: 10px }
    #footer-secondary-moreinfo ul li a { font-size: 0.9em }
    #footer-secondary-vicgov .logo-vicgov a { margin-left: 30px }
    #footer h1 { font-size: 1.7em; margin-left: 0;}

}


.theme.default #content-body h1 { border-bottom: 2px solid #00447c }
.theme.default #content-body h1,
.theme.default #content-body h2,
.theme.default #content-body h3,
.theme.default #content-body a,
.theme.default #content-body a:visited { color: #00447c }

.theme.default #content-body .page-content a, .theme.default #content-body .page-content a:visited { 
    border-bottom: 1px dotted;
    color: #00447c;
    padding-bottom: 0;
    text-decoration: none;
}
.theme.default #content-body .page-content a:hover { border-bottom: 0px dotted; }
.theme.default #content-body .image-gallery-controls a, .theme.default #content-body .image-gallery-controls a:visited{
    border-bottom: 0px dotted;
}

/* Level 1 */
.theme.default .nav.nav-content ul li a { background-color: #dcdbdb; color: #00447c; font-weight: normal;  }
.theme.default .nav.nav-content ul li a:hover { background-color: #00447c; color: #fff; }

.theme.default .nav.nav-content ul li.current a { background-color: #00447c; font-weight: bold; color: #fff; }
.theme.default .nav.nav-content ul li.current a:hover { background-color: #00447c; color: #fff;}

.theme.default .nav.nav-content ul li.hier a { background-color: #00447c; color: white; font-weight: bold }
.theme.default .nav.nav-content ul li.hier a:hover { background-color: #003f6a; color: white }

/* Level 2 */
.theme.default .nav.nav-content ul li.hier ul li.hier a { background-color: #00447c; color: white; font-weight: bold }
.theme.default .nav.nav-content ul li.hier ul li.hier a:hover {background-color: #003f6a;}

.theme.default .nav.nav-content ul li.current ul li a { background-color: #f2f2f2; color: #414042; font-weight: normal }
.theme.default .nav.nav-content ul li.current ul li a:hover { background-color: #00447c; color: #fff; }

.theme.default .nav.nav-content ul li.hier ul li.current > a { background-color: #00447c; font-weight: bold; color: #fff;}
.theme.default .nav.nav-content ul li.hier ul li.current > a:hover {background-color: #00447c; color: #fff;}

.theme.default .nav.nav-content ul li.hier ul li a { background-color: #f2f2f2; color: #414042; font-weight: normal }
.theme.default .nav.nav-content ul li.hier ul li a:hover { background-color: #00447c; color:#fff; }

/* Level 3 */
.theme.default .nav.nav-content ul li.hier ul li.hier ul li a { background-color: #f2f2f2; color: #414042; font-weight: normal }
.theme.default .nav.nav-content ul li.hier ul li.hier ul li a:hover { background-color: #00447c; color:#fff;}

.theme.default .nav.nav-content ul li.hier ul li.hier ul li.current a { background-color: #00447c; font-weight: bold; color: #fff;}
.theme.default .nav.nav-content ul li.hier ul li.hier ul li.current a:hover { background-color: #00447c; color: #fff;}

.theme.green #content-body h1 { border-bottom: 2px solid #1AA5A3; }
.theme.green #content-body h1,
.theme.green #content-body h2,
.theme.green #content-body h3 { color: #1AA5A3; }

.theme.green #content-body a, .theme.green #content-body a:visited { 
    border-bottom: 1px dotted;
    color: #1AA5A3;
    padding-bottom: 0;
    text-decoration: none;
}
.theme.green #content-body a:hover { border-bottom: 0px dotted; }
.theme.green #content-body .image-gallery-controls a, .theme.green #content-body .image-gallery-controls a:visited{
    border-bottom: 0px dotted;
}

/* Secondary (content based) navigation */
.theme.green .nav.nav-content ul li.top { background-color: #1AA5A3; color: white }

/* Level 1 */
.theme.green .nav.nav-content ul li a { background-color: #ccefe7; color: #414042  }
.theme.green .nav.nav-content ul li a:hover { background-color: #00ad87; color: white }

.theme.green .nav.nav-content ul li.current a { background-color: #00ad87; color: white; font-weight: bold }
.theme.green .nav.nav-content ul li.current a:hover { background-color: #00ad87; color: white }

.theme.green .nav.nav-content ul li.hier a { background-color: #00ad87; color: white; font-weight: bold }
.theme.green .nav.nav-content ul li.hier a:hover { background-color: #028266; color: white;  }

/* Level 2 */
.theme.green .nav.nav-content ul li.hier ul li.hier a { background-color: #00ad87; color: white; font-weight: bold }
.theme.green .nav.nav-content ul li.hier ul li.hier a:hover {background-color: #028266;}

.theme.green .nav.nav-content ul li.current ul li a { background-color: #e5f7f3; color: #414042; font-weight: normal }
.theme.green .nav.nav-content ul li.current ul li a:hover {}

.theme.green .nav.nav-content ul li.hier ul li.current > a { background-color: #00ad87; color: white; font-weight: bold }
.theme.green .nav.nav-content ul li.hier ul li.current > a:hover {}

.theme.green .nav.nav-content ul li.hier ul li a { background-color: #e5f7f3; color: #414042; font-weight: normal }
.theme.green .nav.nav-content ul li.hier ul li a:hover { background-color: #00ad87; color: white; }

/* Level 3 */
.theme.green .nav.nav-content ul li.hier ul li.hier ul li a { background-color: #e5f7f3; color: #414042; font-weight: normal }
.theme.green .nav.nav-content ul li.hier ul li.hier ul li a:hover { background-color: #00ad87; color: white; }

.theme.green .nav.nav-content ul li.hier ul li.hier ul li.current > a { background-color: #00ad87; color: white; font-weight: bold }
.theme.green .nav.nav-content ul li.hier ul li.hier ul li.current > a:hover { }
.theme.teal #content-body h1 { border-bottom: 2px solid #4AA0A7 }
.theme.teal #content-body h1,
.theme.teal #content-body h2,
.theme.teal #content-body h3 { color: #4AA0A7 }

.theme.teal #content-body a, .theme.teal #content-body a:visited { 
    border-bottom: 1px dotted;
    color: #387F86;
    padding-bottom: 0;
    text-decoration: none;
}
.theme.teal #content-body a:hover { border-bottom: 0px dotted; }
.theme.teal #content-body .image-gallery-controls a, .theme.teal #content-body .image-gallery-controls a:visited{
    border-bottom: 0px dotted;
}

/* Secondary (content based) navigation */
/*.theme.teal .nav.nav-content ul li.top { background-color: red; color: white }*/

/* Level 1 */
.theme.teal .nav.nav-content ul li a { background-color: #a4cfd3; color: #000;  }
.theme.teal .nav.nav-content ul li a:hover { background-color: #4AA0A7; color: #fff;  }

.theme.teal .nav.nav-content ul li.current a { background-color: #4AA0A7; font-weight: bold; color: #fff; }
.theme.teal .nav.nav-content ul li.current a:hover { background-color: #4AA0A7; color: #fff;  }

.theme.teal .nav.nav-content ul li.hier a { background-color: #4AA0A7; color: #fff; font-weight: bold }
.theme.teal .nav.nav-content ul li.hier a:hover { background-color: #31878E; color: #fff;  }

/* Level 2 */
.theme.teal .nav.nav-content ul li.hier ul li.hier a { background-color: #4AA0A7; color: #fff; font-weight: bold; }
.theme.teal .nav.nav-content ul li.hier ul li.hier a:hover {background-color: #31878E; color: #fff; }

.theme.teal .nav.nav-content ul li.current ul li a { background-color: #c8e2e4; color: #414042; font-weight: normal }
.theme.teal .nav.nav-content ul li.current ul li a:hover { background-color: #4AA0A7; color: #fff;  }

.theme.teal .nav.nav-content ul li.hier ul li.current > a {background-color: #4AA0A7; font-weight: bold; color: #fff;}
.theme.teal .nav.nav-content ul li.hier ul li.current > a:hover {background-color: #4AA0A7; color: #fff; }

.theme.teal .nav.nav-content ul li.hier ul li a { background-color: #c8e2e4; color: #000; font-weight: normal }
.theme.teal .nav.nav-content ul li.hier ul li a:hover { background-color: #4AA0A7; color: #fff;  }

/* Level 3 */
.theme.teal .nav.nav-content ul li.hier ul li.hier ul li a { background-color:#c8e2e4; color: #000; font-weight: normal;  }
.theme.teal .nav.nav-content ul li.hier ul li.hier ul li a:hover { background-color: #4AA0A7; color: #fff;  }

.theme.teal .nav.nav-content ul li.hier ul li.hier ul li.current a { background-color: #4AA0A7; font-weight: bold; color: #fff; }
.theme.teal .nav.nav-content ul li.hier ul li.hier ul li.current a:hover { background-color: #4AA0A7; color: #fff; }

.theme.orange #content-body h1 { border-bottom: 2px solid #DB3939 }
.theme.orange #content-body h1,
.theme.orange #content-body h2,
.theme.orange #content-body h3 { color: #DB3939 }

.theme.orange #content-body a, .theme.orange #content-body a:visited { 
    border-bottom: 1px dotted;
    color: #DB3939;
    padding-bottom: 0;
    text-decoration: none;
}
.theme.orange #content-body a:hover { border-bottom: 0px dotted; }

.theme.orange #content-body .image-gallery-controls a, .theme.orange #content-body .image-gallery-controls a:visited{
    border-bottom: 0px dotted;
}

/* Secondary (content based) navigation 
.theme.orange .nav.nav-content ul li.top { background-color: #DB3939; color: white } */

/* Level 1 */
.theme.orange .nav.nav-content ul li a { background-color: #ed9c9c; color: #000000;  }
.theme.orange .nav.nav-content ul li a:hover { background-color: #DB3939; color: #fff; }

.theme.orange .nav.nav-content ul li.current a { background-color: #DB3939; color: #fff; font-weight: bold }
.theme.orange .nav.nav-content ul li.current a:hover { background-color: #DB3939; color: #fff;}

.theme.orange .nav.nav-content ul li.hier a { background-color: #DB3939; color: #fff; font-weight: bold }
.theme.orange .nav.nav-content ul li.hier a:hover { background-color: #C22020; color: #fff }

/* Level 2 */
.theme.orange .nav.nav-content ul li.hier ul li.hier a { background-color: #DB3939; color: #fff; font-weight: bold; }
.theme.orange .nav.nav-content ul li.hier ul li.hier a:hover {background-color: #C22020; color: #fff; }

.theme.orange .nav.nav-content ul li.current ul li a { background-color: #f8d7d7; color: #000000; font-weight: normal }
.theme.orange .nav.nav-content ul li.current ul li a:hover { background-color: #DB3939; color: #ffffff }

.theme.orange .nav.nav-content ul li.hier ul li.current > a {background-color: #DB3939; color: #fff; font-weight: bold}
.theme.orange .nav.nav-content ul li.hier ul li.current > a:hover {background-color: #DB3939; color: #fff;}

.theme.orange .nav.nav-content ul li.hier ul li a { background-color: #f8d7d7; color: #000000; font-weight: normal }
.theme.orange .nav.nav-content ul li.hier ul li a:hover { background-color: #DB3939; color: #ffffff }

/* Level 3 */
.theme.orange .nav.nav-content ul li.hier ul li.hier ul li a { background-color: #f8d7d7; color: #000000; font-weight: normal }
.theme.orange .nav.nav-content ul li.hier ul li.hier ul li a:hover {background-color: #DB3939; color: #fff; }

.theme.orange .nav.nav-content ul li.hier ul li.hier ul li.current a { background-color: #DB3939; color: #fff; font-weight: bold}
.theme.orange .nav.nav-content ul li.hier ul li.hier ul li.current a:hover { background-color: #DB3939; color: #fff;}

/*  Feature Blocks (Blue theme)  -------------------------------------------------- */
.feature.feature-blue,
.feature.feature-blue h1,
.feature.feature-blue a { color: white }

.feature.feature-blue.feature-blue-strike-left  { background-image: url(http://www.places.vic.gov.au/__data/assets/image/0005/8609/feature-blue-strike-left.png); min-height: 969px }
.feature.feature-blue.feature-blue-strike-right  { background-image: url(http://www.places.vic.gov.au/__data/assets/image/0004/8608/feature-blue-strike-right.jpg); min-height: 869px }

html.no-backgroundsize .feature.feature-blue.feature-blue-strike-left {
     filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.places.vic.gov.au/__data/assets/image/0005/8609/feature-blue-strike-left.png', sizingMethod='scale');
     -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.places.vic.gov.au/__data/assets/image/0005/8609/feature-blue-strike-left.png', sizingMethod='scale')";
 }

html.no-backgroundsize .feature.feature-blue.feature-blue-strike-right {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.places.vic.gov.au/__data/assets/image/0005/8609/feature-blue-strike-right.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.places.vic.gov.au/__data/assets/image/0004/8608/feature-blue-strike-right.jpg', sizingMethod='scale')";
}

.feature.feature-projects { min-height: inherit !important }



/*  Marketing Panels (themes)  -------------------------------------------------- */

.marketing-panel{text-align: center; padding: 1em 0 3em;}
.marketing-panel img {max-width: 200px; margin-right: 3em;}
.marketing-panel .marketingpanel-calltoaction{
    border-radius: 5px;
    margin-left: 3em;
    padding: 1em 2em;
    text-decoration: none;
   
    -webkit-transition: all 0.1s ease-in-out 0s;
    -moz-transition: all 0.1s ease-in-out 0s;
    -o-transition: all 0.1s ease-in-out 0s;
    transition: all 0.1s ease-in-out 0s;
}
.marketing-panel h1 {font-size: 2.5em; margin: 0.67em 0 0em;}
.marketing-panel p {margin-bottom: 3em;}


/*  Aspect theme */
.marketing-panel-aspect{
    background-color: #000000;
    color: #fff;
}
.marketing-panel-aspect h1, .marketing-panel-aspect p {color: #fff;}
.marketing-panel-aspect .marketingpanel-calltoaction{
    background: #ffffff;
    color: #000;
}
.marketing-panel-aspect .marketingpanel-calltoaction:hover{
   opacity: 0.8;
}


/*  Aurora theme */
.marketing-panel-aurora{
    background-color: #9c2d4f;
    color: #fff;
}
.marketing-panel-aurora h1, .marketing-panel-aurora p {color: #fff;}
.marketing-panel-aurora .marketingpanel-calltoaction{
    background: #ffffff;
    color: #9c2d4f;
}
.marketing-panel-aurora .marketingpanel-calltoaction:hover{
   opacity: 0.8;
}


/*  Riverwalk theme */
.marketing-panel-riverwalk{
    background-color: #b31a12;
    color: #fff;
}
.marketing-panel-riverwalk h1, .marketing-panel-riverwalk p {color: #fff;}
.marketing-panel-riverwalk .marketingpanel-calltoaction{
    background: #ffffff;
    color: #b31a12;
}
.marketing-panel-riverwalk .marketingpanel-calltoaction:hover{
   opacity: 0.8;
}


/*  Valley Lake theme */
.marketing-panel-valleylake{
    background-color: #1b4a59;
    color: #fff;
}
.marketing-panel-valleylake h1, .marketing-panel-valleylake p {color: #fff;}
.marketing-panel-valleylake .marketingpanel-calltoaction{
    background: #ffffff;
    color: #1b4a59;
}
.marketing-panel-valleylake .marketingpanel-calltoaction:hover{
   opacity: 0.8;
}


/*  Jacksons Hill theme */
.marketing-panel-jacksonshill{
    background-color: #0e4076;
    color: #fff;
}
.marketing-panel-jacksonshill h1, .marketing-panel-jacksonshill p {color: #fff;}
.marketing-panel-jacksonshill .marketingpanel-calltoaction{
    background: #ffffff;
    color: #0e4076;
}
.marketing-panel-jacksonshill .marketingpanel-calltoaction:hover{
   opacity: 0.8;
}

/*  Heathmont Place theme */
.marketing-panel-heathmont{
    background-color: #ecf0e2;
    color: #54482e;
}
.marketing-panel-heathmont h1, .marketing-panel-heathmont p {color: #54482e;}
.marketing-panel-heathmont .marketingpanel-calltoaction{
    background: #54482e;
    color: #fff;
}
.marketing-panel-heathmont .marketingpanel-calltoaction:hover{
   opacity: 0.8;
}


/*  Kilgour Place theme */
.marketing-panel-kilgour{
    background-color: #fff;
    color: #ffffff;
    border-top: 5px solid #f59f2f;
}
.marketing-panel-kilgour h1, .marketing-panel-kilgour p {color: #59585d;}
.marketing-panel-kilgour .marketingpanel-calltoaction{
    background: #f59f2f;
    color: #ffffff;
}
.marketing-panel-kilgour .marketingpanel-calltoaction:hover{
   opacity: 0.8;
}