@charset "UTF-8";
/* CSS Document */
/*RESET*/html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/*GRID*/
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}
/* FONT FACE KIT */
@font-face {
font-family: 'NeighbourhoodRegular';
src: url('../fonts/neighbourhood-webfont.eot');
src: local('?'), url('../fonts/neighbourhood-webfont.woff') format('woff'), url('../fonts/neighbourhood-webfont.ttf') format('truetype'), url('../fonts/neighbourhood-webfont.svg#webfontXMe6XKxb') format('svg');
font-weight: normal;
font-style: normal;
}
/*BASIC TAGS*/
body{ font:normal 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; color:#606060;}
a{color:#3F3F3F; text-decoration:none;}
a:hover{ color:#20e1c6; text-decoration:none;}
/*a.project:visited{ color:#CCCCCC;}*/
.footer-text, .project{font-size:10px; line-height:15px;}
a.project:hover{ text-decoration:none; color:#20e1c6;}
.green{ color:#20e1c6;}
.green:hover{ text-decoration:underline;}
h1,h2,h3{font-size:24px; line-height:32px; margin-bottom:80px; font-family: 'NeighbourhoodRegular', "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; color:#606060; font-weight: lighter; font-style: normal; font-size-adjust: 0.49;}
.online h1 {margin-bottom:10px;}
body#home-page h1 {font-size:24px; line-height:32px; margin-bottom:15px; font-family: 'NeighbourhoodRegular', "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; color:#FFFFFF; font-weight: lighter; font-style: normal; font-size-adjust: 0.49;}
body#home-page h2 {font-size:24px; line-height:32px; margin-bottom:15px; font-family: 'NeighbourhoodRegular', "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; color:#FFFFFF; font-weight: lighter; font-style: normal; font-size-adjust: 0.49;}
h2 a { color: #606060; z-index:0; text-decoration:underline; }
h2 a:hover {color: #999999; z-index:0; text-decoration:underline; }
h2{ margin-bottom:10px; font-weight: 100; }
h3{ font-size:20px; margin-bottom:0; font-weight: 100;}
p{margin-bottom:20px;}
input, textarea{ display:block; margin-bottom:5px; outline:none; border: #606060 1px solid; width:140px; padding:3px; font:normal 13px/20px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; color:#606060;}
.submit{background-color:#FFFFFF; text-align:left; color:#20e1c6; border:0; outline:0; font-size:16px;}
hr{height:30px; border:0; outline:0; border-top:#CCCCCC 1px dotted; width:940px; margin:30px auto 0 auto; }
hr.white{border-top:#FFF 1px dotted;}
ul.bullet li{list-style-type:disc; margin-left:10px;}
/*
START TICKS ON PROJECT LISTS
*/
a.project:visited{background:url(../images/tick.gif) no-repeat right; }
a.project:visited:hover{background:url(../images/green-tick.gif) no-repeat right; }
body#home-page a.project:visited{background:none; !important }
/*
END TICKS
*/
/*CIRCLES IN HEADER*/
.circles{width:50px; padding-left:22px;}
/*Services under logo*/
div.services{padding-top:50px; line-height:16px;}
div.services a{color:#606060;}
div.services a:hover{color:#20e1c6;}
/*MAIN NAV*/
div#menu{position:relative; margin:0 0 40px 0; padding-top:40px;}
#nav, #nav ul { /* all lists */
padding: 0;
margin: 0 0 0 10px;
list-style: none;
line-height: 1;
position:relative;
}
#nav a {
display: block;
}
#nav li { /* all list items */
float: left;
}
#nav li ul { /* second-level lists */
position: absolute;
z-index:500;
font-size:10px;
line-height:15px;
padding:20px 0 30px 30px;
margin: 17px 0 0 -30px;
width:220px;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
background:url(../images/drop-down-bg.png) no-repeat left bottom;
}
#nav li ul a{
display:block;
width:200px;
padding:2px;
}
body#home-page #nav li ul a{
display:block;
width:200px;
padding:2px;
color:#cccccc;
}
body#home-page #nav li ul a:hover{
color:#20e1c6;
}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}
#home-nav, #about-us-nav, #what-we-do-nav, #our-work-nav, #testimonials-nav, #contact-nav , #news-nav{ height:17px; float:left; font-family: 'NeighbourhoodRegular', sans-serif; font-size:18px; color:#606060;line-height:normal; font-weight: 100; }
/* FOR HOME PAGE */
body#home-page #about-us-nav{ width:78px; color:#cccccc; /* Animate color property across all supporting browsers */
-webkit-transition: color 0.5s ease-in-out;
-o-transition: color 0.5s ease-in-out;
-moz-transition: color 0.5s ease-in-out;
transition: color 0.5s ease-in-out;}
body#home-page #about-us-nav:hover{ color:#a9a9a9; }
body#home-page #what-we-do-nav{width:100px;color:#cccccc; /* Animate color property across all supporting browsers */
-webkit-transition: color 0.5s ease-in-out;
-o-transition: color 0.5s ease-in-out;
-moz-transition: color 0.5s ease-in-out;
transition: color 0.5s ease-in-out }
body#home-page #what-we-do-nav:hover{color:#a9a9a9;}
body#home-page #our-work-nav{width:78px; color:#cccccc; /* Animate color property across all supporting browsers */
-webkit-transition: color 0.5s ease-in-out;
-o-transition: color 0.5s ease-in-out;
-moz-transition: color 0.5s ease-in-out;
transition: color 0.5s ease-in-out }
body#home-page #our-work-nav:hover{color:#a9a9a9;}
body#home-page #testimonials-nav{ width:100px; color:#cccccc; /* Animate color property across all supporting browsers */
-webkit-transition: color 0.5s ease-in-out;
-o-transition: color 0.5s ease-in-out;
-moz-transition: color 0.5s ease-in-out;
transition: color 0.5s ease-in-out }
body#home-page #testimonials-nav:hover{color:#a9a9a9;}
body#home-page #contact-nav{ width:90px; color:#cccccc; /* Animate color property across all supporting browsers */
-webkit-transition: color 0.5s ease-in-out;
-o-transition: color 0.5s ease-in-out;
-moz-transition: color 0.5s ease-in-out;
transition: color 0.5s ease-in-out}
body#home-page #contact-nav:hover{color:#a9a9a9;}
body#home-page #news-nav{ width:70px; color:#cccccc; /* Animate color property across all supporting browsers */
-webkit-transition: color 0.5s ease-in-out;
-o-transition: color 0.5s ease-in-out;
-moz-transition: color 0.5s ease-in-out;
transition: color 0.5s ease-in-out}
body#home-page #news-nav:hover{color:#a9a9a9;}
/* FOR THE OTHER PAGE */
#home-nav{ width:55px; color:#606060; /* Animate color property across all supporting browsers */
-webkit-transition: color 0.5s ease-in-out;
-o-transition: color 0.5s ease-in-out;
-moz-transition: color 0.5s ease-in-out;
transition: color 0.5s ease-in-out;}
#home-nav:hover{ color:#a9a9a9; }
body#home-page #home-nav{ color:#20e1c6;}
#about-us-nav{ width:78px; color:#606060; /* Animate color property across all supporting browsers */
-webkit-transition: color 0.5s ease-in-out;
-o-transition: color 0.5s ease-in-out;
-moz-transition: color 0.5s ease-in-out;
transition: color 0.5s ease-in-out ;
}
#about-us-nav:hover{ color:#a9a9a9; }
body#about-us-page #about-us-nav{color:#20e1c6;}
#what-we-do-nav{width:100px;color:#606060; /* Animate color property across all supporting browsers */
-webkit-transition: color 0.5s ease-in-out;
-o-transition: color 0.5s ease-in-out;
-moz-transition: color 0.5s ease-in-out;
transition: color 0.5s ease-in-out }
#what-we-do-nav:hover{color:#a9a9a9;}
body#what-we-do-page #what-we-do-nav{color:#20e1c6;}
#our-work-nav{width:78px; color:#606060; /* Animate color property across all supporting browsers */
-webkit-transition: color 0.5s ease-in-out;
-o-transition: color 0.5s ease-in-out;
-moz-transition: color 0.5s ease-in-out;
transition: color 0.5s ease-in-out }
#our-work-nav:hover{color:#a9a9a9;}
body#our-work-page #our-work-nav{color:#20e1c6;}
#testimonials-nav{ width:100px; color:#606060; /* Animate color property across all supporting browsers */
-webkit-transition: color 0.5s ease-in-out;
-o-transition: color 0.5s ease-in-out;
-moz-transition: color 0.5s ease-in-out;
transition: color 0.5s ease-in-out }
#testimonials-nav:hover{color:#a9a9a9;}
body#testimonials-page #testimonials-nav{color:#20e1c6;}
#contact-nav{ width:90px; color:#606060; /* Animate color property across all supporting browsers */
-webkit-transition: color 0.5s ease-in-out;
-o-transition: color 0.5s ease-in-out;
-moz-transition: color 0.5s ease-in-out;
transition: color 0.5s ease-in-out}
#contact-nav:hover{color:#a9a9a9;}
body#contact-page #contact-nav{color:#20e1c6;}
#news-nav{ width:70px; color:#606060; /* Animate color property across all supporting browsers */
-webkit-transition: color 0.5s ease-in-out;
-o-transition: color 0.5s ease-in-out;
-moz-transition: color 0.5s ease-in-out;
transition: color 0.5s ease-in-out}
#news-nav:hover{color:#a9a9a9;}
body#news-page #news-nav{color:#20e1c6;}
#nav li:hover ul#contact-us, #nav li:hover ul#about-us-ul{background:url(../images/drop-down-sml-bg.png) no-repeat left bottom;}
body#home-page #nav li ul, body#home-page ul#nav li:hover ul#about-us-ul, body#home-page ul#nav li:hover ul#contact-us{background:#000000 url(../images/black-dropdown.png) bottom;}
/*LOGO*/
.matter-logo{width:113px; height:26px; background:url(../images/matter-on-white.gif) no-repeat;}
body#home-page .matter-logo{background-image:url(../images/matter-on-black.gif);}
/*SERVICES NAV*/
body#digital-page #digital-nav, body#branding-page #branding-nav, body#print-page #print-nav, body#environments-page #environments-nav{color:#20E1C6;}
/*STICKY FOOTER*/
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%; position: relative; width: 1000px; margin: 0 auto; }
#footer {position: relative; margin-top: -430px; /* negative value of footer height */ height: 400px; padding-top:20px; clear:both; color:#606060; width:1000px; margin-left:auto; margin-right:auto;}
#main {padding-bottom: 430px;}/* must be same height as the footer */
.html-content{ position:absolute; z-index:100; width:100%; height:100%;}
.flash-background{ position:absolute; z-index:10; width:100%; height:100%; overflow:hidden; background-color:#000000; color:#CCCCCC;}
.content_homepage {width:700px; float:left; padding:100px 0 0 0px; }
.content_homepage p{ color:#FFF; }
.intro-text{width:230px; float:left; padding:0px 0 0 10px; }
.intro-work {width:230px; float:left; padding:0px 0 0 10px;}
.intro-work a{ color:#20e1c6; text-decoration:none;}
.intro-work a:hover{ color:#20e1c6; text-decoration:underline;}
.intro-news {width:210px; float:left; padding:0px 0 0 10px;}
.intro-news a{ color:#20e1c6; text-decoration:none;}
.intro-news a:hover{ color:#20e1c6; text-decoration:underline;}
.intro-links{width:150px; float:left;}
body#home-page #footer {margin-top: -100px; /* negative value of footer height */height: 70px; color:#FFFFFF;}
body#home-page #main {padding-bottom: 100px;}/* must be same height as the footer */
body#home-page{background-color:#000000;}
#footer a.green{color:#20e1c6;}
.selected-projects a{display:block; color:#606060;}
.selected-projects a:hover{color:#20e1c6;}
/*STRUCTURE*/
.logo{ padding-top:30px;}
.logo a{ color:#606060;}
.logo a:hover{color:#20E1C6;}
/*HOME PAGE ELEMENTS*/
.circle{position:relative;}
.circle img{position:absolute; top:-40px; left:-40px; z-index:1;}
.circle .feature-text{position:absolute; z-index:2; left:10px; padding-top:30px; color:#FFFFFF;}
.white-text{color:#FFFFFF;}
a.homepage-links{color:#FFFFFF;}
a.homepage-links:hover{color:#666666;}
.turq-circle{width:437px; position:relative; float:left; z-index:1; height:600px;}
.turq-circle img{position:absolute; left:-57px;}
.quick-links{ padding-top:260px; position:absolute; z-index:10; width:300px;}
/*
HOME PAGE FULL SCREEN
*/
img.bg {
/* Set rules to fill background */
min-height: 100%;
min-width: 1024px;
/* Set up proportionate scaling */
width: 100%;
height: auto;
/* Set up positioning */
position: fixed;
top: 0;
left: 0;
}
#thebg{display:none;}
@media screen and (max-width: 1024px){
img.bg {
left: 50%;
margin-left: -512px; }
}
body#home-page div.footer{padding-top:10px; color:#FFFFFF; border-top:#FFFFFF 1px dotted; position:relative; margin-top:350px;}
body#our-work-page div#wrap, body#contact-page div#wrap , body#about-us-page div#wrap { background-color:#FFFFFF;}
/* CLEARFIX*/
.clearfix:after {content:"."; display: block; height: 0; clear: both; visibility: hidden;}
/* 'zoom' rule could go in a separate IE stylesheet for validation if needed. */
.clearfix { zoom:1; /*for ie 5.5-7*/}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*REQUEST A QUOTE*/
.request{position:relative; float:left; width:115px; height:115px;}
.request img{position:absolute; top:-5px; left:-5px; z-index:1;}
/*DIGITAL PAGE*/
.relative{position:relative; height:400px;}
.digital-hero{ position:absolute; top:-180px; left:0; height:803px;}
.thumbnail img{margin-bottom:20px;}
/*ADD THIS*/
.add-this-link{padding-top:373px; margin-bottom:55px;}
.add-this-link-web{padding-top:373px; margin-bottom:35px;}
.request-a-quote-side-link{font-size:16px;}
.like-this-butt{ display:block; border-right: 1px solid #FFF; background-color:#F5F5F5; height:20px; width:65px; margin:10px 0; float:left; font-size:9px;}
body#digital-page .add-this-link{padding-top:0;}
body#digital-page .add-this-link-web{padding-top:0;}
body.logos-page .add-this-link{padding-top:0;}
/*SERVICES PAGE*/
.services-diagram{margin-top:-100px;}
.services-icon{position:relative; height:45px;}
.services-icon img{position:absolute; left:-3px;}
.services-icons{float:left;}
.hero-shots{ position:absolute; top:-180px; left:0; height:803px;}
/*ENVIRONMENTS PAGE*/
.environments-hero{ position:absolute; top:-130px; left:0; height:103px;}
/*LOGOS PAGE*/
.logos{ font:normal 11px/14px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;}
.logo-thumb{ display:block; width:220px; height:183px; background: no-repeat 0 0; margin-bottom:5px;}
a.logo-thumb:hover{background-position:0 -183px;}
a.logo-thumb span{display:none;}
.bbq-logo{background-image: url(../images/logo-design/logo-design-the-bbq.gif);}
.ebus2-logo{background-image: url(../images/logo-design/logo-design-ebus2.gif);}
.courageous-conversations-logo{background-image:url(../images/logo-design/logo-design-courageous-conversations.gif);}
.sgi-logo{background-image:url(../images/logo-design/sgi-logo.gif);}
.latam-logo{background-image:url(../images/logo-design/latam-group-logo.gif);}
.le-cheval-dor-logo{background-image:url(../images/logo-design/le-cheval-dor-logo.gif);}
.macbuilt-logo{background-image:url(../images/logo-design/macbuilt-homes-logo.gif);}
.dap-logo{background-image:url(../images/logo-design/dentistsatpymble-logo.gif);}
.rhino-logo{background-image:url(../images/logo-design/rhino-logo.gif);}
.nmi-logo{background-image:url(../images/logo-design/nmi-logo.gif);}
.precision-imaging-logo{background-image:url(../images/logo-design/precision-imaging-logo.gif);}
.spectrum-logo{background-image:url(../images/logo-design/spectrum-logo.gif);}
.bungy-valley-logo{background-image:url(../images/logo-design/bungy-valley-logo.gif);}
.tracknet-logo{background-image:url(../images/logo-design/tracknet-logo.gif);}
.eight-joinery-logo{background-image:url(../images/logo-design/eight-joinery-logo.gif);}
.vard-logo{background-image:url(../images/logo-design/the-vard-logo.gif);}
.ptw-logo{background-image:url(../images/logo-design/ptw-logo.gif);}
.cherrywood-logo{background-image:url(../images/logo-design/cherrywood-logo.gif);}
.vault146-logo{background-image:url(../images/logo-design/vault-logo.gif);}
.elegaan-logo{background-image:url(../images/logo-design/elegaan-logo.gif);}
.landscape-aus-logo{background-image:url(../images/logo-design/landscape-aus-logo.gif);}
.rspca-qld-logo{background-image:url(../images/logo-design/rspca-qld-logo.gif);}
.bottle-o-logo{background-image:url(../images/logo-design/bottle-o-logo.gif);}
.solgen-logo{background-image:url(../images/logo-design/solgen-logo.gif);}
/*PORTFOLIO PAGE*/
ul#filter { float: left; font-size: 13px; list-style: none; margin-left: 0; width: 100%; margin-left:10px; }
ul#filter li {
border-right: 1px solid #dedede;
float: left;
line-height: 16px;
margin-right: 10px;
padding-right: 10px;
}
ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
ul#filter a { color:#3F3F3F; text-decoration:none; }
ul#filter li.current a, ul#filter a:hover { color:#20e1c6; text-decoration:none; }
ul#filter li.current a {color:#20e1c6; }
ul#portfolio { float: left; list-style: none; margin-left: 0; }
ul#portfolio li {
float: left;
margin: 0 10px 10px 0;
padding: 5px;
width:300px;
height:300px;
}
.thumbnail-button{ display:block; width:220px; height:105px; background: no-repeat 0 -105px; margin-bottom:5px;}
.thumbnail-button:hover{ background-position:0 0;}
.thumbnail-button span{display:none;}
.thumb-vault{background-image:url(../images/portfolio-thumbnails/portfolio-thumbnails-vault146.jpg);}
.thumb-solgen{background-image:url(../images/portfolio-thumbnails/portfolio-thumbnails-solgen.jpg);}
.thumb-eight{background-image:url(../images/portfolio-thumbnails/portfolio-thumbnails-eight-hotels.jpg);}
.thumb-prosper-group{background-image:url(../images/portfolio-thumbnails/portfolio-thumbnails-prosper-group.jpg);}
.thumb-bottleo{background-image:url(../images/portfolio-thumbnails/portfolio-thumbnails-bottle-O.jpg);}
.thumb-loft{background-image:url(../images/portfolio-thumbnails/portfolio-thumbnails-loft.jpg);}
.thumb-stoned-crow{background-image:url(../images/portfolio-thumbnails/portfolio-thumbnails-stoned-crow.jpg);}
.thumb-walker{background-image:url(../images/portfolio-thumbnails/portfolio-thumbnails-citiswich.jpg);}
.thumb-logos{background-image:url(../images/portfolio-thumbnails/portfolio-thumbnails-logos.jpg);}
.thumb-montgomery-homes{background-image:url(../images/portfolio-thumbnails/portfolio-thumbnails-montgomery-homes.jpg);}
.thumb-japan-expo{background-image:url(../images/portfolio-thumbnails/portfolio-thumbnails-japn-expo.jpg);}
.thumb-pryde{background-image:url(../images/portfolio-thumbnails/portfolio-thumbnails-pryde.jpg);}
.thumb-mtg{background-image:url(../images/portfolio-thumbnails/portfolio-thumbnails-mtg.jpg);}
.thumb-ivory{background-image:url(../images/portfolio-thumbnails/portfolio-thumbnails-ivory.jpg);}
.thumb-cherrybrook-capital{background-image:url(../images/portfolio-thumbnails/portfolio-thumbnails-cherrybrook-capital.jpg);}
/*SUB NAV SIDE*/
body.australian-gifts-and-homewares-association-page .australian-gifts-and-homewares-association, body.esr-prestige-page .esr-prestige, body.bottle-o-page .bottle-o, body.prosper-group-property-advisory-page .prosper-group-property-advisory, body.vault146-restaurant-and-bar-page .vault146-restaurant-and-bar, body.solgen-energy-page .solgen-energy, body.solgen-energy-page .solgen-energy, body.the-stoned-crow-page .the-stoned-crow, body.loft-cafe-page .loft-cafe, body.walker-corporation-page .walker-corporation, body.japan-expo-page .japan-expo, body.japan-expo-page .japan-expo, body.eight-hotels-page .eight-hotels, body.montgomery-homes-page .montgomery-homes, body.mtg-page .mtg, body.pryde-meats-page .pryde-meats, body.logos-page .logo-design, body.ivory-apartments-page .ivory-apartments, body.cherrybrook-capital-page .cherrybrook-capital{color:#20e1c6;}
/*CONTACT PAGE*/
.main-form{width:220px; display:block; margin-bottom:10px;}
/*CLIENT LIST*/
ul.clientlist ul{padding-left:10px;}
ul.clientlist ul ul{padding-left:15px;}
/* WEB DESIGN PAGES*/
.web{font-size:11px; line-height:15px;}
.web img{margin-bottom:20px;}
/* LOGO AND WEB PAGES*/
.thumbnail-row{margin-bottom:10px; float:left; width:960px;}
.logo-thumbnail-row{ width:940px; margin-bottom:10px; float:left;}
/* WHAT WE DO PAGE*/
#what-we-do-flash{width:960px; height:460px; float:left;}
/*PROCESS*/
#process-flash{width:960px; height:400px; float:left; }
/*ABOUT US*/
#about-us-flash{height:400px;}
/*TOOLTIP*/
.tooltip{}
#tooltip{
position:absolute; z-index:700; background:#20e1c6; padding:5px 10px; color:#FFF; display:none;
}
#tooltip{
position:absolute; z-index:700; background:#20e1c6; padding:5px 10px; color:#FFF; display:none;
}
/* ONLINE PAGE */
#content_online { position:relative; width:940px; height:360px; }
.wordpress {
position:absolute;
cursor:pointer;
}
.analytic {
position:absolute;
left:625px;
top:-25px;
cursor:pointer;
}
.facebook{
position:absolute;
left:675px;
top:75px;
cursor:pointer;
}
.mac {
position:absolute;
left:318px;
top:16px;
cursor:pointer;
}
.ipad {
position:absolute;
left:145px;
top:140px;
cursor:pointer;
}
.iphone {
position:absolute;
left:110px;
top:240px;
cursor:pointer;
}
.tooltip {
display:none;
position:absolute;
left:0;
background-image: url(../images/online/back_tooltip.png);
background-repeat:no-repeat;
padding:25px 25px 0px 25px;
width:315px;
height:190px;
font-size:12px;
z-index:20;
color:#606060;
}
.tooltip h2{ margin-bottom:10px; }
.tooltip span { font-size:12px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
.tools {
display:none;
position:absolute;
left:0;
background-image: url(../images/tooltipss.png);
background-repeat:no-repeat;
padding:25px 25px 0px 25px;
width:315px;
height:190px;
font-size:12px;
z-index:20;
color:#606060;
}
.tools h2{ margin-bottom:0px; }
.tools span { font-size:12px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
.logo_online {
float:left;
margin-bottom:25px;
}
.blocks_info {
float:left;
margin-bottom:-70px;
margin-top:-10px;
}
.block_info_online {
float:left;
width:290px;
height:250px;
margin-right:20px;
}
.block_info_online h1{
margin-bottom:10px;
line-height:25px;
height:50px;
}
.block_info_online a{color:#20e1c6; text-decoration:none;}
.block_info_online a:hover{ text-decoration:underline;}
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.
Copyright 2006 – 2008 Mark Wubben,
Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
See also and .
This software is licensed and provided under the CC-GNU LGPL.
See
*****************************************************************************/
@media screen {
.sIFR-flash {
visibility: visible !important;
margin: 0;
padding: 0;
}
.sIFR-replaced, .sIFR-ignore {
visibility: visible !important;
}
.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
margin: 0pt;
padding: 0pt;
overflow: auto;
letter-spacing: 0px;
float: none;
}
}
@media print {
.sIFR-flash {
display : none !important;
height : 0;
width : 0;
position : absolute;
overflow : hidden;
}
.sIFR-alternate {
visibility : visible !important;
display : block !important;
position : static !important;
left : auto !important;
top : auto !important;
width : auto !important;
height : auto !important;
}
}
/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
/* Example:
.sIFR-active h1 {
font-family: Verdana;
visibility: hidden;
}
*/
}
/* Easy Slider */
#slider ul, #slider li,
#slider2 ul, #slider2 li{
margin:0;
padding:0;
list-style:none;
}
#slider2{margin-top:1em;}
#slider li, #slider2 li{
/*
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/
width:700px; height:440px;overflow:hidden;}
#prevBtn, #nextBtn,
#slider1next, #slider1prev{
display:block;
width:30px;
height:77px;
position:absolute;
left:0px;
top:185px;
z-index:1000;
}
#nextBtn, #slider1next{
left:670px;
}
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{
display:block;
position:relative;
width:30px;
height:77px;
background:url(../images/btn_prev.png) no-repeat 0 0;
}
#nextBtn a, #slider1next a{
background:url(../images/btn_next.png) no-repeat 0 0;
}
/* numeric controls */
ol#controls{
margin:1em 0;
padding:0;
height:28px;
float:right;
}
ol#controls li{
margin:0 0 0 0;
padding:0;
float:left;
list-style:none;
height:22px;
line-height:28px;
width:22px;
text-indent:-9000px;
}
ol#controls li a{
float:left;
height:28px;
line-height:28px;
background:url(../images/circle-light-grey.gif) no-repeat;
color:#FFF;
padding:0 10px;
text-decoration:none;
}
ol#controls li.current a{
background:url(../images/circle-on.gif) no-repeat;
color:#fff;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
/* // Easy Slider */
.relative{position:relative;}
*::-moz-selection { background: #20e1c6 none repeat scroll 0 0; color:#FFFFFF; }
::selection { background: #20e1c6 none repeat scroll 0 0; color:#FFFFFF; }