/* These properties are for pages with are generally content-driven but with additional
	design (such as Flash bits). The "Philosophy" and "Find" pages would fall into this
	category, for instance. */


/* ================================ Content - Layout Properties =================================== */

/* This holds the body text within the page */
div#content-and-primary-nav div#content
{
	width: 73.0%; /* 450/615 = 73%. (Normally 68.7%, 420/615) */
}


/* This makes use of auto-float-clearing:
	http://positioniseverything.net/easyclearing.html */

div#content-and-primary-nav div#content:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

div#content-and-primary-nav div#content {display: inline-table;}

/* Hides from IE-mac \*/
* html div#content-and-primary-nav div#content {height: 1%;}
div#content-and-primary-nav div#content {display: block;}
/* End hide from IE-mac */

/* ================================ Copy - Layout Properties =================================== */

/* This holds the copy within the page */
div#content div#copy
{
	/* This is normally aligned with padding-left, but floating it worked
		out better on the content-with-design pages (especially since there
		was no background image under the copy to contend with). */

	float: left;
	width: 52%; /* 230 / 450 = 45% */

}

/* =============================== Elements within the #content area ========================== */

/* Several pages feature a product image and the "featured distraction"
	is a moving image on a few pages (currently via Flash) */
div#content div#featured-distraction
{
	position: static; /* Just to be sure */

	float: right;
	width: 45%; /* 200 / 450 = 44.4% */
}