/*	CSS Reset
---------------------------------------------------	*/
html, body, h1, h2, h3, h4, h5, h6, p, table, th, td, form, fieldset, ul, li, blockquote	{
	margin: 0; padding: 0;
}

/*	Body
---------------------------------------------------	*/
body { background: #fff; color: #000; font: normal x-small helvetica, sans-serif; }

/*	Headings
---------------------------------------------------	*/
h1 { float: left; width: 165px; margin: 5px 3px 0 0; padding: 0 0 2px; font: normal 160% helvetica, sans-serif; text-align: right; text-transform: uppercase; }
h1 a { display: block; width: 165px; }
h1 a:hover { border-bottom: 2px solid #fff; }
h2 { display: inline; font: normal 110% helvetica, sans-serif; }
h3 {}
h4 {}
h5 {}
h6 {}

/*	Paragraphs
---------------------------------------------------	*/
p { margin: 5px 0 10px; }


/*	Images
---------------------------------------------------	*/
img { display: inline; border: none; }

/*	Links
---------------------------------------------------	*/
a:link, a:visited { border-bottom: 2px dotted #fff; color: #000; text-decoration: none; }
a:hover, a:active {  border-bottom: 2px dotted #f00; color: #000; outline: 0; }

a.email:link, a.email:visited { color: #000; border-bottom: none; }
a.email:active, a.email:hover { color: #00f; border-bottom: none; }

/*	Lists
---------------------------------------------------	*/
ul	{ margin: 10px 0; padding: 0 0 0 25px; list-style: disc outside; }
ul li { margin: 0 0 5px; }
ul ul { list-style: circle outside; }
ul ul ul { list-style: square outside; }
	
ol	{ margin: 10px 0; padding: 0 0 0 25px; list-style: decimal outside; }
ol li { margin: 0 0 5px; }
ol ol { list-style: lower-roman outside; }
ol ol ol { list-style: lower-alpha outside; }

/*	Other Elements & Global Classes
---------------------------------------------------	*/
blockquote {}
blockquote p {}
hr { display: none; }
.skipLink, .hide { display: none; }
.clear { clear: both; }

/*	Layout
---------------------------------------------------	*/
#page { position: relative; margin: 25px 50px 0 50px; padding: 386px 0 0; }

#header { height: auto !important; height: 1%; overflow: hidden; margin: 0 0 6px; }
#header span { color: #a00; font: normal 190% helvetica, sans-serif; }

ul#mainNavigation { display: inline; margin: 0; padding: 0; }
ul#mainNavigation li { display: inline; margin: 0; padding: 0; list-style: none; font-size: 110%; }
body#films li#navFilms a,
body#commercials li#navCommercials a,
body#cars li#navCars a,
body#musicVideos li#navMusicVideos a,
body#photography li#navPhotography a,
body#quickies li#navQuickies a,
body#archive li#navArchive a,
body#credits li#navCredits a { border-bottom: 2px dotted #f00; color: #000; outline: 0; }

#menus { position: relative; height: auto !important; height: 1%; overflow: hidden; padding: 0 0 0 170px; z-index: 100; }

#list { float: left; width: 154px; margin: 0 0 0 -170px; _display: inline; }
#list ul { padding: 0; text-align: right; }
#list ul li	{ margin: 0 0 4px; padding: 0; list-style: none; font-size: 110%; text-transform: lowercase; }
#list a { border-bottom: 2px dotted #fff; color: #000; }
#list a:hover, #list ul li.active a { border-bottom: 2px dotted #f00; }

#thumbnails ul { margin: 0; padding: 0; list-style: none; }
#thumbnails ul li { overflow: hidden; float: left; width: 144px; height: 96px; margin: 0 4px 4px 0; padding: 0; background: #ccc; }
#thumbnails ul li a	{ display: block; width: 144px; height: 96px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; border: none; text-indent: -10000px; cursor: pointer; }
#thumbnails ul li a:hover, #thumbnails ul li.active a { background-position: 0 -96px; }

#video { position: absolute; top: 0; left: 10px; width: 945px; height: 376px; overflow: hidden; }
#video p { position: absolute; top: 250px; width: 945px; color: #ccc; font-size: 250%; text-align: center; text-transform: uppercase; }
#video p#loading { top: 180px; left: 0; font-size: 120%; text-align: left; }
#video p#loading img { vertical-align: middle; }
.credits { position: absolute; top: 10px; left: 695px; width: 250px; }
.credits dl { height: auto !important; height: 1%; overflow: hidden; margin: 0; padding: 0; font-size: 110%; }
.credits dl dt	{ clear: left; float: left; margin: 0 5px 5px 0; padding: 0; font-weight: bold; }
.credits dl dd { margin: 0 0 5px; padding: 0; }
#clip { position: absolute; bottom: 0; left: 0; background: #fff; }
/*	Video Clip Containers : +16px height for player controls	*/
.v641x359 #clip { width: 641px; height: 375px; }
.v641x270 #clip { width: 641px; height: 286px; }
.v640x480 #clip { width: 640px; height: 496px; }
.v640x473 #clip { width: 640px; height: 489px; }
.v640x468 #clip { width: 640px; height: 484px; }
.v640x432 #clip { width: 640px; height: 448px; }
.v640x426 #clip { width: 640px; height: 442px; }
.v640x423 #clip { width: 640px; height: 439px; }
.v640x392 #clip { width: 640px; height: 408px; }
.v640x366 #clip { width: 640px; height: 382px; }
.v640x364 #clip { width: 640px; height: 380px; }
.v640x363 #clip { width: 640px; height: 379px; }
.v640x362 #clip { width: 640px; height: 378px; }
.v640x360 #clip { width: 640px; height: 376px; }
.v640x359 #clip { width: 640px; height: 375px; }
.v640x358 #clip { width: 640px; height: 374px; }
.v640x354 #clip { width: 640px; height: 370px; }
.v640x352 #clip { width: 640px; height: 368px; }
.v640x351 #clip { width: 640px; height: 367px; }
.v640x350 #clip { width: 640px; height: 366px; }
.v640x346 #clip { width: 640px; height: 362px; }
.v640x345 #clip { width: 640px; height: 361px; }
.v640x326 #clip { width: 640px; height: 342px; }
.v640x325 #clip { width: 640px; height: 341px; }
.v640x322 #clip { width: 640px; height: 338px; }
.v640x320 #clip { width: 640px; height: 336px; }
.v640x308 #clip { width: 640px; height: 324px; }
.v640x295 #clip { width: 640px; height: 311px; }
.v640x270 #clip { width: 640px; height: 286px; }
.v640x263 #clip { width: 640px; height: 279px; }
.v639x396 #clip { width: 639px; height: 412px; }
.v639x318 #clip { width: 639px; height: 334px; }
.v638x319 #clip { width: 638px; height: 335px; }
.v638x479 #clip { width: 638px; height: 495px; }
.v638x430 #clip { width: 638px; height: 446px; }
.v638x398 #clip { width: 638px; height: 414px; }
.v638x326 #clip { width: 638px; height: 342px; }
.v637x366 #clip { width: 637px; height: 366px; }
.v636x364 #clip { width: 636px; height: 380px; }
.v634x350 #clip { width: 634px; height: 366px; }
.v632x430 #clip { width: 632px; height: 446px; }
.v631x478 #clip { width: 631px; height: 494px; }
.v631x468 #clip { width: 631px; height: 484px; }
.v629x244 #clip { width: 629px; height: 260px; }
.v626x352 #clip { width: 626px; height: 368px; }
.v400x304 #clip { width: 400px; height: 320px; }
.v400x272 #clip { width: 400px; height: 288px; }
.v400x266 #clip { width: 400px; height: 282px; }
.v400x238 #clip { width: 400px; height: 254px; }
.v400x224 #clip { width: 400px; height: 240px; }
.v400x222 #clip { width: 400px; height: 238px; }
.v400x216 #clip { width: 400px; height: 232px; }
.v400x204 #clip { width: 400px; height: 220px; }
.v400x202 #clip { width: 400px; height: 218px; }
.v400x200 #clip { width: 400px; height: 216px; }
.v400x196 #clip { width: 400px; height: 212px; }
.v400x166 #clip { width: 400px; height: 182px; }
.v356x266 #clip { width: 356px; height: 282px; }
.v354x266 #clip { width: 354px; height: 282px; }
.v348x266 #clip { width: 348px; height: 282px; }
.v400x166 .credits,
.v400x196 .credits,
.v400x200 .credits,
.v400x202 .credits,
.v400x204 .credits,
.v400x216 .credits,
.v400x222 .credits,
.v400x224 .credits,
.v400x238 .credits,
.v400x266 .credits,
.v400x272 .credits,
.v400x304 .credits { left: 425px; width: 450px; }
.v356x266 .credits { left: 381px; width: 450px; }
.v354x266 .credits { left: 379px; width: 450px; }
.v348x266 .credits { left: 373px; width: 450px; }

body#home .v640x320 #clip { width: 640px; height: 320px; }

#footer { clear: both; margin: 0 0 0 170px; padding-bottom: 2px; }
#footer p { margin: 0 0 10px; font-size: 110%; line-height: 2em; }
#footer span { color: #a00; font-weight: bold; }
#footer.photography { position: absolute; top: 585px; }
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active { border: none; }

/*	Sections
---------------------------------------------------	*/
#photoDetail { position: absolute; top: -25px; left: 170px; width: 740px; height: 597px; overflow: hidden; cursor: pointer; z-index: 1; }
#photos ul { margin: 0; padding: 0; list-style: none; }
#photos ul li { overflow: hidden; float: left; height: 96px; margin: 0 4px 4px 0; padding: 0; background: #ccc; }
#photos ul li a	{ display: block; height: 96px; border: none; }
#photos ul li a:hover { opacity: .85; }

#photography #thumbnails ul li { width: auto;  }
#photography #thumbnails ul li a.vert { width: 79px; height: 97px; }
#photography #thumbnails ul li a.horiz { width: 119px; height: 97px; }
#photography #thumbnails ul li img { display: block; }
#photography #thumbnails ul li a:hover { opacity: .85; }
#photography #thumbnails ul a span { position: absolute; bottom: 0; background: #fff; color: #000; font-weight: bold; }

body#credits dl dt { display: none; }
body#credits dl dd { font-size: 110%; text-transform: none; }
body#credits dl { margin: 0 0 0 170px; }
body#credits dl dt, body#credits dl dd { display: inline; margin: 0; padding: 0; text-align: left; line-height: 2em; }
body#credits dl dd { text-transform: lowercase; }
body#credits dl dd:after { content: ","; }
body#credits dl dd.last:after { content: "."; }
body#credits dl dd a:link, body#credits dl dd a:visited { color: #000; }
body#credits dl dd a:hover, body#credits dl dd a:active { border-bottom: 2px dotted #f00; color: #a00; }
body#credits dl dd.last a:link, body#credits dl dd.last a:visited { color: #a00; }