html {
	width: 100%;
	margin: 0;
	/* setting border: 0 hoses ie6 win window inner well border */
	padding: 0;
}

body {
	text-align: center; /* center on ie */
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height:14px;
	background: #333;
	margin: 0;
	/* setting border: 0 hoses ie6 win window inner well border */
	padding: 0;
}

/* =============================================== */
/* HELPERS */
/* =============================================== */

/* drags divs down to contain floated images */
/* thanks to http://positioniseverything.net/easyclearing.html */





.clearfix:after {
    content: "."; 
    display: block; 
    height: 1%; 
    clear: both; 
    visibility: hidden;
    class: clearfix floatholder;
}

/* standard helper classes */

.clr
{
   clear: both;
   overflow: hidden;
   width: 1px;
   height: 1px;
   margin: 0 -1px -1px 0;
   border: 0;
   padding: 0;
   font-size: 0;
   line-height: 0;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after
{
   content: " ";
   display: block;
   visibility: hidden;
   clear: both;
   height: 0.1px;
   font-size: 0.1em;
   line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */

/* ==================================== */
/* CONTAINERS */
/* ==================================== */
/* these fill the width of the page */
/* and provide background color in horizontal bands */
/* everything inside slides to center */

#container {
	width: 100%;
	padding: 0px;
}

/* ==================================== */
/* INNER CONTAINERS */
/* ==================================== */

#banner {
	position: relative;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	height: 114px;
	text-align: center;
}

#navbar {
	position: relative;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: #333;
	text-align: left;
}

#subnav {
	position: relative;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
}

#pagetitle {
	position: relative;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 10px;
	background: #666;
	padding: 0px;
	text-align: left;
}

#inner-pagetitle {
	position: static;
	padding: 10px;
	text-align: left;
}

#inner-container {


	position: relative;
	width: 810px; padding-left:10px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#footer {
	clear: both;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	height: 20px;
	padding-top: 10px;
	margin-top: 20px;
	background: #000000;
	text-align: right;
}

/* ==================================== */
/* COLUMNS */
/* ==================================== */

#cols-layouta-1, #cols-layouta-2, #cols-layouta-3, #cols-layoutb-1, #cols-layoutb-2, #cols-layoutc-1, #cols-layoutc-2, #cols-layoutc-3, #cols-layoutd-1, #cols-layoutd-2, #cols-layoutd-3, #minicol-left, #minicol-right {
	text-align: left;
	display: inline; /* ie win bugfix */
	position: relative;
	min-height: 1px;
}

/* cols-layouta */
/* normal 3-column layout with wide middle column and two sidebars used on most pages */
#cols-layouta-1 {
	float: left;
	width: 200px;
}

#cols-layouta-2 {
	float: left;
	width: 385px;
	padding-left: 10px;
}
  
#cols-layouta-3 {
	float: left;
	width: 200px;
	padding-left: 10px;
}

/* cols-layoutb */
/* one wide column and a narrower sidebar on right used on production photos, newsletters, and talent bios landing page */
#cols-layoutb-1 {
	float: left;
	width: 590px;
}

#cols-layoutb-2 {
	float: left;
	width: 200px;
	padding-left: 10px;
}

/* cols-layoutc */
/* two equal-sized columns and a narrower sidebar on right used on get involved landing page */
#cols-layoutc-1 {
	float: left;
	width: 290px;
}

#cols-layoutc-2 {
	float: left;
	width: 290px;
	padding-left: 10px;
}
  
#cols-layoutc-3 {
	float: left;
	width: 200px;
	padding-left: 10px;
}

/* cols-layoutd */
/* three equal-sized columns used on watch films and shop */
#cols-layoutd-1 {
	float: left;
	width: 260px;
}

#cols-layoutd-2 {
	float: left;
	width: 260px;
	padding-left: 10px;
}
  
#cols-layoutd-3 {
	float: left;
	width: 260px;
	padding-left: 10px;
}

/* special module for making another small column inside main column; it goes inside another module, i.e. it's not a page layout, just a way to break a wider column up. as of 9.8.06, it's only used on talent bios page */
#thirdcolumn-module {
	padding: 0px 20px 0px 0px;
	width: 240px;
	float: left;
}

/* ==================================== */
/* MODULES - FEATURE BOXES */
/* ==================================== */

#module-head { /* one of these goes on top of every module, to hold its headline */
	margin-bottom: 0px;
	padding: 5px 15px 5px 15px;
	background: #666;
}

#module-1 { /* use this for special features - green boxes with heads */
	margin-bottom: 10px;
	padding: 15px 15px 10px 15px;
	background: #96D045;
}

#module-2 { /* use this for regular features - light grey boxes with heads */
	margin-bottom: 10px;
	padding: 15px 15px 10px 15px;
	background: #f0f0f0;
}

#module-2a { /* use this for regular features - light grey boxes with heads */
	margin-bottom: 10px;
	padding: 15px 5px 10px 5px;
	background: #f0f0f0;
}

#module-3 { /* use this for regular content - light grey boxes w/ no heads */
	margin-bottom: 10px;
	padding: 15px 15px 10px 15px;
	background: #f0f0f0;
}

#module-4 { /* use this for films on watch films page - light grey boxes, set height */
	margin-bottom: 10px;
	padding: 15px 15px 10px 15px;
	background: #f0f0f0;
	height: 240px;
}

#module-5 { /* use this for items on get involved - light grey boxes, set height */
	margin-bottom: 10px;
	padding: 15px 15px 10px 15px;
	background: #f0f0f0;
	height: 260px;
}

/* ==================================== */
/* IMAGE STYLES */
/* ==================================== */

img {
	border: none;
	overflow: hidden;
}


img.social {
clear: both; padding: 5px;

}

img.pdf{
clear: both; padding: 5px 2px 0px 25px;

}

img.inset {
	border: none;
	float: left;
	margin: 0px 10px 5px 0px;
	overflow: hidden;
}

img.inline {
	border: none;
	margin: 0px 0px 5px 0px;
	overflow: hidden;
}

img.button {
	border: none;
	margin: 0px 0px 0px 10px;
	overflow: hidden;
	vertical-align: middle;
}

img.right {
	float: right;
	border: none;
	margin: 0px 0px 0px 10px;
	overflow: hidden;
	vertical-align: middle;
}

img.inline {
	border: none;
	margin: 0px 5px 5px 0px;
	overflow: hidden;
}

img.feature {
	margin: 0px 0px 15px 0px;
}

img.kodak {
	border: none;
	float: left;
	margin: 0px 15px 5px 0px;
	margin-bottom: 10px;
}


/* ==================================== */
/* TEXT STYLES */
/* ==================================== */

h1 {
	font-family: Arial, sans-serif;
	font-size: 15px;
	line-height: 16px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align:left;
}

h2 {
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 12px;
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 0px;
	margin-bottom: 10px;
	text-align:left;
}

/* feature quotes, like the one on the homepage */
h3 {
	font-family: Arial, sans-serif;
	font-size: 18px;
	line-height: 18px;
	color: #000;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 10px;
	text-align:left;
}

/* detail text, such as news post-dates */
h4 {
	font-family: Arial, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #666;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 10px;
	text-align: left;
}

p {
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #003;
	margin-top: 0px;
	margin-bottom: 10px;
	text-align: left;
}

p.price {
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #003;
	margin-top: 0px;
	margin-bottom: 10px;
	text-align: right;
	font-weight: bold;
}

/* page descriptions and other light text on a dark ground */
p.light {
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #f0f0f0;
	margin-top: 10px;
	margin-bottom: 0px;
	text-align:left;
}

p.quoteattribution {
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #003;
	margin-top: 0px;
	margin-bottom: 10px;
	text-align: right;
	font-style: italic;
}

.title {
	font-weight: bold;
}

ol, ul {
	margin: 0px 0px 10px 0px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #003;
	text-align:left;
}

li {
	margin: 0px 0px 0px 0px;
	text-align:left;
}

/* ==================================== */
/* LINKS */
/* ==================================== */

/* normal link styles */

a:link {
	color: #666;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #000;
	text-decoration: none;
	background-color: #B9F369;
	font-weight: bold;
}

a:visited {
	color: #666;
	text-decoration: none;
	font-weight: bold;
}

a:active { 
	color: #666; 
	text-decoration: none;
	font-weight: bold;
}

/* banner link styles */

a.banner:link {
	text-decoration: none;
	background-color: #333;
}

a.banner:hover {
	text-decoration: none;
	background-color: #333;
}

a.banner:visited {
	text-decoration: none;
	background-color: #333;
}

a.banner:active {
	text-decoration: none;
	background-color: #333;
}

/* nav link styles */

a.nav {
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, sans-serif;
	padding: 1px 29px;
	min-width: 75px;
	text-transform: uppercase;
	background-color: #ccc;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #999;
	border-left: 2px solid #999;
}

a.nav:link {
	color: #333;
	text-decoration: none;
}

a.nav:hover { 
	color: #000;
	text-decoration: none;
	background-color: #B9F369;
}

a.nav:visited {
	color: #333;
	text-decoration: none;
}
  
a.nav:active { 
	color: #333; 
	text-decoration: none;
}

/* nav link styles */

a.nav-donate {
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, sans-serif;
	padding: 1px 29px;
	min-width: 75px;
	text-transform: uppercase;
	background-color: #B9F369;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #999;
	border-left: 2px solid #999;
}

a.nav-donate:link {
	color: #000;
	text-decoration: none;
}

a.nav-donate:hover { 
	color: #B9F369;
	text-decoration: none;
	background-color: #fff;
}

a.nav-donate:visited {
	color: #000;
	text-decoration: none;
}
  
a.nav-donate:active { 
	color: #000; 
	text-decoration: none;
}

/* subnav link styles */

a.subnav {
	font-weight: bold;
	font-size: 10px;
	font-family: Arial, sans-serif;
	padding: 2px 4px;
	min-width: 75px;
	text-transform: uppercase;
	background-color: #999;
}

a.subnav:link {
	color: #000;
	text-decoration: none;
}

a.subnav:hover { 
	color: #000;
	text-decoration: none;
	background-color: #B9F369;
}

a.subnav:visited {
	color: #000;
	text-decoration: none;
}
  
a.subnav:active { 
	color: #000; 
	text-decoration: none;
}

/* pagetitle link styles */

a.pagetitle:link {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

a.pagetitle:hover {
	color: #000;
	text-decoration: none;
	background-color: #B9F369;
	font-weight: bold;
}

a.pagetitle:visited {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

a.pagetitle:active { 
	color: #fff; 
	text-decoration: none;
	font-weight: bold;
}

/* footer link styles */

a.footer {
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, sans-serif;
	padding: 1px 8px;
	min-width: 75px;
	text-transform: uppercase;
}

a.footer:link {
	color: #fff;
	text-decoration: none;
}

a.footer:hover { 
	color: #000;
	text-decoration: none;
	background-color: #B9F369;
}

a.footer:visited {
	color: #fff;
	text-decoration: none;
}
  
a.footer:active { 
	color: #fff; 
	text-decoration: none;
}

.right {float:right;}

.left {float:left;}

.clear {clear:both;}

.biobox {width: 345px; padding: 10px; border:1px dashed #333; float:right; margin:1em;}