* {margin: 0px; padding: 0px;}

body {
	font-family: arial, sans-serif;
	padding-top: 15px;
	background: url("images/dragonbackground.jpg") center 0px #fff no-repeat;
	color: #fff;
}


/*---------------------- header styles ----------------------------*/

h1 {
	color: #777;
	padding: 20px 0 10px 0px;
	text-align: left;
	font-size: 1.7em;
	font-style: italic;
	border-bottom: 3px solid #a00;
}

h2 {
	padding: 10px 0 10px 10px;
	text-align: left;
	font-size: 1.1em;
	color: #c00;
}


div#global {
	width: 800px;
	height: 800px;
	margin: 0px auto 0px auto;
}

/*------------------------- anchor styles -----------------------------*/

a {
	text-decoration: none;
	color: #fff;
}

a:link {color: #fff;}
a:visited {color: #fff;}
a:active {color: #f33;}
a:hover {color: #f33;}

a img {
	border: solid 2px #fff;
	color: #f33;
}

a:hover img {
	border: solid 2px #f33;
	color: #f33;
}	


/*--------------------------- main navigation styles ------------------------*/

div#navigation {
	height: 70px;
	margin: 0 0 0 450px;
	font-size: 0.8em;
	display: block;
}

div#navigation ul li a {
	color: #333;
	display: block;
	background-color: #eee;
	padding-bottom: 5px;
	letter-spacing: 0.2em;
	font-style: italic;
}

div#navigation ul li a:hover {
	display: block;
	border-bottom: 3px dashed #a00;
}

body#index div#navigation ul li a#home,
body#about div#navigation ul li a#about,
body#films div#navigation ul li a#films,
body#pictures div#navigation ul li a#pictures,
body#links div#navigation ul li a#links {
	border-bottom: 3px solid #333;
}

div#navigation a img {
	border: none;
}

div#navigation ul {
	list-style-type: none;
	margin: 5px 0 0 0px;
}

div#navigation ul li {
	float: left;
	width: 70px;
	text-align: center;
}

/*----------------------------- header styles ------------------------------------*/

div#header {
	width: 800px;
	text-align: right;

}

div#header img {
	padding: 0 0px 0 0px;
}


/*---------------------------------- main content styles --------------------------------*/

div#content {
	height: 500px;
	width: 780px;
	font-size: 0.8em;
	padding-left: 20px;
}

div#content img {
	text-align: center;
}
	

div#content p {
	padding: 10px 0 0 10px;
	width: 550px;
}

div#content ul { 
	list-style-type: square;
	padding: 10px 0 0 40px;
}		

div#content ul li {
	padding-bottom: 3px;
}

div#text {
	width: 550px;
	height: 360px;
}


/*------------------------------- filmography navigation styles -------------------------------*/

div#films {
	background-color: #333;
	color: #fff;
	padding-left: 10px;
	margin-top: 10px;
	margin-bottom: 5px;
}

div#films a#current {
	color: #f33;
}

/*-------------------------------- about navigation styles -------------------------------------*/

div#previouspage {
	clear: left;
	float: left;
	background-color: #333;
	color: #f00;
	font-size: .8em;
	text-align: center;
	width: 150px;
	padding-bottom: 1px;
	margin-right: 150px;
}

div#nextpage {
	float: left;
	background-color: #333;
	color: #f00;
	font-size: .8em;
	text-align: center;
	width: 150px;
	padding-bottom: 1px;
}

div#nextpage a {
	width: 150px;
	display: block;
}

div#nextpage a:hover {
	background-color: #ddd;
	color: #000;
}	

div#previouspage a {
	width: 150px;
	display: block;
}

div#previouspage a:hover {
	background-color: #ddd;
	color: #000;
}	

/*----------------------------------- picture gallery styles -----------------------------------*/

div#image {
	text-align: center;
	margin: 0px 0 10px 0;
}

div#thumbs {
	height: 100px;
}