html, body, div, span, h1, h2, h3, h4, h5, h6, h7, p, ul, li, dl, dt, dd, a, img, object { padding: 0; margin: 0; }

body		{	background-color: rgb(49,42,32); 
				font-family: "Trebuchet MS", tahoma, Helvetica, sans-serif;
				color: rgb(255,244,232);
				font-size: 86%; }

a, a:link, a:visited {	color: rgb(148,80,40); text-decoration: none; }

a:hover		{	text-decoration: underline; }

a:active	{	outline-style: none; -moz-outline-style: none; }

#main		{	position: absolute; width:100%; top: 10%; padding-bottom: 5px; }

.navwrap	{	background: rgb(94,76,54) url(shadowb.gif) repeat-x bottom left; min-width: 900px;
				padding-bottom: 13px; }
			
#navtwrap	{ 	margin-bottom: 1px; }
#navbwrap	{ 	margin-top: 1px; }

.nav		{	position: relative; width: 900px; margin: 0 auto;
				background-color: rgb(94,76,54); }

.nav li		{	display: block; list-style: none; width: 180px;
				text-transform: uppercase; letter-spacing: 0.2em; text-align: center; font-size: 112%; }

#navt ul li.second {	position: absolute; left: 180px; top: 0px; }
#navt ul li.third {		position: absolute; left: 360px; top: 0px; }
#navt ul li.fourth {	position: absolute; left: 540px; top: 0px; }
#navt ul li.fifth {		position: absolute; left: 720px; top: 0px; }
#navb ul li.second {	position: absolute; left: 720px; top: 0px; }

.nav a, .nav a:link, .nav a:visited { 
			display: block; overflow: hidden; width: 178px;
			border-left: 1px solid rgb(94,76,54);
			border-right: 1px solid rgb(94,76,54);
			padding: 0.2em 0; 
			color: rgb(255,239,222);
			text-decoration: none; }

#watch a {	border-left-color: rgb(49,42,32); border-right-color: rgb(49,42,32); }

.nav a:hover {	
            background-color: rgb(136,73,44); color: rgb(255,248,240);
			border-left-color: rgb(49,42,32); border-right-color: rgb(49,42,32); }

#content	{	background: transparent url(shadowb.gif) repeat-x bottom left;
				padding-bottom: 13px; }

#homewrap	{ 	background: rgb(54,48,36) url(title.jpg) no-repeat center; min-width:900px; }

#home		{	visibility: hidden;
				width: 900px; height: 500px; 
				margin: 0 auto; }

#aboutwrap	{	background: rgb(51,44,35) url(about/dirtcam.gif) no-repeat center; min-width:900px;}

#about		{	position: relative;
				width: 900px; height: 500px; 
				margin: 0 auto; 
				overflow: auto; }	

#about #desc {	width: 480px; min-height: 471px; 
				padding: 28px 40px 1px 64px;
				border-right: 2px dotted rgb(102,86,66); }

#about #desc p	{ padding: 0.6em 0; }

#about #specs {	position: absolute; overflow: hidden;
				left: 586px; top: 0px; 
				width: 274px; height: 434px; /* width leaves room for scrollbar */
				padding: 48px 0 18px 20px; }

#about #specs dl {	clear: both; padding: 12px 0; }

#about #specs dt {	display: block; float: left; clear: both; 
					color: rgb(194,178,149); font-style: italic; text-align: right; 
					width: 136px; padding-right: 20px; }

#about #specs dd {	display: block; float: left;
					text-align: left; 
					width: 118px; }

#screenwrap	{	background: rgb(31,23,15) url(screenings/bridge.gif) no-repeat center; min-width: 900px;}

#screen		{	position: relative; /* seems necessary for overflow to work in ie */
				width: 900px; height: 500px; 
				margin: 0 auto;
				overflow: auto; }

#screen #future {	width: 772px;
					margin: 30px 34px 8px 64px; 
					text-align:left; }

#screen #future h2	{	margin-bottom: 18px;
						color: rgb(240,225,204); }

#screen #past	{	width: 772px;
					margin: 10px 34px 10px 64px;
					border-top: 2px dotted rgb(107,90,70); 
					text-align: right; }

#screen #past h2 {	margin: 14px 0 8px 0;
					color: rgb(240,225,204); }

#screen #pastlist {	position: relative;
					float: right; 
					width: 237px; }

#screen #mediumpast {	position: absolute; 
						right: 257px; top: 0;
						width: 280px; }
						
#screen #farpast {	position: absolute; 
					right: 558px; top: 0;
					width: 214px; }
						
#screen li	{	position: relative;
				list-style: none;
				font-size: 93%;
				margin-top: 0.8em; }

#screen .name { font-weight: bold; }
#screen .date { font-style: italic; }

#screen .marker {	position: absolute;
					top: 0px; 
					cursor: default;
					font-size: 150%; 
					font-weight: normal; }

#screen #future .marker {	left: -20px; }
#screen #past .marker 	{	right: -20px; }

#screen li .award { 		font-weight: bold; }
#screen li .award:before {	content: url(screenings/laurelL.gif); padding-right: 4px; margin-top: 10px; }
#screen li .award:after {	content: url(screenings/laurelR.gif); padding-left: 4px; }
#screen p .dummy { 			vertical-align: 25%; }

#trailerwrap, #textwrap, #videowrap { 
				background: rgb(171,146,118) url(trailers/storylist.gif) no-repeat center; min-width: 900px;}

#trailer a, #trailer a:link, #trailer a:visited { color: rgb(138,74,37); }

#trailer, #text {	color: rgb(255,253,250); }

#trailer	{	position: relative;
				width: 900px; height: 500px; 
				margin: 0 auto;
				overflow: auto; }

#trailer ul	{	padding: 44px 0 0 72px; }

#trailer li {	list-style: none;
				margin: 2em 0; }

#trailer p.desc {	font-size: 116%; font-weight: normal; font-style: normal;
					margin: 0.3em 0; }

#trailer .time {	font-size: 86%;
					margin-left: 1em; }

#trailer p.tlink {	font-weight: normal; font-style: italic; }

#trailer p#qtplug {	position: absolute;
					bottom: 64px; right: 48px;
					text-align: right; }

#video		{	width: 900px; height: 500px;
				margin: 0 auto; }

#video .qt	{	width: 374px; height: 224px;
				margin: 0 auto; 
				padding-top: 124px; }

#text		{	width: 612px; height: 454px; 
				margin: 0 auto;
				padding: 32px 144px 14px 144px; 
				overflow: auto; }
			  
#text p		{	margin: 1em 0; }

#text p.question {	color: rgb(74,60,42); font-style: italic;
					margin: 1.3em 0 1em 0; }

#wav		{	width: 712px; height: 219px;
				margin: 0 auto;
				padding: 126px 94px 155px 94px; }

#gallerywrap {	background: rgb(15,12,9) url(gallery/power.gif) no-repeat center; min-width: 900px;}

#gallery	{	position: relative;
				width: 900px; height: 500px; 
				margin: 0 auto; }

/* complicated leftover from using the ul to create an outline for the image area */
#gallery ul	{	position: absolute;
				left: 365px; top: 87px;
				width: 480px; height:320px; 
				list-style: none; }

#gallery ul a	{	position: absolute; display: block; 
					width: 120px; height: 80px; 
					border: 1px solid rgb(15,12,9);
					cursor: default; }

#gallery ul a#george 	{	background-image: url(gallery/georget.jpg); left: -316px; top: 18px; }
#gallery ul a#bridge	{	background-image: url(gallery/bridget.jpg); left: -176px; top: 18px; }
#gallery ul a#car		{	background-image: url(gallery/cart.jpg); left: -316px; top: 121px; }
#gallery ul a#orlando	{	background-image: url(gallery/orlandot.jpg); left: -176px; top: 121px; }
#gallery ul a#pan		{	background-image: url(gallery/pant.jpg); left: -316px; top: 224px; }
#gallery ul a#camhouse 	{	background-image: url(gallery/camhouset.jpg); left: -176px; top: 224px; }

#gallery ul a img {	position: absolute;
					visibility: hidden;
					border: none;  }

#gallery ul a#george img	{	left: 315px; top: -19px; }
#gallery ul a#bridge img	{	left: 175px; top: -19px; }
#gallery ul a#car img		{	left: 315px; top: -122px; }
#gallery ul a#orlando img	{	left: 175px; top: -122px; }
#gallery ul a#pan img		{	left: 315px; top: -225px; }
#gallery ul a#camhouse img	{	left: 175px; top: -225px; }

#gallery ul a:hover {	background-position: 0 -80px; z-index: 100;}

#gallery ul a:hover img {	visibility: visible; }

#gallery ul a:active, #gallery ul a:focus { 
				background-position: 0 -80px; z-index: 50;
				border: 1px solid rgb(161,151,141);
				outline-style: none; -moz-outline-style: none; }

#gallery ul a:active img, #gallery ul a:focus img { visibility: visible; }

#gallery ul a#pp {	background-image: url(gallery/ppt.png); border: none;
					position: absolute; width: 24px; height: 10px; left: 456px; top: 379px; }
				
#gallery ul a#pp img { left: -456px; top: -379px; }

#gallery ul a#pp:hover { background-position: 0 -10px; z-index: 100; }

#gallery ul a#pp:active, #gallery ul a#pp:focus { 
				background-position: 0 -10px; z-index: 50;
				outline-style: none; -moz-outline-style: none; }

#gallery ul a#pp:active img, #gallery ul a#pp:focus img { visibility: visible; }

#presswrap	{	background: rgb(140,121,95) url(press/mic.gif) no-repeat center; min-width: 900px;}

#press		{	width: 820px; height: 430px;
				margin: 0 auto;	padding: 46px 16px 24px 64px; 
				overflow: auto; 
				color: rgb(255,253,250); }

#press a, #press a:link, #press a:visited {	color: rgb(138,74,37); }

#press p	{	margin: 1.2em 0;
				font-size: 107%}

#contactwrap {	background: rgb(66,56,44) url(contact/ktracks.gif) no-repeat center; min-width: 900px;}

#contact	{	width: 900px; height: 500px; 
				margin: 0 auto; 
				overflow:auto; }
			  
#contact p	{	margin: 110px 0 0 610px;
				overflow: hidden;
				font-size: 107%; }