/*universal settings*/
*{
margin:0;
padding:0;
}
body {
font-family: Verdana Arial Helvetica, sans-serif;
background: transparent url(../images/back_tile.jpg) top left repeat;
}
img, a img {
border: none;
}
/**************************************** container ********************
********************/
#container {
margin: 0;
}
/**************************************** header ***********************
********************/
#header {
margin: 0;
}
#arrow {
display: block;
float: left;
padding: 0;
}
#arrow a img {
border: none;
}
#logo {
display: block;
padding: 0;
}
/************************************** main nav **************
*********************/
.mainnav {
position: absolute;
background: #d7d7d7;
padding: 80px 0 60px 20px;
margin: 0;
display: block;
width: 105px;
}
.mainnav ul {
list-style: none;
padding: 0;
margin: 0;
}
.mainnav ul li {
line-height: 4em;
padding: 3px;
}
.mainnav ul li a {
font: 0.7em Verdana, sans-serif;
font-weight: normal;
text-decoration: none;
text-align: center;
}
.mainnav ul li a:link {
color:#605b5b;
}
.mainnav ul li a:visited {
color:#bd7373;
}
.mainnav ul li a:hover {
color:#d63535;
}
.mainnav ul li a:active {
color:#605b5b;
}
/*************************************work categories*************************************************/
.work {
position: absolute;
display: block;
margin: 0 0 0 740px;
width: 1000px;
}
.work ul {
margin: 0;
padding: 0;
}
.work ul li {
line-height: 1.4em;
list-style: none;
padding: 0 0 0 20px;
}
.work ul li a {
font: 0.6em Verdana, sans-serif;
letter-spacing: 0.1em;
text-decoration: none;
padding: 3px 15px 5px 10px;
}
.work ul li a:link {
color: #605b5b;
}
.work ul li a:visited {
color: #bd7373;
}
.work ul li a:hover {
color: #d63535;
}
.work ul li a:active {
color: #605b5b;
}
/*******************************NEXT-Button******************************************************/
#nextbutton {
padding: 0;
margin: 5px 0 5px 640px;
display: block;
}
#nextbutton ul li {
display: inline;
list-style: none;
padding: 0;
margin: 0;
}
#nextbutton ul li a {
text-decoration: none;
border: 1px solid #bebea7;
letter-spacing: 0.5em;
padding:0;
}
#nextbutton ul li a:link {
color: #910D0D;
}
#nextbutton ul li a:visited {
color: #fe0101;
}
#nextbutton ul li a:hover {
color: #000;
background: #a6a69f;
}
#nextbutton ul li a:active {
color: #fff;
}
/**************************** content - 2ximage Caption **********************************************/
#caption {
display: block;
position: absolute;
font: 0.7em Arial, sans-serif;
letter-spacing: 0.1em;
padding: 0 0 0 0;
margin: 160px 0 0 770px;
}
#caption ul {
list-style: none;
display: block;
color: #3f3b3b;
line-height: 1.4em;
width: 300px;
padding: 0;
}
#caption ul li.tit {
font-weight: bold;
color:#605b5b;
padding: 0;
}
#caption ul li.it {
font-style: italic;
padding: 0;
}
#caption ul li.par {
padding: 0 0 10px 0;
}
#caption ul li a {
font-weight: normal;
text-decoration: none;
color: #910d0d;
}
#caption ul li a:hover {
background: #3f3f3;
}
/********************************movie *************************************/
#movie {
display: block;
float: left;
margin: 0;
padding: 40px 0 120px 250px;
}
/**************************************************** border and footer **********************************************/
.border {
position: absolute;
border-top: 1px solid #949292;
width: 950px;
margin: 450px 0 0 130px;
}
.footer {
position: absolute;
font: 0.6em Verdana, sans serif;
color: #000;
line-height: 1em;
letter-spacing: 0.1em;
padding: 0 0 5px 0;
margin: 455px 0 0 130px;
}