body{
margin: 0;
}

/*-----------main page divs------------*/

#mainbox	{
width: 650px;
height: 400px;
position: absolute;
left: 50%;
margin-left: -325px;
z-index: 1;
}

#moviebox	{
width: 320px;
position: absolute;
left: 50%;
margin-left: -160px;
z-index: 1;
border: 1px solid #fff;
}

#maintext	{
width: 650px;
height: 400px;
background: transparent;
margin-top: 15px;
position: absolute;
z-index: 1;
}

html>body #maintext	{
margin-top: 0;
}

#maintext img	{
position: absolute;
z-index: 1;
}

/*-----------------entry divs------------*/

#contentbox	{
width: 100%;
background: transparent;
padding-top: 35px;
padding-bottom: 20px;
}

html>body #contentbox	{
padding-top: 20px;
}

#content	{
width: 760px;
background: transparent;
position: absolute;
left: 50%;
margin-left: -380px;
}

#left	{
float: left;
}

#left ul	{
margin: 0;
padding: 0;
width: 280px;
}

html>body #left ul {
width: 274px;
} 

#left li	{
list-style: none;
display: block;
padding: 0;
margin: 0;
margin-bottom: 1px;
overflow: hidden;
height: 27px;
}

#left a	{
display: block;
height: 27px;
overflow: hidden;
text-decoration: none;
background: transparent url('images/site_images/2x2-100-black.gif');
font-size: 11px;
font-family: helvetica, sans-serif;
color: #fff;
}

#left a:hover	{
background: transparent url('images/site_images/2x2-100-cyan.gif');
}

#left a:active	{
background: #333;
}

.left-link	{
display: block;
float: left;
margin-left: 5px;
margin-top: 8px;
color: #fff;
font-size: 11px;
font-family: helvetica, sans-serif;
text-decoration: none;
}

#left img	{
border: 0;
padding: 1px;
float: left;
margin-right: 5px;
}

#right	{
width: 475px;
overflow: hidden;
height: auto;
float: right;
background: transparent url('images/site_images/2x2-100-black.gif');
line-height: 15px;
font-size: 11px;
padding: 5px;
margin-left: 0px;
color: #fff;
}

#right a	{
text-decoration: none;
color: #fff;
background: url('images/site_images/2x2-50-black.gif');
font-family: helvetica, sans-serif;
font-size: 11px;
}

#right a:hover	{
color: #ff0;
background: url('images/site_images/2x2-100-cyan.gif');
}

#image	{
border: 0;
padding: 0;
clear: both;
}

#image img	{
border: 0;
max-width: 475px;
}

#image p	{
margin: 0;
padding: 0;
}

#description	{
background: transparent;
width: 455px;
height: auto;
padding: 10px;
color: #fff;
font-family: helvetica, sans-serif;
font-size: 11px;
}

#work-box	{
}

.caption2	{
color: #fff;
display: block;
padding: 5px;
font-family: helvetica, sans-serif;
}

/*--------------client page----------*/

#clientbox	{
width: 430px;
padding-top: 10px;
margin-left: 285px;
}

#clientbox ul	{
list-style: none;
margin: 0;
padding: 10px;
display: block;
width: 195px;
float: left;
background: url('images/site_images/2x2-80-black.gif');
}

#clientbox li	{
margin: 0;
padding: 0;
font-family: helvetica, sans-serif;
font-size: 11px;
line-height: 21px;
color: #fff;
}

#clientbox li a	{
text-decoration: none;
color: #fff;
font-family: helvetica, sans-serif;
font-size: 11px;
line-height: 21px;
text-align: center;
}

#clientbox li a:hover	{
color: #adf;
}

/*--------------honors-----------*/

#listbox	{
width: 430px;
padding-left: 220px;
margin: 0px auto;
}

#listbox ul	{
list-style: none;
margin: 0;
padding: 10px;
background: url('images/site_images/2x2-dark-brown.gif');
}

#listbox li	{
margin: 0;
padding: 0;
font-family: helvetica, sans-serif;
font-size: 11px;
line-height: 21px;
color: #fff;
}

/*-----------short (not extended)------------*/


#short-container	{
float: left;
width: 760px;
position: absolute;
left: 50%;
margin-left: -380px;
}

#short-box	{
float: right;
width: 575px;
background: url('images/site_images/2x2-dark-brown.gif');
margin-bottom: 10px;
}

#short-images	{
width: 75px;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 5px;
font-family: helvetica, sans-serif;
font-size: 10px;
color: #fff;
float: left;
}

#short-images img	{
width: 75px;
margin-bottom: 5px;
border: 0;
float: left;
}

#short-text	{
float: left;
width: 450px;
margin: 10px;
margin-left: 15px;
}

#short-text a	{
color: #ffe;
text-decoration: none;
background: url('images/site_images/2x2-50-black.gif');
font-family: helvetica, sans-serif;
}

#short-text a:hover	{
background: url('images/site_images/2x2-100-cyan.gif');
}

body#profile #short-box, body#studio #short-box, body#arc #short-box	{
background: url('images/site_images/2x2-80-black.gif');
}

body#links #short-box	{
background: transparent;
}

body#sale #short-box	{
background: url('images/site_images/2x2-100-black.gif');
}

body#way #short-box	{
background: url('images/site_images/2x2-100-black.gif');
}

body#profile #short-text a, body#studio #short-text a, body#arc #short-text a	{
background: #666;
color: #fff;
text-decoration: none;
font-family: helvetica, sans-serif;
font-size: 8pt;
}

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

body#links #short-text a	{
display: block;
padding: 3px;
background: url('images/site_images/2x2-80-black.gif');
color: #fff;
text-decoration: none;
font-family: helvetica, sans-serif;
font-size: 11px;
margin-bottom: 1px;
}

body#links #short-text a:hover	{
background: url('images/site_images/2x2-100-cyan.gif');
}

body#arc img	{
margin-bottom: 5px;
}

#short-images p	{
margin: 0;
padding: 0;
}

#short-images a	{
text-decoration: none;
color: #fff;
background: url('images/site_images/2x2-50-black.gif');
}

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

a#short-link	{
display: block;
color: #ffd;
background: url('images/site_images/2x2-med-brown.gif');
text-decoration: none;
font-family: helvetica, sans-serif;
font-size: 8pt;
padding: 3px;
margin-top: 5px;
}

a#short-link:hover	{
color: #fff;
background: url('images/site_images/2x2-100-cyan.gif');
}

body#way a#short-link	{
background: url('images/site_images/2x2-80-black.gif');
}

body#way a#short-link:hover	{
background: url('images/site_images/2x2-100-cyan.gif');
}

#short-images.thumb .caption	{
display: none;
}

#short-images.thumb img.words-image, #short-images.thumb img.hype-image	{
display: none;
}

/*-----------long (extended entries)-----------------------*/

#long-container	{
width: 760px;
position: absolute;
left: 50%;
margin-left: -380px;
}

#long-box	{
float: right;
margin-bottom: 5px;
background: url('images/site_images/2x2-dark-brown.gif');
}

body#way #long-box	{
background: url('images/site_images/2x2-100-black.gif');
}

#long-images	{
float: left;
width: 255px;
margin-left: 10px;
font-family: helvetica, sans-serif;
font-size: 7pt;
color: #fff;
}

#long-images img	{
margin-bottom: 5px;
border: 0;
}

#long-images p	{
margin: 0;
padding: 0;
}

#long-images a	{
color: #fff;
background: url('images/site_images/2x2-med-brown.gif');
text-decoration: none;
font-family: helvetica, sans-serif;
}

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

#long-images img.words-thumb, #long-images img.hype-thumb	{
display: none;
}

#long-text	{
float: right;
width: 460px;
margin: 15px;
}

#long-text a	{
background: url('images/site_images/2x2-med-brown.gif');
text-decoration: none;
font-family: helvetica, sans-serif;
font-size: 8pt;
color: #fff;
}

#long-text a:hover	{
color: #fff;
background: url('images/site_images/2x2-100-cyan.gif');
}

#long-entry	{
display: none;
}


body#designid #long-entry,
body#why #long-entry,
body#intro #long-entry,
body#paulrand #long-entry,
body#rants #long-entry,
body#news #long-entry	{
display: block;
}

body#news #work-box,
body#designid #work-box,
body#why #work-box,
body#intro #work-box,
body#paulrand #work-box,
body#rants #work-box,
body#feedback #work-box	{
display: none;
}

/*-------------feedback---------------*/

#feed	{
display: none;
}

body#feedback #feed	{
display: block;
}

#comment-box	{
float: left;
margin-bottom: 5px;
margin-left: 190px; 
background: url('images/site_images/2x2-dark-brown.gif');
}

#comment-text	{
width: 460px;
float: right;
margin: 10px;
}

#comment-text a	{
color: #fff;
text-decoration: none;
}

#comment-text a:hover	{
background: url('images/site_images/2x2-100-cyan.gif');
}

#comment-text p	{
}

/*-----------typography------------*/

.newsdate	{
font-size: 11px;
background: url('images/site_images/2x2-med-brown.gif');
display: block;
margin-bottom: 3px;
padding: 4px;
padding-top: 0;
}

.caption	{
display: block;
margin-bottom: 10px;
color: #fff;
font-family: helvetica, sans-serif;
}

.why-text	{
font-size: 13px;
line-height: 19px;
color: #fff;
font-family: helvetica, sans-serif;
}

.title	{
font-family: helvetica, sans-serif;
color: #fff;
font-size: 13px;
font-weight: bold;
display: block;
margin: 0;
padding: 0;
}

.body	{
font-family: helvetica, sans-serif;
color: #fff;
font-size: 11px;
line-height: 16px;
display: block;
margin: 10px;
margin-left: 0px;
}

.comm-form	{
display: block;
float: left;
width: 60px;
color: #fff;
font-family: helvetica, sans-serif;
font-size: 7pt;
}

.comment-words	{
font-family: helvetica;
color: #fff;
font-size: 12px;
line-height: 16px;
display: block;
margin-bottom: 3px;
padding-bottom: 3px;
}

.comment-author	{
font-family: helvetica;
color: #fff;
font-size: 10px;
}

/*-----------pictures-----------------------*/

#pictures-box	{
width: 600px;
position: absolute;
top: 400px;
left: 50%;
margin-left: -300px;
z-index: 4;
}

#pictures-box ul	{
list-style: none;
margin: 0;
padding: 0;
}

#pictures-box li	{
list-style: none;
float: left;
}

#pictures-box li a	{
display: block;
border: 1px solid #fff;
height: 50px;
float: left;
margin-right: 3px;
margin-bottom: 3px;
}

#pictures-box li a:hover	{
border: 1px solid #ff0;
}

body#pictures .picture-title a	{
color: #fff;
background: url('images/site_images/2x2-med-brown.gif');
text-decoration: none;
}

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

body#pictures a.boxlink	{
display: block;
padding: 5px;
background: #5a3a1d;
border-top: 0;
width: 20px;
margin-top: 1px;
}

html>body#pictures a.boxlink	{
width: 10px;
}

body#pictures a.boxlink:hover	{
color: #fff;
background: #7a5a3d;
}

body#pictures img	{
border: 0;
}

.picture-title	{
color: #fff;
font-family: helvetica, sans-serif;
font-size: 11px;
padding: 5px;
display: block;
margin-top: 1px;
text-align: left;
background: #4A2A0D;
}

/*-----------background images--------------*/

body#home #mainbox	{
background: transparent;
}

body#home	{
background: #EBCB00 url('images/site_images/home-bg.jpg') repeat-x;
background-position: 50% 105px;
}

body#work #mainbox	{
background: transparent;
} 

body#identity #contentbox, body#posters #contentbox, body#media #contentbox, body#publication #contentbox, body#packaging #contentbox, body#clients #contentbox, body#sale #contentbox	{
background: transparent;
}

body#work, body#identity, body#posters, body#media, body#publication, body#packaging, body#clients, body#sale, body#way	{
background: #000000 url('images/site_images/work-bg.jpg') repeat-x;
background-position: 50% 105px;
}

body#process #mainbox	{
background: #CA3b37 url('images/site_images/process.jpg') center no-repeat;
height: 650px;
}

body#process	{
background: #CA3b37;
}

body#hype #mainbox	{
height: 600px;
background: transparent;
}

body#honors #contentbox, body#news #contentbox, body#tourdates #contentbox, body#testimony #contentbox {
background: transparent;
}

body#hype, body#honors, body#news, body#tourdates, body#testimony, body#top10	{
background: #7A2204 url('images/site_images/hype-bg.jpg') repeat-x;
background-position: 50% 100px;
}

body#words #mainbox	{
background: transparent;
height: 600px;
}

body#words, body#designid, body#why, body#intro, body#paulrand, body#rants, body#feedback	{
background: #582D1A url('images/site_images/words-bg.jpg') repeat-x;
background-position: 50% 100px;
}

body#profile, body#studio, body#arc, body#links, body#movie	{
background: #000 url('images/site_images/profile-bg.jpg') repeat-x;
background-position: 50% 100px;
}

body#pictures #mainbox	{
background: transparent;
height: 600px;
}

body#pictures	{
background: #582000 url('images/site_images/pictures-bg.jpg') repeat-x;
background-position: 50% 105px;
}

/*-------entry divs-----------*/

#media-list	{
display: none;
}

#publication-list	{
display: none;
}

#identity-list	{
display: none;
}

#packaging-list	{
display: none;
}

#posters-list	{
display: none;
}

body#media #media-list, body#publication #publication-list, body#identity #identity-list, body#packaging #packaging-list, body#posters #posters-list	{
display: block;
}

/*------------Contact Section--------------------*/

#contact-box	{
position: absolute;
left: 50%;
top: 87px;
margin-left: 16em; 
background: #a70 url('images/site_images/2x2-100-orange.gif');
border: 1px solid #fff;
text-align: left;
font-family: helvetica, sans-serif;
color: #fff;
font-size: 11px;
line-height: 15px;
width: 18em;
display: none;
z-index: 3;
}

html>body #contact-box	{
margin-left: 16.5em;
}

#contact-box2	{
margin: 1em;
width: 16em;
}

#contact-box a	{
background: #da0;
color: #fff;
text-align: center;
font-family: helvetica, sans-serif;
letter-spacing: 0;
font-size: 11px;
text-decoration: none;
display: block;
padding: .25em;
float: left;
width: 7.4em;
margin-bottom: 1em;
margin-right: 1px;
}

#contact-box a#email	{
width: 15.5em;
margin-top: .5em;
}

#contact-box a:hover	{
background: transparent url(images/site_images/2x2-100-cyan.gif);
color: #fff;
}

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