/**
 * @author [Cassette]
 * @copyright [2010] 
 * Software on this site is copyright 2010
 * Cassette Pty Ltd.
 * All Rights Reserved. Copying, Editing or
 * Distributing this software is strictly
 * forbidden without permission from
 * Cassette Pty Ltd.
 * for more information please contact
 * Cassette www.cassette.cc 
 */
 
 /* ======= Global ======= */
   
body
{
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    color:#000;
    width: 100%;
    height: 100%;
}

a
{
    outline:none;
    color: inherit;
    text-decoration: none;
}

p
{
    padding: 0px;
    margin:0px;
    text-align: left;  
    float:left;
    position: relative;
}

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


ul {
    padding:0;
    margin:0;
} 


input[type=text]
{
   border: 1px solid #e9e9ea;;
   color:#575756;
   font-family:Arial, Helvetica, sans-serif;
   width: 340px;
   height: 20px;
   font-size: 12px;
   padding-left: 5px;
}

input[type=checkbox]{margin-left:0px;}


textarea
{
   border: 0;
   color:#999;
   font-size: 12px;
   height: 46px;
   width: 337px;
   padding-left:5px;
   overflow: hidden;
}

table
{
  padding: 0px;
  margin: 0px;
}

#wrapper
{
    width: 960px;
    position: relative;
    margin: 0 auto;
    text-align: center;
}

.display-none
{
    display: none;    
    position: absolute;
    left:0px;
    top:0px;
}


.display-block
{
    display: block;    
    
}

.bold{
    font-weight: bold !important;
}

/* COLOURS */

.white{color:#ffffff;}
.black{color:#000000;}

.border-left{border-left: 1px solid #e9e9ea;}
.border-right{border-right: 1px solid #e9e9ea;}

/* COLUMNS */

.col-1-6{width: 150px;margin-right: 10px;float:left;}
.col-1-6 p{padding:0px 15px !important;}
.col-1-4{width: 230px;float:left;margin-right: 10px;}
.col-1-4.border-left{width: 229px;}
.col-1-4.first p{padding: 0px 20px 0px 0px !important;}
.col-1-2{width: 470px;float:left;padding-right: 10px;}
.col-1-2.first p, .first .text-title{padding: 0px 20px 0px 0px !important;}
.col-1-2.expanded-copy{padding:0px;width:475px;border:0px;}
.col-1-2.border-left, .col-1-2.border-right{width: 469px;}
.col-title{float:left;text-align: left;margin-bottom: 0px;min-height: 50px;width: 210px;padding-left:20px;}
.first .col-title{padding-left:0px;width: 230px;}
.text-title{height: 15px;color:#000;font-size: 15px;font-family: 'Questrial', sans-serif;padding:10px 20px;color:#000000;text-align: left;}


/* GENERAL */

#header, #main-slider-wrapper, #main-copy-wrapper, #sub-menu, 
#bottom-wrapper, #social,#folio-items-wrapper,.line, .main-copy, #folio-item
{width: 960px;}



/* HEADER */

#header{height: 20px;font-family: 'Questrial', sans-serif;margin-top: 60px;}
#header #cassette-logo{width: 101px;height: 20px;float:left;margin-right: 25px;}
#header #top-menu{float:left;width: 834px;height: 20px;}
#top-menu li {padding: 8px 10px 0px 0px;margin:0;font-size: 12px;float:left;font-weight: normal;cursor: pointer;letter-spacing: 1.5px;}
#top-menu li a{color:#b0b1b1;}
/*#top-menu h1:hover{color:#000000;}*/
.current-page, .current-copy{color:#000000 !important;}

/* MAIN AREA */

#main-slider-wrapper{position: relative;height: 495px;margin: 45px 0px 5px 0px;}
#main-copy-wrapper{margin: 4px 0px 50px 0px;background-color: transparent;}
#main-copy-wrapper p{
    color:#575756;
    line-height: 17px;
    padding: 0px 20px
}
#main-copy-wrapper p a{color:#B0B1B1;}
#copy-loading{background: url('../images/gui/loading.gif') 50% 70% transparent no-repeat;position:absolute;top:0px;left:0px;width: 100%;height: 100%;z-index: 1;display:none;}
.copy-section{display:none;}
.default-copy{display:block !important}
.expanded-copy{position: absolute;display:none;top:0px;left:0px;z-index: 1;background-color: white;}
.read-less{position: absolute;right:0px;top:0px;width: 16px;height: 16px;background:url('../images/gui/icon.close.gif') transparent no-repeat;cursor:pointer;z-index: 1}
.main-copy-intro{font-size: 18px;font-weight: bold;line-height: 26px !important;padding: 0px 20px 0px 0px !important;color:#000000 !important}
.main-copy-subtitle{font-size: 14px;font-weight: bold;line-height: 18px !important;padding: 0px 20px 15px 20px !important;color:#000000 !important}

/* COPY MENU */

.copy-menu{height: 34px;border-bottom:1px solid #e9e9ea;width: 960px;font-size: 16px;font-family: 'Questrial', sans-serif;margin-bottom: 25px;}
.copy-menu ul{width: 960px;height: 34px;}
.copy-menu ul li{float:left;height: 16px;padding:9px 10px 9px 0px}
.copy-menu a{color:#b0b1b1;}

/* FOOTER ELEMENTS */

    /* SUB MENU */

#bottom-wrapper{margin-top:20px;}
#sub-menu{height:65px;}
#sub-menu ul{list-style: none;width: inherit;height:inherit;overflow: hidden;}
#sub-menu li{float:left;display: inline;height: inherit;position: relative;text-align: left;}
#sub-menu li a{display: block;height: 65px;width: inherit;}
#sub-menu span{position: absolute;left:0px;top:0px;width: inherit;display: block;height: 65px;background-position: 0 0;background-repeat: no-repeat;}
#about{width: 201px;}
#about span{background-image: url('../images/gui/button.about.jpg');width: 201px;}
#carbon-neutral{width: 188px;}
#carbon-neutral span{background-image: url('../images/gui/button.carbon.jpg');width: 188px;}
#community{width: 212px;}
#community span{background-image: url('../images/gui/button.community.jpg');width: 212px;}
#testimonials{width: 221px;}
#testimonials span{background-image: url('../images/gui/button.testimonials.jpg');width: 221px;}
#contact{width: 138px;}
#contact span{background-image: url('../images/gui/button.contact.jpg');width: 138px;}


    /* SOCIAL */

#social{height:20px;text-align: left;}
.social-icons{width: 20px;height: 19px;float:left;margin-right: 3px;}
#like-us{float:left;width: 55px;height: 12px;margin:4px 9px 0px 0px;}
.line{height:1px;background: url('../images/gui/line.jpg') repeat-x #FFFFFF;position: relative;margin: 10px 0px;}
#twitter{margin-right: 5px;}
#google{float:right;text-align: right;width: 60px;overflow: hidden;}

     /* FOOTER */

     
#footer-wrapper{background-color: #000;text-align: center;width: 100%;overflow: hidden;}
#footer-content{height: 134px;padding:37px 0px 20px 0px;margin: 0 auto;position: relative;width: 960px;color:#b0b1b1}
#footer-content .col-1-4{
    text-align: left;
    margin-right:9px;
    border-right: 1px solid #555555;
    height: 134px;
}

#footer-content  .last{border-right:0px;margin-right:0px;width: 240px;}
#footer-content .col-1-4 div{height: 24px;float:left;color:#ffffff;font-size: 15pt;padding:0px 0px 12px 32px;margin-left: 10px;font-weight: bold;}
#contact-us{background: url('../images/gui/icon.phone.png') 0 0 transparent no-repeat;}
#quick-links{background: url('../images/gui/icon.links.png') 0 0 transparent no-repeat;}
#where-are-we{background: url('../images/gui/icon.map.png') 0 0 transparent no-repeat;padding:0px 0px 10px 32px !important;}

#footer-content .col-1-4 p{margin-left: 10px;line-height: 13pt;}
#footer-content .col-1-4 p a:visited{color:#ffffff;font-size: 9pt;font-weight: bold;}
#footer-content .col-1-4 p a{color:#ffffff;font-size: 9pt;font-weight: bold;}
#footer-content .col-1-4 table{width: 70%;padding: 0px;margin: 0px 0px 0px 10px;}
#footer-content .col-1-4 td{width: 50%;text-align: left;padding-bottom: 3px;}
#footer-content .col-1-4 td a{color:#B0B1B1;}
#quick-links-table{width: 80% !important;}

/* FOLIO */

#folio-items-wrapper{height: 16px;width: 960px;} /* CHANGE BACK TO 0 !!!! */
.folio-items-wrapper div{width: 960px;}
.loaded{width: 960px;}
#close-folio{display:none;height: 29px;width:100%;position: absolute;bottom:0px;left:0px;background: url('../images/gui/line.jpg') center transparent repeat-x;text-align: center;}
#close-folio img{cursor: pointer;}
.preload{background: url('../images/gui/loading.gif') 50% 50% white no-repeat;height: 100px !important;width: 100px !important;position: relative;}
.folio-margin{width:960px;height:20px;}
.preload-folio{background: url('../images/gui/loading.gif') 50% 40% white no-repeat;}
/* SUB FOLIO */

#sub-folio-items-wrapper{height: 0px;width: 960px;background: transparent url(../images/gui/sub.screen.jpg) no-repeat 50% 0px;}
#sub-folio-wrapper{width: 960px;background: transparent url(../images/gui/sub.screen.jpg) no-repeat 50% 0px;padding-top: 17px;}
.sub-folio-loading{background: transparent url(../images/gui/loading.gif) no-repeat 50% 50%;}
.subSlider{height: 288px !important;width: 469px !important;text-align: center;margin:0 auto;display:none;background: transparent url(../images/gui/loading.gif) no-repeat 50% 50%;}/* CHANGE HEIGHT TO SIZE OF THE SLIDER PICTURE WRAPPER.TO BE CHANGED TO BG HEIGHT  !!!! */
.subSlider .loaded{padding-top:17px;background-position: 0px 17px;}
/*.subSlider.loaded{background:#fff url(../images/gui/background.imac.gif) no-repeat 50% 50%;}*/
.folio-item img{margin-top:20px;}

 /* HOME PAGE */
 
.home-page .col-1-4.first{width: 227px;}
 .home-page{height: 250px;margin:15px 0px 0px 0px !important;}
 .home-page .col-1-4{height: 211px;}
 .homepage-link{float:left;height: 18px;color:#b0b1b1;text-align: left;padding: 4px 0px 0px 38px;margin: 20px 0px 0px 20px}
 .first .homepage-link{margin: 20px 0px 0px 0px}
 .homepage-link a{color:#b0b1b1;}
 #print{background: url('../images/gui/icon.print.jpg') transparent no-repeat 0 0;}
 #design{background: url('../images/gui/icon.design.jpg') transparent no-repeat 0 0;}
 #web{background: url('../images/gui/icon.web.jpg') transparent no-repeat 0 0;}
 #real-estate{background: url('../images/gui/icon.realestate.jpg') transparent no-repeat 0 0;padding: 5px 0px 0px 38px}
  
 
 /* SPLASH PAGE - CASSETTE TEAM */

#intro-pic{width: 960px !important;height: 100%;position: relative;z-index: 1;position: absolute;left:0px;right:0px;}
#intro-pic{height:750px !important;}
.splash-in{display: none;}

/* DESIGN PAGE */

#copy-design-page .col-1-2, #copy-design-page .col-1-4{height: 170px;}


/* PRINT PAGE */

#main-copy-wrapper.print-page{height:230px;margin-top:25px !important;}
#copy-print-page .col-1-4, #print-services-copy .expanded-copy{height: 172px;}
#print-about-copy .col-1-2{height: 170px;}


/* WEB PAGE */

#main-copy-wrapper.web-page{height: 310px;margin-top:25px !important;}
#web-design-copy .col-1-2{height: 221px;}
#web-development-copy .col-1-2{height: 238px;}
#web-strategy-copy .col-1-2{height: 221px;}
#web-previous-job-copy #web-folio-carousel-wrapper{height: 265px;}
#web-folio-carousel{width:960px;}
.web-folio-title{height: 15px;color:#000;font-size: 15px;font-family: 'Questrial', sans-serif;padding:10px 20px;color:#000000;text-align: left;}
.web-folio-pic{text-align: left;padding:0px 20px;}
.web-folio-desc{width: 190px;text-align: left;color:#575756;line-height: 17px;padding:0px 20px;}
.web-folio-desc a{
    color:#B0B1B1;
    display: block;
    margin-top: 5px;
}

/* REAL ESTATE */
.real-estate .col-1-4.first{width: 227px;}
.real-estate {height: 227px;margin:30px 0px 0px 0px !important;}
.real-estate  .col-1-4{height:227px;}
.real-estate .col-title{font-size: 24px;}

/* team about page */

.about-page{height:310px;}
#copy-about-page .col-1-2{height: 260px;}
#about-page-picture, #contact-page-map{padding: 0px;width: 960px;text-align: center;height: 460px;margin: 45px 0px 5px 0px;}

/* TESTIMONIALS */
.testimonials-page .col-1-4, .testimonials-page .expanded-copy{height: 205px;}
.testimonials-page .col-1-4{width: 230px;margin-right: 0px;}
.testimonials-page .col-1-2.expanded-copy{width:460px;}
.testimonials-page .col-1-2.expanded-copy.last{left:-230px;}

/* TESTIMONIALS */
.copy-carbon-neutral-page .col-1-2{height:208px}

/* CONTACT */

#map-canvas{width: 100%;height:100%;}
#contact-page-map{
    width: 430px;
    height: 500px;
    margin: 0px 0px 0px 50px;
    float:left;
}
.contact-page{height:660px;}
.contact-page .col-1-4{height: 234px;}
#contact-form{float:left;margin-top: 50px;}
.contact-page .col-1-4.last{margin:0px !important;}
#contact-form p.main-copy-subtitle{padding-left:0px !important;}
td.form-label{text-align: left;width: 120px;}
#contact-form table{width: 470px;position: relative;color: #575756;height: 200px;}
#contact-form table td{text-align: left;padding-bottom: 10px;}
#submit-wrapper{text-align: right !important;}
.submit{padding:7px;background-color: #000;color:#FFF;width: 40px;height: 12px;text-align: center;cursor: pointer;float:right;}
#textarea{width:345px;height:50px;border: 1px solid #e9e9ea;}
.contact-page a{color:#575756 !important;}
#load{text-align: right;}

/* COMMUNITY */
.community-page .community-item div{float:left;text-align: left;}
.community-page{height: 2050px;}
.community-pic{margin:0px 0px 10px 13px;}
.community-title{color:#000;font-size: 16px;font-family: 'Questrial', sans-serif;color:#000000;text-align: left;margin:0px 0px 10px 13px;}
.community-item {width: 242px;margin:0px 0px 20px 0px;text-align: left;border-right:1px solid #e9e9ea;float:left;height: 95%}
.community-item.first{margin:0px 0px 10px 0px;width: 230px;}
.community-item p{padding: 0px 13px !important;}
.first .community-pic, .first .community-title{margin-left:0px; }
.community-item.last{margin:0px 0px 10px 0px;border-right: 0px;}
#map-canvas{width: 100%;height:100%;}
#page-title{height: 20px;color:#000;font-size: 20px;font-family: 'Questrial', sans-serif;padding:35px 0px 20px;color:#000000;text-align: left;}
.community-row{width: 960px;float:left;}