body	{
margin: 0;
padding: 0;
}

#full-contain	{
width: 100%;
background: url(images/site_images/header.jpg) repeat-x;
height: 105px;
padding-top: 15px;
}

#big-box	{
width: 765px;
position: absolute;
left: 50%;
margin-left: -380px;
}

#name-box	{
float: left;
width: 210px;
height: 73px;
background: transparent url('images/site_images/nameplate.jpg');
border-bottom: 1px solid #fff;
}

html>body #name-box {
height: 72px;
} 

#clock	{
font-family: helvetica, sans-serif;
color: #fff;
font-size: 11px;
width: 96px;
text-align: center;
position: absolute;
top: 56px;
left: 1px;
}

#date	{
font-family: helvetica, sans-serif;
color: #fff;
font-size: 11px;
width: 111px;
text-align: center;
position: absolute;
top: 56px;
left: 97px;
text-transform: uppercase;
}

#tree-box	{
float: left;
width: 73px;
height: 73px;
border: 1px solid #fff;
border-left: 0;
}

html>body #tree-box {
height: 71px;
width: 71px;
}

#tree-box a	{
display: block;
width: 71px;
height: 71px;
background: url('images/site_images/tree.jpg');
overflow: hidden;
border: 0;
}

#tree-box a:hover	{
background: url('images/site_images/tree2.jpg');
}

#tree-box a:active	{
background: url('images/site_images/tree3.jpg');
}

#tree-box img	{
border: 0;
}

#menu-box	{
float: left;
width: 475px;
height: 73px;
border: 1px solid #fff;
border-top: 0;
border-left: 0;
}

html>body #menu-box {
height: 72px;
width: 479px;
} 

a#contact	{
border-right: 0;
}

/*-----------actual menu crap--------------*/

#menu-box ul	{
list-style: none;
padding: 0;
margin: 0;
width: 480px;
}

#menu-box ul li	{
float: left;
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
}

#menu-box ul li a	{
display: block;
text-decoration: none;
color: #fff;
font-family: helvetica, sans-serif;
font-size: 11px;
text-transform: uppercase;
width: 81px;
text-align: center;
margin-left: -1px;
float: left;
padding-top: 5px;
border-right: 1px solid #fff;
height: 23px;
}

html>body #menu-box ul li a {
height: 16px;
width: 80px;
padding-top: 7px; 
} 

#menu-box ul li a:hover	{
background: url(images/site_images/2x2-100-cyan.gif);
}

#menu-box ul li a:active	{
background: url(images/site_images/2x2-100-orange.gif);
}

ul#worktree, ul#profiletree, ul#hypetree, ul#wordstree	{
float: left;
display: none;
position: absolute;
top: 24px;
left: 283px;
}

html>body #worktree, ul#profiletree, ul#hypetree, ul#wordstree {
left: 282px;
} 

ul#projecttree, ul#processtree	{
float: left;
display: none;
position: absolute;
top: 24px;
left: 0;
}

ul#profiletree	{
display: none;
}

body#home li#work-link:hover ul#worktree,
body#home li#project-link:hover ul#projecttree,
body#work li#project-link:hover ul#projecttree,
body#home li#process-link:hover ul#processtree,
body#clients li#project-link:hover ul#projecttree,
body#sale li#project-link:hover ul#projecttree,
body#clients li#process-link:hover ul#processtree,
body#sale li#process-link:hover ul#processtree,
body#pictures li#work-link:hover ul#worktree,
body#pictures li#profile-link:hover ul#profiletree,
body#pictures li#hype-link:hover ul#hypetree,
body#pictures li#words-link:hover ul#wordstree,
body#pictures li#project-link:hover ul#projecttree,
body#pictures li#process-link:hover ul#processtree	{
display: block;
}

body#work ul#projecttree	{
display: block;
}

body#home li#profile-link:hover ul#profiletree	{
display: block;
}

body#home li#hype-link:hover ul#hypetree	{
display: block;
}

body#home li#words-link:hover ul#wordstree	{
display: block;
visibility: visible;
}

/*----------ul showing/hiding + link backgrounds-----------*/

body#work ul#worktree,
body#projects ul#worktree,
body#process ul#worktree,
body#clients ul#worktree,
body#sale ul#worktree,
body#identity ul#worktree,
body#posters ul#worktree,
body#packaging ul#worktree,
body#publication ul#worktree,
body#media ul#worktree,
body#way ul#worktree,
body#value ul#worktree
{
display: block;
}

body#identity ul#projecttree,
body#posters ul#projecttree,
body#packaging ul#projecttree,
body#publication ul#projecttree,
body#media ul#projecttree
{
display: block;
}

body#process ul#processtree,
body#way ul#processtree,
body#value ul#processtree
{
display: block;
}

body#profile ul#profiletree,
body#studio ul#profiletree,
body#arc ul#profiletree,
body#links ul#profiletree,
body#movie ul#profiletree
{
display: block;
}

body#hype ul#hypetree,
body#news ul#hypetree,
body#top10 ul#hypetree,
body#tourdates ul#hypetree,
body#testimony ul#hypetree,
body#honors ul#hypetree
{
display: block;
}

body#words ul#wordstree,
body#designid ul#wordstree,
body#why ul#wordstree,
body#paulrand ul#wordstree,
body#feedback ul#wordstree,
body#rants ul#wordstree
{
display: block;
}

body#work a#work,
body#work a#projects,
body#process a#work,
body#clients a#work,
body#sale a#work,
body#identity a#work,
body#posters a#work,
body#packaging a#work,
body#publication a#work,
body#media a#work,
body#way a#work,
body#value a#work,
body#projects a#projects,
body#process a#process,
body#clients a#clients,
body#sale a#sale,
body#identity a#identity,
body#posters a#posters,
body#packaging a#packaging,
body#publication a#publication,
body#media a#media,
body#process a#process,
body#way a#process,
body#value a#process,
body#identity a#projects,
body#posters a#projects,
body#packaging a#projects,
body#publication a#projects,
body#media a#projects,
body#process a#actions,
body#way a#way,
body#value a#value
{
background: url(images/site_images/2x2-100-cyan.gif);
}

body#profile a#profile,
body#studio a#profile,
body#arc a#profile,
body#links a#profile,
body#studio a#studio,
body#arc a#arc,
body#links a#links,
body#movie a#movie,
body#movie a#profile
{
background: url(images/site_images/2x2-100-cyan.gif);
}

body#hype a#hype,
body#news a#hype,
body#top10 a#hype,
body#testimony a#hype,
body#tourdates a#hype,
body#honors a#hype,
body#news a#news,
body#top10 a#top10,
body#testimony a#testimony,
body#tourdates a#tour,
body#honors a#honors
{
background: url(images/site_images/2x2-100-cyan.gif);
}

body#words a#words,
body#designid a#words,
body#why a#words,
body#paulrand a#words,
body#rants a#words,
body#feedback a#words,
body#designid a#designid,
body#why a#why,
body#paulrand a#paulrand,
body#rants a#rants,
body#feedback a#feedback
{
background: url(images/site_images/2x2-100-cyan.gif);
}

body#pictures a#pictures
{
background: url(images/site_images/2x2-100-cyan.gif);
}