@charset "utf-8";
/* CSS Document */

body {
	background: url('images/background.jpg') repeat-y #e9991f;
}
h1
{
	color: #ffffff;
	font-size: 24px;
	border-bottom: #d65e06 solid 1px;
	padding-left: 7px;
	margin-bottom: 7px;
	text-align: right;
	letter-spacing: 5px;
}
#image
{
	height: 478px;
	width: 863px;
	background-image: url('images/image.jpg');
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}
#navi
{
	width: 432px;
	height: 50px;
	position: absolute;
	top: 57px;
	left: 0px;
	z-index: 2;
}
#navi2
{
	width: 398px;
	position: absolute;
	top: 104px;
	left: 0px;
	z-index: 2;
}
#content
{
	z-index: 2;
	width: 585px;
	position: absolute;
	top: 149px;
	left: 50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	text-align: justify;
}

A:link, A:visited, A:active
 {
	color: #a52001;
	text-decoration: none;
}

A:hover
 {
	color: #ffdf64;
	text-decoration: none;
}
.table {
	width: 100%;
	border-collapse: collapse;
}
td {
	padding: 0;
	border: 0;
}
A.news {
    display: block;
    width: 144px;
    height: 47px;
    text-decoration: none;
    background: url("images/news.jpg");
    }
A.news:hover {
    background-position: -144px 0;
    }
A.works {
    display: block;
    width: 164px;
    height: 47px;
    text-decoration: none;
    background: url("images/works.jpg");
    }
A.works:hover {
    background-position: -164px 0;
    }
A.links {
    display: block;
    width: 124px;
    height: 47px;
    text-decoration: none;
    background: url("images/links.jpg");
    }
A.links:hover {
    background-position: -124px 0;
    }
A.audio {
    display: block;
    width: 132px;
    height: 38px;
    text-decoration: none;
    background: url("images/audio.jpg");
    }
A.audio:hover {
    background-position: -132px 0;
    }
A.video {
    display: block;
    width: 127px;
    height: 38px;
    text-decoration: none;
    background: url("images/video.jpg");
    }
A.video:hover {
    background-position: -127px 0;
    }
A.images {
    display: block;
    width: 139px;
    height: 38px;
    text-decoration: none;
    background: url("images/images.jpg");
    }
A.images:hover {
    background-position: -139px 0;
    }
.displace {
    position: absolute;
    left: -5000px;
    }
.imgR {
	border: #f5cc2d solid 1px;
	float: right;
	margin: 7px;
}
.imgL {
	border: #f5cc2d solid 1px;
	float: left;
	margin: 7px;
}
.img {
	border: #f5cc2d solid 1px;
	margin: 7px;
}
h3 {
	text-align: center;
	margin: 30px 0 10px 0;
	font-size: 9px;
	color: #984201;
	font-weight: normal;
	letter-spacing: 2px; 
}
h2 {
	text-align: left;
	margin: 30px 0 10px 0;
	font-size: 18px;
	border-bottom: #d65e06 solid 1px;
	color: #ffffff;
	font-weight: bold;
	letter-spacing: 2px; 
}
h4 {
	text-align: left;
	margin: 30px 0 10px 0;
	font-size: 14px;
	border-bottom: #d65e06 solid 1px;
	color: #ffffff;
	font-weight: normal;
	letter-spacing: 2px; 
}
li { color: #a52001; }
li span { color: #FFFFFF; }