html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
  outline: 0;
}
body {
  background-color: #fff;
}
ol, ul {
  list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  /*text-align: left;*/
  font-weight: normal;
}
blockquote:before, blockquote:after,q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}

/* Gavin Cameron Art Styles */

body {
  color: #FFFFFF;
  font-size: 100%;
  text-align: center;  /* comment this out to left align */
  background-color: #ffffff;
  line-height: 1.125em; /* 16?1.125=18 */  
  font-family: "Tempus Sans ITC";
  background-image: url(../images/bg.jpg);
}

a, 
a:visited {
  color: #FF8000;
  text-decoration: none;
}
a:hover {
  color: #FFFFFF;
  text-decoration: none;
}
a:active {
color: #FF8000;
}

div#main {
	width: 940px;
	height: 605px;
	margin: 0 auto; /* comment this out to left align */
	margin-top: 20px;
  text-align: center;
  position: relative;
	background-repeat: no-repeat;
	background-position: top left;
	text-align: center;
}
#logo {
	position:absolute;
	left:2px;
	top:13px;
	width:935px;
	height:44px;
	z-index:1;
}
#header {
	position:absolute;
	left:0px;
	top:70px;
	width:942px;
	height:489px;
	z-index:1;
}
#film1 {
	position:absolute;
	padding-top:28px;
	background-image: url(../images/filmstrip.jpg);
	left:6px;
	top:78px;
	width:930px;
	height:830px;
	z-index:1;
}
#bio {
	position:absolute;
	left:108px;
	top:118px;
	width:558px;
	height:411px;
	z-index:1;
}
#links {
	position:absolute;
	left:265px;
	top:372px;
	width:419px;
	height:200px;
	z-index:1;
}
#links2 {
	position:absolute;
	left:351px;
	top:84px;
	width:250px;
	height:235px;
	z-index:1;
	overflow:hidden;
}

#biotext {
	position:absolute;
	left:240px;
	top:47px;
	width:452px;
	font-size:100%;
	height:109px;
	z-index:1;
}
#contact {
	position:absolute;
	left:246px;
	top:79px;
	width:452px;
	font-size:100%;
	height:109px;
	z-index:1;
}
#footer {
	position:absolute;
	left:1px;
	top:612px;
	width:943px;
	height:22px;
	font-size:70%;
	font-family: Helvetica, Arial, Sans-Serif;
	z-index:1;
}
#myslides {
	position:absolute;
	left:560px;
	top:241px;
	width:300px;
	height:225px;
	overflow: hidden;	
	z-index:1;
}
img.pad { 
padding-left:70px; 
}
img.pad2 { 
padding-left:3px; 
}
img.pad3 { 
padding-left:1px; 
}
img.pad4 { 
padding-left:70px; 
padding-top:60px;
}
img.pad5 { 
padding-top:58px;
}
img.pad6 { 
padding-left:70px; 
padding-top:57px;
}
img.pad7 { 
padding-left:70px; 
padding-top:59px;
}
div#main div.menu {
	top: 26px;
	right: 34px;
	position: absolute;
	width: 200px;
	z-index: 1;
}
div#main div.menu ul {
  list-style-image: none;
  list-style-type: none;
}
div#main div.menu ul li {
  float: left;
  margin-right: 40px;
  text-transform: lowercase;
}
div#main div.menu ul li.active a {
  text-decoration: underline;
  color:#FF8000;
}

.style23 {color: #EEE4C8}
.style24 {color: #FF8000}
.style3 {font-size: 36px;
	color: #006600;
	}
 .style10 {color: #FFFFFF;
	}
.style7 {
	font-size: 14px;
	color: #6FA8FF;
}