body {
	text-transform: uppercase;
	font: 62.5% "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	background: #d9d7d8 url(../bg.jpg) repeat-x;
	color: #212020;
}

#container {
	position: relative;
	top: 20px;
	left: 20px;
	width: 95%;
	min-width: 900px;
	max-width: 1600px;
}

a { 
	-webkit-transition: color .25s ease; 
	-moz-transition:color 1s ease;  
	-o-transition:color 1s ease;  
	transition:color 1s ease;
	text-decoration: none;
}

a:link, a:visited {
	color: #202020;
}

a:hover, a:active {
	color: #de57e6;
}

.lowerCase{
	text-transform: lowercase;
}

.mixed{
	text-transform: capitalize;
}

strong{
	font-weight: bold;
}
/* generic list setup */

/*mainNav, director, stills, subNav*/

#mainNav li, #directorNav li, #stillRow1 li, #stillRow2 li, #stillRow3 li, #subNavRow1 li, #subNavRow2 li, #subNavRow3 li {
	margin: 0;
	padding: 0;
	list-style: none;
	text-indent: -5000px;
}

#mainNav li, #directorNav li {
	display: inline-block;
	position: relative;
}

#stillRow1 li, #stillRow2 li, #stillRow3 li, #subNavRow1 li, #subNavRow2 li, #subNavRow3 li {
	display: inline-block;
	position: relative;
}

/* mainNav */

#mainNav a {
	height: 32px;
	display: block;
}

#mainNav li {
	height: 32px;
	display: inline-block;
}

#mainNav1 {
	background: url(../nav/greendotfilms.png) no-repeat 0 0;
	width: 305px;
}

#mainNav2 {
	background: url(../nav/directors.png) no-repeat 0 0;
	width: 179px;
}

#mainNav3 {
	background: url(../nav/contact.png) no-repeat 0 0;
	width: 166px;
}

#mainNav1 a:hover {
	background: url(../nav/greendotfilms.png) no-repeat 0 -32px;
}

#mainNav2 a:hover {
	background: url(../nav/directors.png) no-repeat 0 -32px;
}

#mainNav3 a:hover {
	background: url(../nav/contact.png) no-repeat 0 -32px;
}

#mainNav2.current {
	background: url(../nav/directors.png) no-repeat 0 -64px;
}

#mainNav3.current {
	background: url(../nav/contact.png) no-repeat 0 -64px;
}

/* director */

#directorNav a {
	height: 32px;
	display: block;
}

#directorNav li {
	height: 32px;
	display: inline-block;
}

/*row 1 normal*/

#baehler {
	background: url(../nav/baehler.png) no-repeat 0 0;
	width: 292px;
}

#cohen {
	background: url(../nav/cohen.png) no-repeat 0 0;
	width: 221px;
}

#coppos-lee {
	background: url(../nav/copposlee.png) no-repeat 0 0;
	width: 204px;
}

#farmer {
	background: url(../nav/farmer.png) no-repeat 0 0;
	width: 288px;
}

#fernandez {
	background: url(../nav/fernandez.png) no-repeat 0 0;
	width: 326px;
}

#jacobsbriere {
	background: url(../nav/jacobsbriere.png) no-repeat 0 0;
	width: 233px;
}

#jitzmark{
	background: url(../nav/jitzmark.png) no-repeat 0 0;
	width: 298px;	
}

#schurgers {
	background: url(../nav/schurgers.png) no-repeat 0 0;
	width: 264px;
}

#sears {
	background: url(../nav/sears.png) no-repeat 0 0;
	width: 258px;
}

#thomas-b {
	background: url(../nav/thomas-b.png) no-repeat 0 0;
	width: 262px;
}

#thomas-c {
	background: url(../nav/thomas-c.png) no-repeat 0 0;
	width: 262px;
}

#baehler a:hover {
	background: url(../nav/baehler.png) no-repeat 0 -32px;
}

#cohen a:hover {
	background: url(../nav/cohen.png) no-repeat 0 -32px;
}

#coppos-lee a:hover {
	background: url(../nav/copposlee.png) no-repeat 0 -32px;
}

#farmer a:hover {
	background: url(../nav/farmer.png) no-repeat 0 -32px;
}

#fernandez a:hover {
	background: url(../nav/fernandez.png) no-repeat 0 -32px;
}

#jacobsbriere a:hover {
	background: url(../nav/jacobsbriere.png) no-repeat 0 -32px;
}

#jitzmark a:hover {
	background: url(../nav/jitzmark.png) no-repeat 0 -32px;
}

#schurgers a:hover {
	background: url(../nav/schurgers.png) no-repeat 0 -32px;
}

#sears a:hover {
	background: url(../nav/sears.png) no-repeat 0 -32px;
}

#thomas-b a:hover {
	background: url(../nav/thomas-b.png) no-repeat 0 -32px;
}

#thomas-c a:hover {
	background: url(../nav/thomas-c.png) no-repeat 0 -32px;
}

#baehler.current {
	background: url(../nav/baehler.png) no-repeat 0 -64px;
}

#cohen.current {
	background: url(../nav/cohen.png) no-repeat 0 -64px;
}

#coppos-lee.current {
	background: url(../nav/copposlee.png) no-repeat 0 -64px;
}

#farmer.current {
	background: url(../nav/farmer.png) no-repeat 0 -64px;
}

#fernandez.current {
	background: url(../nav/fernandez.png) no-repeat 0 -64px;
}

#jacobsbriere.current {
	background: url(../nav/jacobsbriere.png) no-repeat 0 -64px;
}

#jitzmark.current {
	background: url(../nav/jitzmark.png) no-repeat 0 -64px;
}

#schurgers.current {
	background: url(../nav/schurgers.png) no-repeat 0 -64px;
}

#sears.current {
	background: url(../nav/sears.png) no-repeat 0 -64px;
}

#thomas-b.current {
	background: url(../nav/thomas-b.png) no-repeat 0 -64px;
}

#thomas-c.current {
	background: url(../nav/thomas-c.png) no-repeat 0 -64px;
}

/* stills */

#stillRow1 li, #stillRow1 a, #stillRow2 li, #stillRow2 a, #stillRow3 li, #stillRow3 a {
	height: 161px;
	margin-right: 2px;
}

#stillRow1.underGod li, #stillRow1.underGod a{
	height: 248px;
	display: block;
}

#stillRow1, #stillRow2, #stillRow3 {
	position: relative;
	padding-top: 5px;
	padding-left: 5px;
}

ul.stills li, ul.stills a{
	width: 286px;
	display: block;
}

/* subNav */

#subNavRow1 a,  #subNavRow2 a, #subNavRow3 a {
	height: 22px;
	display: block;
}

#subNavRow1 li, #subNavRow2 li, #subNavRow3 li, {
	height: 22px;
	display: inline-block;
}

.current{
	height: 22px;
}

#subNavRow1, #subNavRow2, #subNavRow3 {
	position: relative;
	left: 2px;
}

/* normal states */

#subNav1 {
	background: url(../subnav/playall.png) no-repeat 0 0;
	width: 87px;
}

#subNav2 {
	background: url(../subnav/wiredrive.png) no-repeat 0 0;
	width: 210px;
}

#subNav3 {
	background: url(../subnav/bio.png) no-repeat 0 0;
	width: 148px;
}

#subNav4 {
	background: url(../subnav/general.png) no-repeat 0 0;
	width: 83px;
}

#subNav5 {
	background: url(../subnav/additional.png) no-repeat 0 0;
	width: 184px;
}

#subNav6 {
	background: url(../subnav/additional-music.png) no-repeat 0 0;
	width: 305px;
}

#subNav7 {
	background: url(../subnav/animal.png) no-repeat 0 0;
	width: 109px;
}

#subNav8 {
	background: url(../subnav/comedy.png) no-repeat 0 0;
	width: 114px;
}

#subNav9 {
	background: url(../subnav/kids.png) no-repeat 0 0;
	width: 83px;
}

#subNav10 {
	background: url(../subnav/testimonial.png) no-repeat 0 0;
	width: 178px;
}

#subNav11 {
	background: url(../subnav/biohistory.png) no-repeat 0 0;
	width: 363px;
}

#subNav12 {
	background: url(../subnav/dopghv1.png) no-repeat 0 0;
	width: 407px;
}

#subNav13 {
	background: url(../subnav/interactive.png) no-repeat 0 0;
	width: 163px;
}

#subNav14 {
	background: url(../subnav/interactivedigital.png) no-repeat 0 0;
	width: 169px;
}

#subNav15 {
	background: url(../subnav/under-god.png) no-repeat 0 0;
	width: 187px;
}

#subNav16 {
	background: url(../subnav/doc-test.png) no-repeat 0 0;
	width: 237px;
}

#subNav17 {
	background: url(../subnav/play.png) no-repeat 0 0;
	width: 60px;
}

#subNav18 {
	background: url(../subnav/director-reel.png) no-repeat 0 0;
	width: 122px;
}

#subNav19{
	background: url(../subnav/old-school.png) no-repeat 0 0;
	width: 157px;	
}

#photography{
	background: url(../subnav/photography.png) no-repeat 0 0;
	width: 132px;		
}

/* hover states */

#subNav1 a:hover {
	background: url(../subnav/playall.png) no-repeat 0 -22px;
}

#subNav2 a:hover {
	background: url(../subnav/wiredrive.png) no-repeat 0 -22px;
}

#subNav3 a:hover {
	background: url(../subnav/bio.png) no-repeat 0 -22px;
}

#subNav4 a:hover {
	background: url(../subnav/general.png) no-repeat 0 -22px;
}

#subNav5 a:hover {
	background: url(../subnav/additional.png) no-repeat 0 -22px;
}

#subNav6 a:hover {
	background: url(../subnav/additional-music.png) no-repeat 0 -22px;
}

#subNav7 a:hover {
	background: url(../subnav/animal.png) no-repeat 0 -22px;
}

#subNav8 a:hover {
	background: url(../subnav/comedy.png) no-repeat 0 -22px;
}

#subNav9 a:hover {
	background: url(../subnav/kids.png) no-repeat 0 -22px;
}

#subNav10 a:hover {
	background: url(../subnav/testimonial.png) no-repeat 0 -22px;
}

#subNav11 a:hover {
	background: url(../subnav/biohistory.png) no-repeat 0 -22px;
}

#subNav12 a:hover {
	background: url(../subnav/dopghv1.png) no-repeat 0 -22px;
}

#subNav13 a:hover {
	background: url(../subnav/interactive.png) no-repeat 0 -22px;
}

#subNav14 a:hover {
	background: url(../subnav/interactivedigital.png) no-repeat 0 -22px;
}

#subNav15 a:hover {
	background: url(../subnav/under-god.png) no-repeat 0 -22px;
}

#subNav16 a:hover {
	background: url(../subnav/doc-test.png) no-repeat 0 -22px;
}

#subNav17 a:hover {
	background: url(../subnav/play.png) no-repeat 0 -22px;
}

#subNav18 a:hover {
	background: url(../subnav/director-reel.png) no-repeat 0 -22px;
}

#subNav19 a:hover {
	background: url(../subnav/old-school.png) no-repeat 0 -22px;
}

#photography a:hover{
	background: url(../subnav/photography.png) no-repeat 0 -22px;
}

/* current states */

#subNav4.current {
	background: url(../subnav/general.png) no-repeat 0 -44px;
}

#subNav5.current {
	background: url(../subnav/additional.png) no-repeat 0 -44px;
}

#subNav6.current {
	background: url(../subnav/additional-music.png) no-repeat 0 -44px;
}

#subNav7.current {
	background: url(../subnav/animal.png) no-repeat 0 -44px;
}

#subNav8.current {
	background: url(../subnav/comedy.png) no-repeat 0 -44px;
}

#subNav9.current {
	background: url(../subnav/kids.png) no-repeat 0 -44px;
}

#subNav10.current {
	background: url(../subnav/testimonial.png) no-repeat 0 -44px;
}

#subNav12.current {
	background: url(../subnav/dopghv1.png) no-repeat 0 -44px;
}

#subNav13.current {
	background: url(../subnav/interactive.png) no-repeat 0 -44px;
}

#subNav14.current {
	background: url(../subnav/interactivedigital.png) no-repeat 0 -44px;
}

#subNav15.current {
	background: url(../subnav/under-god.png) no-repeat 0 -44px;
}

#subNav16.current {
	background: url(../subnav/doc-test.png) no-repeat 0 -44px;
}

/*subNav 17 has no current state*/

#subNav18.current {
	background: url(../subnav/director-reel.png) no-repeat 0 -44px;
}

#subNav19.current {
	background: url(../subnav/old-school.png) no-repeat 0 -44px;
}

#photography.current{
	background: url(../subnav/photography.png) no-repeat 0 -44px;
}

/* @group CONTACT */

#address{
	font-weight: bold;
	color: #8e8d8c;
	font-size: 2.5em;
	letter-spacing: -.07em;
	line-height: 1em;
}

#production, #representation, #special{
	margin-top: 1.5em;
	line-height: 1.75em;
	font-size: 1.5em;
}

.grouping{
	font-weight: bold;
	font-size: 1.2em;
	color: #8e8d8c;
}

.mail{
	position: relative;
	top: 1px;
	margin-right: 4px;
}

td{
	padding-right: 3em;
}


/* @end */