/*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;
}
.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;
position: absolute;
margin: 5px 0 5px 570px;
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: clear;
}
#nextbutton ul li a:visited {
}
#nextbutton ul li a:hover {
background: #bebea7;
}
#nextbutton ul li a:active {
color: #fff;
}
/*******************************NAV-Button-ROLL-OVER******************************************************/
#navbox {
float: left;
margin: 10px 0 0 0;
padding-left: 160px;
display: block;
}
#navlist li {
display: inline;
list-style: none;
text-decoration: none;
font-size: 0.9em;
padding: 0 10px 20px 0;
}
#navlist li a {
text-decoration: none;
display: inline;
list-style: none;
padding: 5px;
}
#navlist li a:link {
color:#605b5b;
}
#navlist li a:visited {
color:#bd7373;
}
#navlist li a:hover {
color:#d63535;
}
#navlist ul li a:active {
color:#605b5b;
}
/****************************img - span class**********************************************************/
.img1 a span {
position: absolute;
left: 160px;
top: 188px;
width: 560px;
height: 373px;
visibility: visible;
}
.img1 a:hover span {
position: absolute;
left: 160px;
top: 188px;
width: 560px;
height: 373px;
visibility: visible;
}
.img2 a span {
position: absolute;
left: 160px;
top: 188px;
width: 560px;
height: 373px;
visibility: hidden;
}
.img2 a:hover span {
position: absolute;
left: 160px;
top: 188px;
width: 560px;
height: 373px;
visibility: visible;
}
.img3 a span {
position: absolute;
left: 160px;
top: 188px;
width: 560px;
height: 373px;
visibility: hidden;
}
.img3 a:hover span {
position: absolute;
left: 160px;
top: 188px;
width: 560px;
height: 373px;
visibility: visible;
}
.img4 a span {
position: absolute;
left: 160px;
top: 188px;
width: 560px;
height: 373px;
visibility: hidden;
}
.img4 a:hover span {
position: absolute;
left: 160px;
top: 188px;
width: 560px;
height: 373px;
visibility: visible;
}
.img5 a span {
position: absolute;
left: 160px;
top: 188px;
width: 660px;
height: 373px;
visibility: hidden;
}
.img5 a:hover span {
position: absolute;
left: 160px;
top: 188px;
width: 560px;
height: 373px;
visibility: visible;
}
.img6 a span {
position: absolute;
left: 160px;
top: 188px;
width: 560px;
height: 373px;
visibility: hidden;
}
.img6 a:hover span {
position: absolute;
left: 160px;
top: 188px;
width: 560px;
height: 373px;
visibility: visible;
}
.img7 a span {
position: absolute;
left: 160px;
top: 188px;
width: 560px;
height: 373px;
visibility: hidden;
}
.img7 a:hover span {
position: absolute;
left: 160px;
top: 188px;
width: 560px;
height: 373px;
visibility: visible;
}
.img8 a span {
position: absolute;
left: 160px;
top: 188px;
width: 560px;
height: 373px;
visibility: hidden;
}
.img8 a:hover span {
position: absolute;
left: 160px;
top: 188px;
width: 560px;
height: 373px;
visibility: visible;
}
.img9 a span {
position: absolute;
left: 160px;
top: 188px;
width: 660px;
height: 373px;
visibility: hidden;
}
.img9 a:hover span {
position: absolute;
left: 160px;
top: 188px;
width: 560px;
height: 373px;
visibility: visible;
}
.img10 a span {
position: absolute;
left: 160px;
top: 188px;
width: 560px;
height: 373px;
visibility: hidden;
}
.img10 a:hover span {
position: absolute;
left: 160px;
top: 188px;
width: 560px;
height: 373px;
visibility: visible;
}
.img11 a span {
position: absolute;
left: 160px;
top: 188px;
width: 560px;
height: 373px;
visibility: hidden;
}
.img11 a:hover span {
position: absolute;
left: 160px;
top: 188px;
width: 560px;
height: 373px;
visibility: visible;
}
.img12 a span {
position: absolute;
left: 160px;
top: 188px;
width: 560px;
height: 373px;
visibility: hidden;
}
.img12 a:hover span {
position: absolute;
left: 160px;
top: 188px;
width: 560px;
height: 373px;
visibility: visible;
}

/**************************** content - 2ximage Caption **********************************************/
#caption {
display: block;
position: absolute;
font: 0.7em Arial, sans-serif;
letter-spacing: 0.1em;
padding: 0 0 0 0;
margin: 180px 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:#605b5b;
}
#caption ul li a:link {
color:#605b5b;
}
#caption ul li a:visited {
color:#bd7373;
}
#caption ul li a:hover {
color:#d63535;
}
#caption ul li a:active {
color:#605b5b;
}
/********************************four image block *************************************/
#pic_far {
display: block;
float: left;
margin: 0;
padding: 40px 0 30px 160px;
}
#image_1 {
margin: 0 10px 10px 0
}
#image_2 {
margin: 0 10px 10px 0;
}
.clear {
clear: both;
}
#image_3 {
margin: 0 10px 0 0;
}
#image_4 {
margin: 0 10px 0 0;
}
/********************************two image block *************************************/
#pic_far1 {
display: block;
float: left;
margin: 140px 0 0 0;
padding: 20px 0 30px 160px;
}
#image_1 {
margin: 0 10px 10px 0
}
#image_2 {
margin: 0 10px 10px 0;
}
/********************************four image block *************************************/
#pic_far2 {
display: block;
float: left;
margin: 0;
padding: 215px 0 30px 160px;
}
#image_1 {
margin: 0 10px 10px 0
}
#image_2 {
margin: 0 10px 10px 0;
}
.clear {
clear: both;
}
#image_3 {
margin: 0 10px 0 0;
}
#image_4 {
margin: 0 10px 0 0;
}
/***********************************front - button************************************************************************/
#back {
float: left;
margin: 0;
padding: 0 0 0 2200px;
}
#back a {
font-size: 0.8em;
color: #000;
text-decoration: none;
}
#back a:link {
color: #000;
}
#back a:hover {
color: #ff0000;
}
/**************************************************** 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;
}