html { -webkit-text-size-adjust:100%; word-wrap:break-word }
    body { 
      font-family:'Source Sans Pro', sans-serif; background:#EEE; margin:0; color:#333; font-weight:300 
    }
    a img { border:0 }
    textarea{display:block}
    span.required{color:red}
    #content #overview p.note,
    #content p.note{padding:10px;border:1px solid #8cc264;margin:1.5em 0}
    #content #overview p.outdated,
    #content p.outdated{border:1px solid #840505;padding:10px;margin:1.5em 0}
    #content { 
      background:0 0;
      margin:0;
      padding:3em 0;
      color:#333;
      border:0;
      clear:both
    }
    #content h1 { 
      font-size:2em; 
      line-height:1.2; 
      margin:0 0 .1em; 
      font-weight:300; 
      color:#0054a6;
      width:auto; 
      display:inline-block;
      padding-top:.4em
    }
    #whatwerethinking #content,
    #whoweare #content {
      padding:0.5em 7%
    }
    #content div.commentEntry p:after, .dwpe-ad:after, .clearfix:after {
      content:".";
      display:block;
      height:0;
      clear:both;
      visibility:hidden
    }
    #content div.commentEntry p, .dwpe-ad, .clearfix { 
      zoom:1 
    }	
    #home #header, #header { 
      position:static; 
      background-position:left -7em; 
      padding: 0; 
	    overflow: hidden;
      /* Fallback */
      background-color:#0054a6; 
      /* Old Syntax ... try for Android 2.1 */
      /* background-image:-webkit-gradient(linear, left top, left bottom color-stop(0%, #0054a6), color-stop(100%, #c7daec)); */
      /* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
      background-image:-webkit-gradient(linear, left top, left bottom, from(#0054a6), to(#c7daec));
      /* For Safari 5.1 to 6.0, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
      background: -webkit-linear-gradient( #0054a6, #c7daec); 
      /* For Opera 11.1 to 12.0 */
      background: -o-linear-gradient( #0054a6, #c7daec);
      /* For Firefox 3.6 to 15 */
      background: -moz-linear-gradient( #0054a6, #c7daec);
      /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+  -- Standard syntax? */
      background: linear-gradient( #0054a6, #c7daec);
      /* IE 9 */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0054a6', endColorstr='#c7daec');
      zoom: 1
    }
    #home #header { 
      background-position:bottom left 
    }
	  /*
    .iconheaderbg-new {
      background-image: url('images/Gradient.jpg');
    }
	  */
    #headerInner { position:relative; max-width:60em; margin:0 auto; padding:0 7% }
    #home #headerInner { 
      position:static;
      height:auto!important 
    }
    #filament_logo { 
      padding:0; 
      font-size:1em; 
      width:100%
    }
    #filament_logo a {
      text-indent:-99999px;
      overflow:hidden; 
      display:block;
      width:100%;
      height:100%
    }
    h1#filament_logo { 
      margin:2em 7% 0; 
      text-indent:-99999px; 
      overflow:hidden;
      max-width:15em;
      background-size:100%; 
      height:3em
    }
    p#filament_logo { 
      margin:.1em 7% 0 0; 
      float:left; 
      width:13em;
      background-size:100%; 
      height:4.5em;
    }
    .iconfg-logo {
      background-image: url('../images/Swift-Window-Cleaning-Perth-Logo.png');
      height: 2em;
    }
    #navToggle { 
      margin:0; 
      font-size:1em;
      text-decoration:none;
      font-weight:600;
      color:#286b09;
      position:absolute;
      right:0;
      top:0;
      width:18%;
      max-width:6em
    }
    #navToggle a { 
      display:block;
      text-decoration:none;
      color:#286b09;
      background-position:50%;
      padding:0;
      text-indent:-9999px;
      width:100%;
      height:4.5em;
      border-left:1px solid rgba(255,255,255,.25)
    }
    #primaryNavigationWrap{ clear:both }
    .collapsible-heading-status { position:absolute; left:-99999px }
    .enhanced #primaryNavigationWrap,.collapsible-content-collapsed { display:none}
    .enhanced #primaryNavigationWrap[aria-hidden=false] { display:block }
    #home_nav{margin:1.5em 0 0}
    #home_nav ul, 
    #primaryNavigation { margin:0; padding:0;  text-align: center;  }
    #header:after {
      content:"\20";
      display:block;
      height:5px;
      background:rgb(0,0,0);
      width:100%;
      position:relative;
      z-index:999
    }
    #home #header:after { display:none }
    #home_nav li, 
    #primaryNavigation li { 
      list-style:none;
      font-weight:300;
      display:block;
    }
    #home_nav li a,
    #primaryNavigation li a {
      color:#fff;
      /*font-size:2em;*/
      text-decoration:none;
      padding:.5em 7%;
      display:block;
      background:rgba(0,0,0,.2);
      margin-bottom:1px;
      font-weight:300;
    }
    #home_nav li a:hover, 
    #primaryNavigation li a:hover {
      background:rgba(0,0,0,.4)
    }
    #home_nav li:last-child a { margin-bottom:0 }
    #home #content{padding:2em 7%;border-bottom:1px solid #ddd;overflow:hidden}
    #primaryContent p, 
    #secondaryContent p, 
    #primaryContent li, 
    #secondaryContent li { 
      font-size:1.1em; 
      line-height:1.3 
    }
    h2{ font-size:1.2em; margin:2em 0 0 }
    h3{ font-size:1.55em; font-weight:300 }
    h4{ font-size:1.5em }
    h5{ font-size:1.4em }

    .entry h2, 
    .entry h3 { margin-top:1.9em; margin-bottom:.2em }
    .entry h2 { font-size:1.3em }
    .entry h3 { color:#555; font-size:1em; font-weight:700; text-transform:uppercase}

    .project-blurb{position:relative;clear:both;/*margin-bottom:1em;margin-top:2em*/}
    .project-blurb:after{content:"\20";display:block;clear:both}
    .project-blurb:last-child{margin-bottom:4em}
    .project-blurb:before{content:"\20";display:block;bottom:0;width:70%;border:1px dashed #ddd;margin:0 auto 1em;clear:both}
    .project-blurb:first-child{margin-top:1em}
    .project-blurb img{display:block;margin:1em 0 1em;max-height:20em}
    .project-blurb h2{font-size:1.6em;font-weight:300;margin:.8em 0 .1em}
    #content .project-blurb p{font-size:1.1em}
    #content .project-blurb p.meta{font-size:.9em;font-weight:300;margin:.4em 0;padding-bottom:.8em;text-transform:uppercase}
    #content .project-blurb p.meta span{font-weight:600;color:#555;padding-right:.5em;margin-right:.5em;border-right:1px solid #ddd}
    #content .project-blurb p.project-link em{font-size:.9em}
    #content .project-blurb p.project-link:before{content:"\20";width:.6em;height:.6em;display:inline-block;margin:0 .5em 0 0;position:relative;background:#1286D6}
    
    #footer-bottom {
      margin: 0;
      background-color: #23272b;
    }
    .row:after {
      clear: both;
    }
    .row:before, 
    .row:after {
      display: table;
      line-height: 0;
      content: "";
    }
    .span6 {
      width: 50%;
    }
    
    #footer-bottom  ul {
      margin: 0;
      padding: 0;
    }
    #footer-bottom {
      padding: 15px 0;
      font-size: 12px;
      line-height: 1em;
      color: #6d7278;
    }
    
    #footer-bottom .footer-bottom-menu {
      text-align: right;
    }     
    #footer-bottom .social-links,
    #footer-bottom .footer-bottom-menu {
      text-align: center;
    }
    #footer-bottom .social-links li {
      margin-right: 5px;
      display: inline-block;
    }
    #footer-bottom .social-links li:last-child {
      margin-right: 0;
    }
    
    #footer-bottom .social-links li a{
      width: 32px;
      height: 32px;
      /*display: inline-block;*/
      text-indent: -9999px;
    }
    #footer-bottom .footer-bottom-menu a{
      color:#6D7278;
    }
    #footer-bottom .footer-bottom-menu a:hover {
      color:#9da4ab;
    }
    .menu-navigation-container ul {
      padding: 0px;
      margin: 0;
      list-style: none outside none;
    }
    .menu-navigation-container ul li {   
      margin-left: 7px;
      display: inline-block;
      line-height: 32px;
    }
    .menu-navigation-container ul li:before {   
      padding-right:7px;
      content: "/";
    }
    .menu-navigation-container ul li:first-child {   
      margin-left: 0;
    }
    .menu-navigation-container ul li:first-child:before {   
      padding-right:0;
      content: "";
    }
     
    .button {
       border-top: 1px solid #96d1f8;
       /*border: 5px solid #397aba; */
       background: #65a9d7;
       background: -webkit-gradient(linear, left top, left bottom, from(#0054a6), to(#c4d7ea));
       background: -webkit-linear-gradient(top, #0054a6, #c4d7ea);
       background: -moz-linear-gradient(top, #0054a6, #c4d7ea);
       background: -ms-linear-gradient(top, #0054a6, #c4d7ea);
       background: -o-linear-gradient(top, #0054a6, #c4d7ea);
       padding: 5px 10px; /* Ratio 1:2 */
       -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
       border-radius: 8px;
       -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
       -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
       box-shadow: rgba(0,0,0,1) 0 1px 0;
       text-shadow: rgba(0,0,0,.4) 0 1px 0;
       color: white;
       font-size: 12px; /* Hight of the button */
       font-family: Georgia, serif;
       text-decoration: none;
       vertical-align: middle;
       }
    .button:hover {
       border-top-color: #28597a;
       background: #28597a;
       color: #ccc;
       }
    .button:active {
       border-top-color: #1b435e;
       background: #1b435e;
       }
    
    img, video { max-width:100% }     
    
    @media (min-width:30em) {
      #navToggle{top:1em;width:auto;right:3em}#navToggle a{width:5.5em;height:2.4em;border:1px solid rgba(255,255,255,.4);text-indent:.8em;background-position:4em center;color:#fff;font-weight:300;border-radius:7px;font-size:1.1em;line-height:2.3}
      #content .project-blurb p.meta{font-size:1em;}
      }
    @media (min-width:39em) {
      #navToggle{top:1em}
      #home #content{padding:2em 7%;max-width:60em;margin:0 auto}
      .project-blurb h2{font-size:2.5em;width:100%}
      #content .project-blurb p.meta{font-size:1em;margin-bottom:1.5em;margin-top:.4em}
      #content .project-blurb p.meta:after{display:block;position:absolute;border-bottom:2px solid #FFDD15;width:100%;margin:.5em 0}
      #home #contain{padding-top:6em}
      #home #header{padding:0;position:static}
      #headerInner{position:relative;max-width:60em;margin:0 auto;padding:0 7%}
      #home #headerInner{position:static;height:auto!important}
      h1#filament_logo{margin:4.7em 0 1em 7%;width:12.5em;float:left;max-width:none}
      p#filament_logo{ margin:0.1em 0 .1em; max-width:13em }
      body#home p.intro{margin:2.5em 0 3em 2em;font-size:1.2em;line-height:1.5;float:left;width:45%;clear:none;max-width:none}
      #home_nav{position:absolute;top:0;left:0;width:100%}#content{padding:2em 3em}
      #primaryContent #overview{padding-right:0}
      #content #overview p{font-size:1.3em;line-height:1.4;margin:.5em 0 .7em; max-width:36em}
      #content #overview p.postData{font-size:1.5em;margin:.8em 0}
      #content h1{font-size:2em;margin:.5em 0 .1em;letter-spacing:-.01em}
      #primaryContent p,#secondaryContent p,#primaryContent li,#secondaryContent li{font-size:1.3em;margin:.5em 0;line-height:1.45}
      #primaryContent li p,#secondaryContent li p{font-size:1em}
      #primaryNavigation { margin:1.4em; padding:0 }
      #primaryNavigation li a { margin-right:1px }
      #home_nav li a,#primaryNavigation li a{opacity:.7;padding-left:1em;padding-right:1em}
      #home_nav li a{opacity:.8}
      #whatwedo li.whatwedo a,
      #whatwevedone li.whatwevedone a, 
      #whatwerethinking li.whatwerethinking a, 
      #whoweare li.whoweare a,
      #code li.code a{opacity:1}
      #home_nav li a:hover,#primaryNavigation li a:hover{background:0 0;opacity:1;text-decoration:none}
      #home_nav ul{margin:0;background:#fff;display:table;width:100%;background:0 0;padding:0;background:0 0;padding:0 3em;box-sizing:border-box}
      #home_nav{width:100%;box-sizing:border-box;padding:0 7%}
      #home_nav ul{position:static;max-width:60em;margin:0 auto;padding:0}
      #home_nav li{display:table-cell;float:none;width:20%;border:0;border-radius:0!important;background:0 0}
      #home_nav li a{white-space:nowrap;padding:.5em 0;font-weight:300;font-size:1.3em;display:block;color:#555;background:0 0;text-align:center}#home_nav li.whatwedo a,#home_nav li.whatwerethinking a{margin-right:0}
      #home_nav li.whatwedo a{text-align:left}
      #home_nav li.code a{}
      #articles{font-size:1.1em}
      #primaryNavigation li a{white-space:nowrap}
      #copyright{border-bottom:0;padding:2em 0;border-top-color:#ddd;background:0 0;clear:both;margin:0 3em;border-top:1px solid #ddd}
      #copyright .company,
      #copyright .adr{float:left;margin:0 1em 0 0;font-size:1em;padding:0}
      #copyright .adr{position:relative;top:-.15em}
      #copyright dl{float:left;margin-right:1em;margin-top:.5em;font-size:.95em}
      #copyright dl.tel{clear:left}#copyright dl dt{min-width:inherit}
      #copyright .copyright{clear:left;padding:.5em 0}
      #home #upcoming{width:12em;float:left}
      #home #footerBook li em{padding-top:1em}
      #home #footerBook{margin:0;float:left;width:45%;margin-left:3em}.project-blurb h2,.project-blurb p{width:60%}
      #content .project-blurb:before{clear:both;border:0;padding-bottom:2em}
      #content .project-a img{top:0;margin-bottom:0;margin-top:1em}
      #content .project-a video{top:0;margin-bottom:0;margin-top:1em}
      #content .project-a iframe{top:0;margin-bottom:0;margin-top:1em}
      #content .project-a h2{width:100%}.project-a p{width:100%}
      #content .project-a p.meta{width:100%;border-bottom:1px solid #ddd;float:none}
      #content .project-b:after{margin-top:0em;margin-bottom:0}
      #content .project-b img{position:absolute;right:0;top:5em;max-height:90%;margin:0;max-width:35%}
      #content .project-b video{position:absolute;right:0;top:5em;max-height:90%;margin:0;max-width:35%}
      #content .project-b h2{float:left}
      #content .project-b p.meta{border-bottom:1px solid #ddd}
      #content .project-c:after{margin-top:0;clear:both;display:block}
      #content .project-c img{position:absolute;left:0;top:5em;max-height:90%;margin:0;max-width:35%}
      #content .project-c video{position:absolute;left:0;top:5em;max-height:90%;margin:0;max-width:35%}
      #content .project-c h2{float:right}
      #content .project-c p{float:right;margin-left:0}
      #content .project-c p.project-link{float:right;clear:right;width:60%}
      #content .project-c p.meta{border-bottom:1px solid #ddd;margin:0;width:60%}
      #code #content li h3{font-size:.9em}
      #code #content li p{font-size:.8em}
      #primaryNavigation{margin-left:0;margin-right:0}
      #home_nav ul,#primaryNavigation{width:100%;display:table}
      #primaryNavigation li{display:table-cell}
      #primaryNavigation li a{background:0 0;padding:.5em 0}
     }
    }
    @media (min-width:30em) and (max-width:36em),(min-width:50em) and (max-width:66em) {
      #home #footerBook li em { font-size:1.2em; line-height:1.3; padding-top:1.6em }
      #home #footerBook li p{ font-size:1.1em }
    }
	
    @media (min-width:39em){h1#filament_logo{margin:5.6em 0 1em;width:15em}body#home p.intro{margin:2em 0 2em 7%;font-size:1.4em;width:45%}#home #footerBook{margin-left:6em;width:44%;box-sizing:border-box}}

    @media (min-width:41em){#home_nav li a,#primaryNavigation li a{}}
    @media (max-width:44em) {
      .row [class*="span"] {
        display: block;
        float: none;
        width: 100%;
        margin-left: 0;
        box-sizing: border-box;
      }
    }
    @media (min-width:44em){#upcoming{width:18em;float:left}.code-group{box-sizing:border-box;padding-right:5%;width:45%;float:left}.code-group:nth-child(even){float:right;width:50%}
      .row [class*="span"] {
      float: left;    
      }
    }
    @media (min-width:50em){h1#filament_logo{}#home_nav ul{}.project-blurb{margin-right:-28%}.project-a p.project-link{float:right;width:60%}.project-a p{/*width:60%*/;margin-top:0;clear:right;float:right}.project-b.project-img-kick img{width:45%;margin-right:-12%}#code #primaryContent{overflow:hidden}.logo-intro{margin:0 auto;max-width:60em}#home #primaryNavigation{width:100%}#home_nav li a{font-size:1.4em;white-space:nowrap}.postTitle,#primaryContent,#secondaryContent{padding-right:28%}#code #primaryContent{padding-right:0}h2,.entry h2{font-size:1.5em;font-weight:600}h3,.entry h3{font-size:1.3em;font-weight:300}#whatwerethinking #content h1{width:120%;max-width:none;font-size:2.5em;}#whatwerethinking #content #primaryContent h1{width:120%}#whoweare #primaryContent h2{float:left;width:23%;clear:both;text-align:right;font-size:1.5em;margin:1.8em 0 0}#whoweare #primaryContent h2 span{display:block}#whoweare #primaryContent h2 a{display:block;margin:.8em 0;float:right;width:auto;font-size:.65em}#whoweare #primaryContent{overflow:hidden;padding-bottom:4em;padding-right:14%}#whoweare #primaryContent p{margin:2.2em 0;float:right;width:72%;font-size:1.2em}#footerInterior #footerBook{clear:both}#overview{padding-right:10%}#primaryContent .example_left{margin-left:-10em}#primaryContent .example_right{margin-right:-10em}body#home p.intro{margin:2em 0 2em 2.3em;width:50%;font-size:1.6em}#content{max-width:60em;margin:0 auto}#home #footerBook{margin-left:7em;width:50%;margin-top:-1px;padding-bottom:3em}#navToggle{display:none}#primaryNavigationWrap,.enhanced #primaryNavigationWrap{display:block;float:right;width:67%;clear:none;margin:0}#primaryNavigation li a{background:0 0;padding:0.2em .1em; font-size:1.2em }}
    @media (min-width:56em){#home #footerBook{margin-left:7em}#footerInterior #footerBook img{height:10em}#footerInterior #footerBook{padding-bottom:1.5em}#footerInterior #footerBook li{float:left;width:47.5%;padding-bottom:0;clear:none;margin-right:5%}#footerInterior #footerBook li:last-child{margin-right:0}}
    @media (min-width:62em){#primaryNavigation li{/*width:1%*/;float:none;display:table-cell}#content h1{min-width:60%}p#filament_logo{margin-left:0;float:left;width:18em}#primaryNavigationWrap{width:60%}#primaryNavigation li a{font-size:1.3em;padding:.2em}}
    @media (min-width:65em){#whatwevedone #content,#whatwedo #content,#whatwerethinking #content,#whoweare #content,#contactus #content,#code #content{padding:0.5em 0;max-width:60em;margin:0 auto}h1#filament_logo{margin-top:6.2em;margin-left:0;width:18em}body#home p.intro{margin:2em 0 2em 3em;width:55%;font-size:1.8em}#copyright{max-width:60em;margin:0 auto;padding-left:0}.footer-bottom-wrap{max-width:60em;margin:0 auto;padding-left:0}}
    @media (min-width:66em){#home #content{padding:2em 0;max-width:60em;margin:0 auto;overflow:hidden}#home #upcoming{width:18em}#home #footerBook{margin-left:5.5em;width:60%}#home #footerBook li{float:left;width:47.5%;clear:none;padding-bottom:0;margin-right:5%}#home #footerBook li:last-child{margin-right:0}#home #footerBook li img{max-height:9em}#home #footerBook h3,#home #upcoming h3{font-size:1.5em;margin-bottom:1.5em}}