/* CSS Document */

/* Authored by:
------------------------------------------
Heather Rose
January 2008
http://www.heatherrosedesign.com

License: Copyright (c) 2008, Heather Rose, All rights reserved.
Feel free to read and learn from this, but please don't steal.
------------------------------------------ */

/* Imported Styles
------------------------------------------ 
@import url(reset.css);*/


/* Global
------------------------- */
	body { margin: 0; color: #333; font-size: 10pt; background: #fff; }
	a:link, a:visited { color: #639; text-decoration: none; }
	body, input, table, td, th, textarea { font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; }
 
  h1, h2 { color: #639; font-weight: bold; }

	#wrapper { margin: 0; width: 8.5in; }
	#content-wrapper { padding: 0.25in; width: 8in; overflow: auto; }
  
  #nav, #sidebar, form#ccform { display: none; }


/* Header
------------------------- */
	#header { width: 100%; height: 94px; }
	#header a { margin: 0 auto; display: block; width: 94px; height: 88px; overflow: hidden; }
	#header a span { display: block; width: 100%; height: 100%; }
	#header img { display: block; width: 94px; height: 88px; }


/* Content
------------------------- */
	#quote { float: left; width: 2in; }
	body.col2 #content, body.col3 #content { float: right; padding: 0; width: 5.5in; }
	body.col2 #quote { display: none; width: 0; }  
	
  p { margin: .5em 0 1em; line-height: 1.4em; }
	#content p, #content li { font-size: 1em; }
	#content ul { margin-left: 30px; list-style-type: disc; }
	#content li { padding-bottom: .5em; }
	  
  #content a  { text-decoration: underline; }
  
  strong { color: #639; }
	.purple { color: #639; font-size: 1.1em; }
	.left { float: left; margin-right: 10px; }
	.right { float: right; }
	.clear { clear: both; }
	
	/* HOME */
	body#home #content { padding-top: 20px }
	body#home #content h1 { font-size: 1.1em; }
	body#home #content h2 { font-weight: normal; font-size: 1.1em; }
  
  /* WHAT'S NEW */
	body#what-snew.col2 #content { padding: 0 30px 0 0; width: 640px; }
	body#what-snew #content h2 { margin-top: 3em; font-size: 1.2em; }
	body#what-snew #content h2.first { margin-top: 0; }
	body#what-snew #content h3 { margin-top: .2em; color: #000; font-weight: bold; font-size: 1.5em; }
	body#what-snew #content p.updated { margin-bottom: 1.5em; color: #999; font-size: 0.9em; }
	body#what-snew #content .entry { margin: 0 0 30px 30px; }
	body#what-snew #content .entry p { margin-left: 180px; }
	body#what-snew #content .entry img.logo { margin: 0 0 0 180px; float: none; display: block; border: none; }
	body#what-snew #content .entry img { margin-top: 1em; float: left; border: 1px solid #cc9; }
	body#what-snew #content .entry img.noborder { border: none; }
	
	/* PRINT */
	body#print #content ul.th-logos { margin: 0; width: 590px; overflow: auto; list-style: none; } /* centers thumbs on page - adjust margin for placement */
	body#print #content ul.th-logos li { float: left; display: inline; margin: 0 17px 0; padding: 0; width: 160px; height: 150px; }
	body#print #content ul.th-marketing { margin: 0; width: 590px; overflow: auto; list-style: none; } /* centers thumbs on page - adjust margin for placement */
	body#print #content ul.th-marketing li { float: left; display: inline; margin: 0 36px 36px; padding: 0 3px 3px 0; width: 72px; height: 72px; background: url(../img/th-shadow.gif) no-repeat 100% 100%; }
	body#print #content h1 { font-size: 1.4em; }
	body#print #content h2 { margin-top: 2em; font-size: 1.1em; }
	body#print #content div.center { margin-bottom: 2em; }
	
	/* WEB */
	body#web #content { padding-top: 0; }
	body#web #content ul li a { color: #333; text-decoration: underline; }
	body#web #content ul li a:hover { color: #639; }
	
	body#web.col2 #content { float: none; padding: 0; width: auto; }
	body#web.col2 #content h1 { margin: 10px 0 30px; color: #ccc; font-weight: normal; font-size: 2.5em; text-align: center; letter-spacing: 0.1em; }
	body#web.col2 #content .container { margin: 0; list-style: none; }
	body#web.col2 #content .container li { float: left; display: inline; margin: 0 25px 30px 0; width: 175px; text-align: center; }
	body#web.col2 #content .container li.clear { clear: left; }
	body#web.col2 #content .container a { width: 100%; height: 100%; font-size: 0.8em; text-decoration: none; }
	body#web.col2 #content .container a img { display: block; margin: 0 auto 5px; border: 1px solid #ccc; }
	
	/* PACKAGING */
	body#packaging #content ul.th-retail { margin: 0; width: 590px; overflow: auto; list-style: none; } /* centers thumbs on page - adjust margin for placement */
	body#packaging #content ul.th-retail li { float: left; display: inline; margin: 0 36px 36px; padding: 0 3px 3px 0; width: 72px; height: 72px; background: url(../img/th-shadow.gif) no-repeat 100% 100%; }
	body#packaging #content ul.th-food { margin: 0; width: 590px; overflow: auto; list-style: none; } /* centers thumbs on page - adjust margin for placement */
	body#packaging #content ul.th-food li { float: left; display: inline; margin: 0 17px 10px; width: 160px; height: 105px; }	
	body#packaging.col3.food #quote { margin-top: 25px; width: 250px; text-align: center; }
	body#packaging.col3.food #quote img { margin-top: 30px; }
	body#packaging.col3.food #quote p { margin-top: 15px; color: #999; font-weight: bold; font-size: 1.1em; line-height: 1.3em; }
	body#packaging.col3.food #content { padding: 20px 10px 0 5px; width: 405px; }
	body#packaging.col3.food #content img.product { margin-bottom: 10px; }
	body#packaging.col3.food #content h2 { margin-top: 2em; font-size: 1.1em; }
	
	body#packaging #content h1 { font-size: 1.4em; }
	body#packaging #content h2 { margin-top: 2em; font-size: 1.1em; }
	body#packaging #content ul { margin-left: 15px; }
	body#packaging #content ul ul { font-size: 100%; list-style-type: circle; }
	body#packaging #content ul ul li { padding-bottom: .3em; }
	
	/* DESIGN PROCESS */
	body#process #content h1 { color: #999; }
	body#process #content h2 { font-size: 1.5em; }
	body#process #content img { border: 1px solid #ccc; }
	body#process #content a.right { text-align: center; text-decoration: none; }
	body#process #content a.right img { display: block; }
	
	/* INSPIRATION */
	body#inspiration #content h1 { margin-bottom: 0.5em; color: #999; }
	body#inspiration #content ul { margin: 0; list-style: none; }
	
	/* CONTACT */
	body#contact #content { padding-top: 0; }
	body#contact #content a img#cc { position: relative; left: 330px; }


/* Footer
------------------------- */
	#footer { clear: both; padding: 20px 10px 20px; width: 806px; text-align: center; }
	#footer li { display: none; color: #cc9; }
	#footer li.copyright { display: block; margin-top: 1em; color: #639; }