body		{background: url(http://deliberate-design.com/images/bg_wide.gif) center top repeat-y #F38500; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.9em; text-align:center;   
			line-height:1.5em;}

H1, H2, H3, H4, H5, H6	{font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin:0 0 0 0; }

div			{text-align:left;  border:0 solid red;}

#shell		{position:relative; width:900px; top:0; border:0 solid red; margin:auto; border-top:14px solid #F38500  }

#stage		{position:relative; width:740px; left:70px; top:52px; border:0 solid red;  }

.horizline	{padding:0 0 0 39px;  }
.horizline.bottom	{display:none; }


#masthead	{position:absolute; left:272px; top:1px;  z-index:15;  }

body.jump #masthead, #home #masthead	{top:220px;  }

#home #masthead	{top:232px;  }


#masthead H1, #masthead H2 	{display:none; }

#logotype	{position:absolute; left:0; top:0; width:216px; height:24px;  
			background: url(http://deliberate-design.com/images/logotype.png) 0 0 no-repeat;}

* html #logotype {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://deliberate-design.com/images/logotype.png',sizingMethod='scale' );}


			
#tagline	{position:absolute; left:3px; top:30px; width:300px;  }
#tagline H3	{font-size:85%; }
			
* html #tagline H3 {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://deliberate-design.com/images/white_grade.png',sizingMethod='scale' );}			
        


#home #textshell	{ position:absolute; left:200px; top:2px; width:230px; height:280px; border:0 solid red; z-index:150;  }

#textshell	{ position:absolute; left:-9px; top:57px; width:230px; height:auto; border:0 solid red; z-index:10; padding:21px 10px 20px;
			visibilty:hidden;
			background-color:#DDD;
			filter:alpha(opacity=80);
			-moz-opacity: 0.80;
			opacity: 0.80;
			font-weight:bold;
			-webkit-border-radius: 8px;
			-moz-border-radius: 8px;			
			}
			
body.jump #textshell	{visibility:visible !important; 
						background-color:transparent;
						padding:0 10px;
						}


#stage a {color:#C30;}
			

#paperclip	{position:absolute; left:0; top:135px; width:219px; height:77px;  
			background: url(http://deliberate-design.com/images/paperclip_fd.png) 0 0 no-repeat;  z-index:150;}
			
* html #paperclip {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://deliberate-design.com/images/paperclip_fd.png',sizingMethod='scale' );}

#text		{position:absolute; left:75px; top:0; width:230px; height:218px; font-size:75%; z-index:10; 
			font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#999999; }

#text .padder		{padding:0px 15px 0 0; }

#text:hover		{color:#000000; }
#text span:hover	{font-weight:bold; color:FF6600; letter-spacing:.25em; text-transform:uppercase }

#folionav	{position:absolute; left:0px; top:30px; width:50px; height:298px; 
			background: url("http://deliberate-design.com/images/icons_stacked_alt.gif") 0 0 no-repeat;}
			
.weblink, .printlink, .motionlink, .brandinglink, .signagelink, .typelink, .adslink	{border-width:0 3px 0 3px; border-style:solid; border-color:#F38500; height:36px; font-size:36px;}
#folionav a:hover	{border-width:0 3px 0 3px; border-style:solid; border-color:#FFFFFF; }

#homebug	{position:absolute; left:3px; top:369px; width:59px; height:44px;  display:block;
			background: url("http://deliberate-design.com/images/home.gif") 0 9px no-repeat;}
			
#homebug a	{border-width:0 0 0 0; border-style:solid; border-color:FFFFFF; font-size:4px; display:block;}
#homebug a:hover	{border-width:3px 0 3px 0;}




#globalnav	{position:absolute; right:0px; top:40px; width:50px; height:238px; 
			background: url("http://deliberate-design.com/images/global_icons_stacked_alt.gif") 0 3px no-repeat;}
			



#globalnav a:hover	{border-color:#FFF; }



#globalnav span	{
	display:block; 
	width:50px; height:44px;
	margin-bottom:6px;
	}
	
#globalnav span a	{
	border:0 solid #F38500; border-width:3px 0;
	display:block; width:100%; height:100%;
	text-decoration:none;
	}

#globalnav #philosophy {height:48px }

#globalnav #publications {height:54px }

#globalnav #contact {height:57px }



/* #toggle		{position:absolute; left:580px; top:30px; z-index:100;} */

#toggle a	{
			display:block; padding-top:600px; width:100%; height:100%;
			}
			
#toggle span	{
			overflow:hidden; display:block;
			}			


#home #toggle #close	{
 	}
 	
#home #toggle #open	{
			height:240px;
			left:340px;
			position:absolute;
			top:40px;
			width:240px;
			z-index:130;
			background: url("http://deliberate-design.com/images/questionmark.gif") 140px 40px no-repeat;			
			}
			
#toggle #open.off	{
			background:none;
			}			

#home #toggle #close	{
			height:300px;
			left:300px;
			position:absolute;
			top:0;
			width:330px;
			z-index:120;
			}
			
			
#toggle #open	{
			height:50px;
			right:100px;
			position:absolute;
			top:40px;
			width:30px;
			z-index:130;
			background: url("http://deliberate-design.com/images/questionmark_small.gif") 0 0 no-repeat;			
			}
			
#toggle #close	{
			height:150px;
			right:70;
			position:absolute;
			top:0;
			width:130px;
			z-index:120;
			}
			
body#home #toggle, body.jump #toggle  {display:none;}

#sample		{position:absolute; left:344px; top:26px; width:300px; font-size:70%; }

#sampleimage img, #sampleimage a img {border-width:0;}

#sample p		{margin-top:62px; }


#home #sample, body#contact #sample, body#contact .pagecount,
body#philosophy #sample, body#philosophy .pagecount,
body#publications #sample, body#publications .pagecount,
body#people #sample, body#people .pagecount {display:none; }

#sampleimage		{padding:72px 0 25px 30px; text-align:center; overflow:hidden; }
body#home #sampleimage, body.jump #sampleimage		{text-align:left; }

body#home #sampleimage {
	padding:9px 0 46px 30px;
	}

#sectionname	{position:absolute; top: 342px; left:1px; color:#FFF0AA; font-weight:bold; width:55px; text-align:center; font-size:11px; line-height:1.2em; }
#globalsectionname	{position:absolute; top: 280px; right:-12px; color:#FFF0AA; font-weight:bold; width:68px; text-align:center; font-size:11px; line-height:110%; }

#pageheader		{position:absolute; top: 30px; left:100px; color:#F38500; font-weight:bold; font-size:11px }
#home #pageheader	{display:none; }
.pagecount		{font-weight:normal; color:#777777;  }