/* CSS Document */



body {

	background-color: #d7996b;

	text-align: center;

	font-size: 43px;

	padding-top: 5px;

}



html{

	margin: 0;

	padding: 0;

	height: 100%;

}



a:link {

	color: #000000;

	text-decoration: none;

	font-size: 53px;

}



a:visited {

	color: #000000;

	text-decoration: none;

	font-size: 53px;

}



a:hover {

	color: #FFFFFF;

	text-decoration: none;

}



a:active {

	color: #FFFFFF;

	text-decoration: none;

	font-size: 53px;

}





#indexcontainer

{

	padding-top: 100px;

	margin: 0 auto;

	width: 750px;

	background-color: #d7996b;

	position: relative;

	text-align: left;

}









#container

{

	margin: 0 auto;

	width: 750px;

	background-color: #d7996b;

	position: relative;

	text-align: left;

}



#filmcontainer

{

	margin-left: auto;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 100px;

	width: 716px;

	height: 562px;

	background-color: #d7996b;

	position: relative;

	text-align: left;

}



#content

{

	background-color: #d7996b;

	text-align: left;

	position: absolute;

}



#filmcontent

{

	background-color: #d7996b;

	height: 431px;

	width: 567px;

	text-align: left;

	position: absolute;

	border: 2px solid black;

}



#contactcontent

{

	background-color: #d7996b;

	height: 431px;

	width: 567px;

	text-align: left;

	position: absolute;

}



#resumecontent

{

	background-color: #d7996b;

	height: 261px;

	width: 567px;

	text-align: left;

	position: absolute;

	padding-top: 170px;

}



#filmcontent2

{

	background-color: #d7996b;

	height: 369px;

	width: 567px;

	text-align: right;

	position: absolute;

	padding-top: 62px;

}



#navigation

{

	background-color: #d7996b;

	text-align: left;

	float: right;

	vertical-align: bottom;

	padding-top: 248px;

}



#filmnavigation

{

	background-color: #d7996b;

	text-align: left;

	float: right;

	vertical-align: bottom;

	padding-top: 248px;

	padding-left: 6px;

	border-left: 2px solid black;

}



#links

{

	background-color: #d7996b;

	margin-top: 16px;

}



#header

{

	margin-top: 26px;

	margin-bottom: 7px;

	background-color: #d7996b;

	text-align: right;

	padding-right: 140px;

	position: right;

}



#footer

{

	background-color: #d7996b;

	text-align: right;

	padding-right: 146px;

	position: right;

	margin-top: 444px;

}

/******* Trifecta Rollover Image Links *******/

 .film

{

position: relative;

font-family: arial, helvetica, sans-serif;

background: url(../images/Film_Highlight.jpg) no-repeat;

white-space: nowrap;

display: block;

width: 58px;

height: 22px;

margin-top: 0px;

margin-right: 0px;

padding: 0;

}



 .film2

{

position: relative;

font-family: arial, helvetica, sans-serif;

background: url(../images/Film_Highlight.jpg) no-repeat;

white-space: nowrap;

display: block;

width: 58px;

height: 22px;

margin-top: 0px;

margin-right: 0px;

padding: 0;

}





.film a

{

display: block;

color: #000000;

font-size: 11px;

width: 58px;

height: 22px;

display: block;

float: left;

color: black;

text-decoration: none;



}



.film img

{

width: 58px;

height: 22px;

border: 0;

}



a:hover

{

visibility:visible

}



.film a:hover img

{

visibility:hidden;

}



.film span

{

position: absolute;

left: 35px;

top: 15px;

padding: 0px;

cursor: pointer;

}



/******* Trifecta Rollover Image About *******/

 .about

{

position: relative;

font-family: arial, helvetica, sans-serif;

background: url(../images/About_Highlight.jpg) no-repeat;

white-space: nowrap;

display: block;

width: 86px;

height: 22px;

margin-top: 0px;

margin-right: 0px;

padding: 0;

}



 .about2

{

position: relative;

font-family: arial, helvetica, sans-serif;

background: url(../images/About_Highlight.jpg) no-repeat;

white-space: nowrap;

display: block;

width: 86px;

height: 22px;

margin-top: 0px;

margin-right: 0px;

padding: 0;

}



.about a

{

display: block;

color: #000000;

font-size: 11px;

width: 86px;

height: 22px;

display: block;

float: left;

color: black;

text-decoration: none;



}



.about img

{

width: 86px;

height: 22px;

border: 0;

}



a:hover

{

visibility:visible

}



.about a:hover img

{

visibility:hidden;

}



.about span

{

position: absolute;

left: 35px;

top: 15px;

padding: 0px;

cursor: pointer;

}



/******* Trifecta Rollover Image Resume *******/

 .resume

{

position: relative;

font-family: arial, helvetica, sans-serif;

background: url(../images/Resume_Highlight.jpg) no-repeat;

white-space: nowrap;

display: block;

width: 96px;

height: 22px;

margin-top: 0px;

margin-right: 0px;

padding: 0;

}



 .resume2

{

position: relative;

font-family: arial, helvetica, sans-serif;

background: url(../images/Resume_Highlight.jpg) no-repeat;

white-space: nowrap;

display: block;

width: 96px;

height: 22px;

margin-top: 0px;

margin-right: 0px;

padding: 0;

}



.resume a

{

display: block;

color: #000000;

font-size: 11px;

width: 96px;

height: 22px;

display: block;

float: left;

color: black;

text-decoration: none;



}



.resume img

{

width: 96px;

height: 22px;

border: 0;

}



a:hover

{

visibility:visible

}



.resume a:hover img

{

visibility:hidden;

}



.resume span

{

position: absolute;

left: 35px;

top: 15px;

padding: 0px;

cursor: pointer;

}



/******* Trifecta Rollover Image Links *******/

 .contact

{

position: relative;

font-family: arial, helvetica, sans-serif;

background: url(../images/Contact_Highlight.jpg) no-repeat;

white-space: nowrap;

display: block;

width: 117px;

height: 22px;

margin-top: 0px;

margin-right: 0px;

padding: 0;

}



 .contact2

{

position: relative;

font-family: arial, helvetica, sans-serif;

background: url(../images/Contact_Highlight.jpg) no-repeat;

white-space: nowrap;

display: block;

width: 117px;

height: 22px;

margin-top: 0px;

margin-right: 0px;

padding: 0;

}





.contact a

{

display: block;

color: #000000;

font-size: 11px;

width: 117px;

height: 22px;

display: block;

float: left;

color: black;

text-decoration: none;



}



.contact img

{

width: 117px;

height: 22px;

border: 0;

}



a:hover

{

visibility:visible

}



.contact a:hover img

{

visibility:hidden;

}



.contact span

{

position: absolute;

left: 35px;

top: 15px;

padding: 0px;

cursor: pointer;

}



/******* Trifecta Rollover Image Links *******/

 .etcetera

{

position: relative;

font-family: arial, helvetica, sans-serif;

background: url(../images/Etcetera_Highlight.jpg) no-repeat;

white-space: nowrap;

display: block;

width: 127px;

height: 22px;

margin-top: 0px;

margin-right: 0px;

padding: 0;

}



 .etcetera2

{

position: relative;

font-family: arial, helvetica, sans-serif;

background: url(../images/Etcetera_Highlight.jpg) no-repeat;

white-space: nowrap;

display: block;

width: 127px;

height: 22px;

margin-top: 0px;

margin-right: 0px;

padding: 0;

}





.etcetera a

{

display: block;

color: #000000;

font-size: 11px;

width: 127px;

height: 22px;

display: block;

float: left;

color: black;

text-decoration: none;



}



.etcetera img

{

width: 127px;

height: 22px;

border: 0;

}



a:hover

{

visibility:visible

}



.etcetera a:hover img

{

visibility:hidden;

}



.etcetera span

{

position: absolute;

left: 35px;

top: 15px;

padding: 0px;

cursor: pointer;

}