html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video
{margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 font: inherit;
 vertical-align: baseline;
}

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

body
{line-height: 1;
}

ol, ul
{list-style: none;
}

blockquote, q
{quotes: none;
}

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

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

body
{background:#EEEEEE url('../img/background.jpg') no-repeat top center;
 font-family:"Century Gothic", Arial, Verdana;
 font-size: 13px;
 line-height: 21px;
}

p.std, .about-content
{color:#949494;
 text-align:left;
 font-size:13px;
 line-height: 21px;
}


h1
{color:#000000;
 font-weight:normal;
 text-align:left;
 margin-bottom:12px;
 font-size:20px;
 letter-spacing:1px;
}

h2
{color:rgb(194, 177, 177);
 font-weight:normal;
 text-align:left;
 font-size:14px;
 letter-spacing:1px;
 margin-bottom:5px;
 /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  opacity: 0.4;*/
 cursor:pointer;
}

a:link, a:visited
{color: #949494;
 text-decoration: underline;
}

a:hover
{color:#000000;
 text-decoration:underline;
}

#whiteband1
{background-color:#EEEEEE;
 position:absolute;
 top:0px;
 height:370px;
 width:100%;
 z-index:8;
}

#welcome-message
{float:left;
 margin: 55px 0px 0px 120px;
}

#intro
{background-color:#6D6E72;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 filter: alpha(opacity=100);
 -moz-opacity: 1;
 -khtml-opacity: 1;
 opacity: 1;
 position:absolute;
 top:368px;
 height:1px;
 width:0;
 z-index:10;
}

#whiteband2
{background-color:#EEEEEE;
 position:absolute;
 top:370px;
 height:367px;
 width:100%;
 z-index:8;
}

#quotes
{position:absolute;
 left:630px;
 top:0px;
 height:160px;
 width:280px;
 z-index:0;
}

#linkgradient
{position:absolute;
 left:50px;
 top:180px;
 height:40px;
 width:900px;
 z-index:0;
}

img.dalogo
{position:absolute;
 left:80px;
 top:188px;
 height:25px;
 width:315px;
 z-index:2;
}


#basicCube
{width:100%;
 height:100%;
}

img.pauseicon
{position:absolute;
 top:380px;
 left:840px;
 z-index:6;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 filter: alpha(opacity=0);
 -moz-opacity: 0;
 -khtml-opacity: 0;
 opacity: 0;
}

.visualisation{
    background: url("../img/visualisation.jpg");
    background-size:100% 100%;
    margin: 10px 0 0 35px;
    width: 285px;
    height: 190px;
}

.form-element label{
    color:#949494;
    font-size:13px;
    float:left;
    width: 80px;
    letter-spacing:1px;
}

.form-element{
    margin: 25px 0 0 0;
}

.form-element input.textbox, .form-element select, .form-element textarea.textarea{
    border:1px solid #7D7D7D;
    background: #FAFAFA;
    font-family:"Century Gothic", Arial, Verdana;
    font-size: 13px;
    width: 220px;
    letter-spacing:1px;
    padding: 5px 5px 5px 5px;
    resize:none;
}

.form-element textarea {
    height:140px
}

div.button,input.button{
    background: url("../img/buttonicon.jpg");
    background-size:100% 100%;
    border-style:none;
    margin-top: 20px;
    margin-left: 80px;
    width: 75px;
    height: 22px;
    cursor:pointer;
    font-size:15px;
    padding: 0 15px 2px 0;
    color:#FFFFFF;
}

img.memberlogo{
    height: 50px;
    width: 50px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

p.logotxt
{color:#949494;
 text-align:center;
 font-size:11px;
 line-height:160%;
 letter-spacing:1px;
 display:none;
}

#links {
    height: 20px;
    left: 543px;
    position: absolute;
    top: 190px;
    width: 460px;
}
#links li div {
    height: 20px;
    width: 40px;
}
#links .linkgrey, #links .linkblack {
    position:absolute;
    left: 1px;
    cursor: pointer;
}
#links .linkgrey {
    color: #999999;
    z-index: 2;
}
#links .linkblack {
    z-index: 1;
    color: #404040;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

#links li a, #links li a:link {
    font-family: "Century Gothic", Arial, Verdana;
    font-size: 14px;
    font-weight: normal;
}

.lavaLamp {
    height: 20px;
    position: relative;
    width: 491px;
}
.lavaLamp li img {

}    
.lavaLamp li {
    float: left;
    list-style: none outside none;
    margin: 0 14px 0 0;
}
.lavaLamp li.back {
    background-image:url('../img/daicon.jpg');
    background-position:top center;
    background-repeat:no-repeat;
    width: 15px;
    height: 15px;
    position: absolute;
    top:-25px;
}

.lavaLamp li a {
    color: #999999;
    float: left;
    margin: 0 0 0 1px;
    position: relative;
    text-align: center;
    text-decoration: none;
}   

.projects {
    padding-bottom: 5px;
    display: none;
    margin-top: 10px;
    height: 223px;
    overflow-y: auto;
}
.projects a{
    position:relative;
    margin:0 0 2px 0;
    width: 140px;
    color:#949494;
    font-size:11px;
    letter-spacing:1px;
    display:block;
    text-decoration:none;
    padding-left:20px;
}

.projects a:hover{
    position:relative;
    margin:0 0 2px 0;
    padding-left:30px;
    color:#000000;
}

.projects a.activeSlide{
    background-image:url('../img/daicon.jpg');
    background-repeat:no-repeat;
    color:#000000;
}

a.next{
    position:absolute;
    top:165px;
    left:575px;
    width: 25px;
    height: 50px;
    overflow:hidden;
    z-index: 99;
}

a.prev{
    position:absolute;
    top:165px;
    left:0px;    
    width: 25px;
    height: 50px;
    overflow:hidden;
    z-index: 99;
}

#jquery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
}
#jquery-lightbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}

#lightbox-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
    width: 49%;
    height: 100%;
    zoom: 1;
    display: block;
}
#lightbox-nav-btnPrev { 
    margin-left: 10px; 
    float: left;
    width: 63px;
    height: 50px;
    overflow:hidden;
}
#lightbox-nav-btnNext { 
    margin-right: 10px; 
    float: right;
    width: 63px;
    height: 50px;
    overflow:hidden;

}
#lightbox-container-image-data-box {
    font-size: 10px;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
    padding: 0 10px 0;
}
#lightbox-container-image-data {
    padding: 0 10px; 
    color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
    width: 70%; 
    float: left; 
    text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
    display: block; 
    clear: left; 
    padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
    width: 66px; 
    float: right;
    padding-bottom: 0.7em;	
}

img.slidebuttons {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    z-index: 10;
}

#template {
    width:1000px; 
    height:790px; 
    position:absolute; 
    top:0px; 
    left:50%;
    margin-left:-500px;
}
#linkgradient img {
    width:100%; height:40px;
}
#footer {
    width:1000px;
    height:auto; 
    position:absolute; 
    top:700px;
    left:50%; 
    margin-left:-500px;
    text-align: center;
}
#footer p
{color:#949494;
 font-size:12px;
 text-align:center;
}
#content-wrapper {
    width:900px; 
    height:440px; 
    position:absolute; 
    top:230px; 
    left:50px;
}
#page-content {
    position:absolute; 
    top:0px; 
    width:100%; 
    height:100%;
}
#home {
    width:900px;
    height:440px;
}
#contact {
    width:900px; 
    height:440px;
}
.seperator {
    width:1px; 
    height:380px; 
    position:absolute; 
    top:30px; 
    left:520px; 
    background-color:#6D6E72;
}
#contact-leftside {
    width:465px; 
    height:370px; 
    position:absolute; 
    top:30px; 
    left:30px; 
    padding-top:10px;
}
#contact-leftside img {
    margin:10px 0 0 190px;
}

#contact-leftside .right {
    text-align: right; 
}
#entry {
    z-index:5;
    cursor:pointer;
    width:220px; 
    height:370px; 
    position:absolute; 
    top:30px; 
    left:280px;
}
#localitymap {
    width:470px;
    height:380px;
    position:absolute;
    top:30px; 
    left:30px;
}
#localitymap img {
    width:0%; 
    height:100%; 
    float:right;
}

#close {
    cursor: pointer;
    height: 20px;
    left: 375px;
    position: absolute;
    top: 330px;
    width: 70px;
}
#contact-rightside {
    width:315px; 
    height:370px;
    position:absolute; 
    top:30px; 
    left:550px; 
    padding-top:10px;
}
#login {
    width:900px; 
    height:440px;
}
#login .seperator {
    height:370px; 
    left:440px; 
    padding-top:10px;
}
#login-leftside {
    width:370px; 
    height:370px;
    position:absolute;
    top:30px; 
    left:30px; 
    padding-top:10px;
}
#login-rightside {
    width:380px; 
    height:370px; 
    position:absolute; 
    top:30px; 
    left:480px;
    padding-top:35px;
}
#login form .std {
    font-size:13px;
    margin:20px 0 0 80px;
}
#about {
    width:900px; 
    height:440px;
}
#about .seperator {
    height:370px; 
    left:440px; 
    padding-top:10px;
}
#about-rightimage {
    width:380px; 
    height:285px; 
    position:absolute; 
    top:30px; 
    left:480px;
}

#about-rightcontent {
    width:395px; 
    height:70px; 
    position:absolute; 
    top:330px; 
    left:480px;
}
#about-rightcontent p {
    font-size:13px;
}
#about-leftside {
    overflow:auto; 
    width:350px; 
    height:280px;
    position:absolute; 
    top:30px; 
    left:30px; 
    padding:10px 30px 0 0;
}
#members-logos {
    width:380px;
    height:50px; 
    position:absolute; 
    top:345px; 
    left:30px;
}
#members-logos img {
    position:absolute; 
}
#adnz {
    left:0px;
}
#lbp {
    left:66px;
}
#nzbc {
    left:132px;
}
#nzia {
    left:198px;
}
#archicad {
    left:264px;
}
#artlantis {
    left:330px;
}
#members-names {
    width:380px; 
    height:15px; 
    position:absolute;
    top:405px; 
    left:30px;
}
#members-names .logotxt {
    display:none
}
#showcase {
    width:900px; 
    height:440px;
    overflow: hidden;
}
#showcase-list {
    border-right: 1px solid black;
    width: 189px;
    height: 370px;
    position: absolute;
    top: 30px;
    left: 30px;
    padding-top: 10px;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-right: 15px;
}
#showcase-list .intro {
    margin-top: 40px;
}
#showcase-list .intro p {
    color: #949494;
    margin-bottom: 15px;
}
.projects-gallery {
    width:600px; 
    height:380px; 
    position:absolute; 
    top:30px; 
    left:260px;
    display:none;
}
.prev img {
    position:relative;
    left:-25px;
}
.a-slideshow {
    width:600px; 
    height:380px;
    overflow: hidden;
    position: relative;
}
.gallery {
    width:600px; 
    height:380px; 
    background-color:#FFFFFF;
}
.gallery div {
    position:absolute;
}
showcase-list .projects {
    display:none;
}
.projects-gallery .location-0, .projects-gallery .location-1, .projects-gallery .location-2, .projects-gallery .location-3, .projects-gallery .location-4, .projects-gallery .location-5 {
    position:absolute;
}
.projects-gallery .location-0 {
    top:0px; left:0px;
}
.projects-gallery .location-1 {
    top:0px; left:245px;
}
.projects-gallery .location-2 {
    top:0px; left:360px;
}
.projects-gallery .location-3 {
    top:193px; left:0px;
}
.projects-gallery .location-4 {
    top:193px; left:245px;
}
.projects-gallery .location-5 {
    top:193px; left:360px;
}
#pg-section1 {
    display:block;
}
h2.activeSection, h2.defaultSection {
    background-image: url('../img/daicon.jpg');
    background-repeat: no-repeat;
    padding-left: 20px;
    color: black;
}
#navigation {
    display:none;
}

#client-files {
    margin: 10px 0;
    overflow: hidden;
}
#client-files li {
    background: none repeat scroll 0 0 #EEEEEE;
    border-bottom: 1px solid #DDDDDD;
    float: left;
    padding: 1%;
    width: 98%;
}
#client-files h3 {
    float: left;
}
#client-files .created {
    float: right;
    font-size: 12px;
    font-style: italic;
}
#client-files p {
    clear: both;
    float: left;
    padding: 8px 8px 8px 0;
}
#client .actions {
    float: right;
    margin-right: 3px;
    margin-top: 2px;
}

.service-audio {
    margin-left: -200px;
    position: absolute;
    left: 50%;
    z-index: 10000;
    top: 398px;
    display:none;
}
#services-cover {
    width:850px;
    height:425px;
    background:#fff url('../img/services-cover.jpg') no-repeat left top;
    padding:8px 24px 0px 24px;
    margin:0px;
}
#services-gallery{
    width:860px;
    height:425px;
}
#services-gallery .turn-page{
    background-color:#ccc;
    background-size:100% 100%;
}
.service {
    width:860px;
    height:425px;
}

#services-quotes {
    position: absolute;
    left: 630px;
    top: 0px;
    height: 160px;
    width: 280px;
    z-index: 0;

    width: 100%;
    left: 0px;
}
#services-quotes img {
    display:none;
    position: absolute;
}
.servicesquote1 {
    left: 60px;
    top: 20px;
}
.servicesquote2 {
    left: 440px;
    top: 50px;
}
.servicesquote3 {
    left: 170px;
    top: 110px;
}
.servicesquote4 {
    left: 510px;
    top: 20px;
}

.servicesquote5 {
    left: 100px;
    top: 80px;
}
.servicesquote6 {
    left: 240px;
    top: 30px;
}
.servicesquote7 {
    left: 100px;
    top: 80px;
}
/* home slide show */
#slide-nav { 
    z-index: 250; 
    position: absolute; 
    bottom: 10px; 
    left: 35px 
}
#slide-nav a, #slide-nav span { 
    border: 1px solid #ccc;
    color: #FFF;
    margin: 0 5px;
    padding: 1px 8px;
    background: #000;
    text-decoration: none;
    opacity: 0.7;
    display: block;
    position: relative;
    top: 0px;
    left: 0px;
    height: auto;
    width: auto;
}
#slide-nav .active span, #slide-nav .active a, #slide-nav a:hover {
    background: #fcfcfc;
    color: #000;
}
#slide-nav a:focus { 
    outline: none;
}
.homeslide {
    position: relative; 
}
.homeslide a.next, .homeslide a.prev{
    top:195px;
}
.homeslide a.next{
    left:875px;    
}
#slide-nav { 
    z-index: 1000;
    position: absolute; 
    display: none;
}
#slide-nav ul {
    overflow: hidden;
}
#slide-nav li {
    display:inline;float:left;
}