@charset "UTF-8";
/* CSS Document */

body, html, ul, li, div{
margin:0;
padding:0;
}


img{
border:0;
}

a{
outline:none;
outline-style:none;
color:#505050;
text-decoration:none;
}

li{
list-style-type:none;
outline:none;
outline-style:none;
}


a:hover{
color:#FFFFFF;
}

body{
margin:70px 0 0 0;
height:100%;
background-color:#000000;
color:#CCC;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:15px;
}

div#container{
width:722px;
}

div#homepage-image{
height:325px;
overflow:hidden;
}

div#main-col{
float:left;
width:500px;
}

div#menu-col{
float:right;
width:200px;
padding:120px 0 0 0;
}

.margin-top-20{
margin:20px 0 0 0;
}

.margin-bottom-20{
margin-bottom:20px;
}


.margin-top-30{
margin:30px 0 0 0;
}

.media-text{
margin:0 0 0 20px;
float:left;
}

.media-module{
height:160px;
}

.margin-top-webcredits{
margin:240px 0 0 0;
}

#web-credits-buffer{
height:260px;
}

.left{
float:left;
}

.right{
float:right;
}

.clear{
width: 100%;
height: 1px;
margin: 0 0 -1px;
clear: both;
}



/*
LINKS USING CSS ROLLOVERS
*/

#nav-home, #nav-current-projects, #nav-project-library, #nav-profile, #nav-media, #nav-news, #nav-contact, #nav-web-credits,

#nav-kirribilli, #nav-darling-point, #nav-2008-homeshow, #nav-kitchen-renovation, #nav-spring-espresso, #nav-harris-st,

#nav-csd-home, #nav-csd-office, #nav-2007-syd-homeshow, #nav-simple-studio-2, #nav-dnd-2007, #nav-twomey-ferry, #nav-kenyon, #nav-dnd-2006, #nav-darling-point, #nav-miller, #nav-perraton, #nav-simple-studio, #nav-aitken
{
width:200px;
height:15px;
display:block;
background-position:0 0;
background-repeat:no-repeat;
}

#nav-home:hover, #nav-current-projects:hover, 
#nav-project-library:hover, #nav-profile:hover,
#nav-media:hover, #nav-news:hover, 
#nav-contact:hover, #nav-web-credits:hover,

#nav-kirribilli:hover, 
#nav-darling-point:hover, 
#nav-2008-homeshow:hover, 
#nav-kitchen-renovation:hover, 
#nav-spring-espresso:hover, 
#nav-harris-st:hover,

#nav-csd-home:hover, #nav-csd-office:hover, #nav-2007-syd-homeshow:hover, #nav-simple-studio-2:hover, #nav-dnd-2007:hover, #nav-twomey-ferry:hover, #nav-kenyon:hover, #nav-dnd-2006:hover, #nav-darling-point:hover, #nav-miller:hover, #nav-perraton:hover, #nav-simple-studio:hover, #nav-aitken:hover,

body#page-home #nav-home, body#page-current-projects #nav-current-projects, body#page-project-library #nav-project-library, body#page-profile #nav-profile, body#page-media #nav-media,  body#page-news #nav-news, body#page-contact #nav-contact,

/*CURRENT PROJECTS*/

body#page-kirribilli #nav-kirribilli, body#page-kirribilli #nav-current-projects,
body#page-darling-point #nav-darling-point, body#page-darling-point #nav-current-projects, 
body#page-2008-homeshow #nav-2008-homeshow, body#page-2008-homeshow #nav-current-projects, 
body#page-hung-kitchen #nav-kitchen-renovation, body#page-hung-kitchen #nav-current-projects, 
body#page-spring-espresso #nav-spring-espresso, body#page-spring-espresso #nav-current-projects, 
body#page-harris-st #nav-harris-st, body#page-harris-st #nav-current-projects, 

/*PROJECT LIBRARY*/

body#page-csd-home #nav-csd-home, body#page-csd-home #nav-project-library,
body#page-csd-office #nav-csd-office, body#page-csd-office #nav-project-library, 
body#page-2007-syd-homeshow #nav-2007-syd-homeshow, body#page-2007-syd-homeshow #nav-project-library, 
body#page-simple-studio-2 #nav-simple-studio-2, body#page-simple-studio-2 #nav-project-library, 
body#page-dnd-2007 #nav-dnd-2007, body#page-dnd-2007 #nav-project-library,  
body#page-twomey-ferry #nav-twomey-ferry, body#page-twomey-ferry #nav-project-library,  
body#page-kenyon #nav-kenyon, body#page-kenyon #nav-project-library,    
body#page-dnd-2006 #nav-dnd-2006, body#page-dnd-2006 #nav-project-library,   
body#page-miller #nav-miller, body#page-miller #nav-project-library,   
body#page-perraton #nav-perraton, body#page-perraton #nav-project-library,   
body#page-simple-studio #nav-simple-studio, body#page-simple-studio #nav-project-library,   
body#page-aitken #nav-aitken, body#page-aitken #nav-project-library

{
background-position:0 -15px;
}

#nav-home span, #nav-current-projects span, #nav-project-library span, #nav-profile span, #nav-media span, #nav-news span, #nav-contact span, #nav-web-credits span,

#nav-kirribilli span, #nav-darling-point span, #nav-2008-homeshow span, #nav-kitchen-renovation span, #nav-spring-espresso span, #nav-harris-st span,

#nav-csd-home span, #nav-csd-office span, #nav-2007-syd-homeshow span, #nav-simple-studio-2 span, #nav-dnd-2007 span, #nav-twomey-ferry span, #nav-kenyon span, #nav-dnd-2006 span, #nav-darling-point span, #nav-miller span, #nav-perraton span, #nav-simple-studio span, #nav-aitken span
{
display:none;
}

#nav-home{
background-image:url(../images/nav-home.gif);
}

#nav-current-projects{
background-image:url(../images/nav-current-projects.gif);
}

#nav-project-library{
background-image:url(../images/nav-project-library.gif);
}

#nav-profile{
background-image:url(../images/nav-profile.gif);
}

#nav-media{
background-image:url(../images/nav-media.gif);
}

#nav-news{
background-image:url(../images/nav-news.gif);
}

#nav-contact{
background-image:url(../images/nav-contact.gif);
}

#nav-web-credits{
background-image:url(../images/nav-web-credits.gif);
}



#nav-kirribilli{
background-image:url(../images/nav-kirribilli.gif);
}

#nav-darling-point{
background-image:url(../images/nav-darling-point.gif);
}

#nav-2008-homeshow{
background-image:url(../images/nav-2008-homeshow.gif);
}

#nav-kitchen-renovation{
background-image:url(../images/kitchen-renovation-nav.gif);
}

#nav-spring-espresso{
background-image:url(../images/nav-spring-espresso.gif);
}

#nav-harris-st{
background-image:url(../images/nav-harris-st.gif);
}

#nav-csd-home{
background-image:url(../images/nav-csd-home.gif);
}

#nav-csd-office{
background-image:url(../images/nav-csd-office.gif);
}

#nav-2007-syd-homeshow{
background-image:url(../images/nav-2007-syd-homeshow.gif);
}

#nav-simple-studio-2{
background-image:url(../images/nav-simple-studio-2.gif);
}

#nav-dnd-2007{
background-image:url(../images/nav-dnd-2007.gif);
}

#nav-twomey-ferry{
background-image:url(../images/nav-twomey-ferry-res.gif);
}

#nav-kenyon{
background-image:url(../images/nav-kenyon-res.gif);
}

#nav-dnd-2006{
background-image:url(../images/nav-dnd-2006.gif);
}

#nav-darling-point{
background-image:url(../images/nav-darling-point.gif);
}

#nav-miller{
background-image:url(../images/nav-miller-res.gif);
}

#nav-perraton{
background-image:url(../images/nav-perraton-res.gif);
}

#nav-simple-studio{
background-image:url(../images/nav-simple-studio.gif);
}

#nav-aitken{
background-image:url(../images/nav-aitken-res.gif);
}

/* 
HOME PAGE
*/

#award-winner-again, #mail-link, #csd-enter, #website-credits{
width:220px;
height:15px;
margin:20px 0 0 0;
}



#website-credits{
background:url(../images/website-credits.gif) no-repeat 0 0;
margin:0;
}

#award-winner-again{
background:url(../images/award-winner-again.gif) no-repeat 0 0;
width:315px;
}


#mail-link{
background:url(../images/mail-at-csd.gif) no-repeat 0 0;
margin:0;
}


#csd-enter{
background:url(../images/enter-csd.gif) no-repeat 0 0;
}

#csd-enter span, #award-winner-again span, #mail-link span, #website-credits span{
display: none;
}

#csd-enter:hover, #award-winner-again:hover, #mail-link:hover, #website-credits:hover{
background-position:0 -15px;
}