html {
width: 100%;
height: 100%;
}
body {
background-color: #483018;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 16px;
color: #FFFFFF;
text-decoration: none;
}
div#preloadimages {
display: none;
}
.clear {
clear: both;
font-size: 0px;
line-height: 0px;
}
div#wrapper {
position: relative;
width: 800px;
margin: 30px auto 10px auto;
}
div#superbox {
position: absolute;
display: none;
width: 990px;
height: 680px;
left: -95px;
top: 0px;
background-color: #E7D4A7;
border: 1px solid #000;
z-index: 1002;
}
div#superbox span {
position: absolute;
top: 0px;
right: 10px;
width: 80px;
height: 12px;
padding:4px;
text-align: center;
background-color: #483018;
color: #fff;
}
div#superbox img {
position: relative;
top: 20px;
}
div#homebox {
position: relative;
width: 800px;
margin: 275px auto 0px auto;
}
div#main {
position: relative;
width: 800px;
height: 450px;
margin: auto;
}
div#innermain {
position: relative;
width: 500px;
height: 400px;
overflow: auto;
border: 1px solid #E7D4A7;
padding: 15px;
margin: auto;
}
div#projectdisplay {
position: relative;
width: 450px;
height: 330px;
top: 30px;
left: 175px;
border: 1px solid #E7D4A7;
overflow: hidden;
z-index: 1001;
}
div#arrowbox1 {
position: absolute;
top: 19px;
left: 0px;
width: 84px;
height: 296px;
background-image: url(images/rightarrow.gif);
}
div#loadingbox {
position: absolute;
width: 200px;
height: 80px;
top: 135px;
left: 125px;
font-size: 18px;
color: #E7D4A7;
text-align: center;
}
div#arrowbox2 {
position: absolute;
top: 19px;
left: 367px;
width: 84px;
height: 296px;
background-image: url(images/leftarrow.gif);
}
div#fadebox1 {
position: absolute;
top: 19px;
left: 0px;
width: 84px;
height: 296px;
background-color: #000;
filter: alpha(opacity=40);
opacity: 0.40;
z-index: 1001;
}
div#fadebox2 {
position: absolute;
top: 19px;
left: 367px;
width: 84px;
height: 296px;
background-color: #000;
filter: alpha(opacity=40);
opacity: 0.40;
z-index: 1001;
}
div#projectslider {
position: relative;
width: 100000px;
top: 19px;
left: 92px;
display: none;
}
.projectbox {
position: relative;
float: left;
margin: 0px 8px 0px 8px;
}
.projectbox img {
border: 1px solid #fff;
}
img#clickbox {
position: absolute;
top: 300px;
left: 149px;
}
div#projectmain {
position: relative;
width: 760px;
height: 430px;
margin: auto;
border: 1px solid #E7D4A7;
}
div#innerproject {
position: relative;
margin: 5px;
}
div#projectnav {
position: relative;
width: 110px;
float: left;
background-color: #7E6C56;
height: 420px;
}
div#innernav {
position: relative;
margin-top: 8px;
}
.vnavarrows {
position: relative;
width: 90px;
height: 13px;
margin: auto;
}
.navup {
display: block;
width: 90px;
height: 13px;
background-image: url(images/topend.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
border: none;
}
.navup:hover {
background-position: 0px -13px;
}
div#vertnavbox {
position: relative;
width: 92px;
height: 372px;
margin: auto;
border: 1px solid #7E6C56;
}
div#thumbslider {
position: relative;
width: 86px;
margin: auto;
top: 0px;
}
.thumbwrapper {
position: relative;
height: 92px;
margin: 0px;
}
.thumb {
position: relative;
margin: 0px 0px 4px 0px;
}
.thumb img {
border: 1px solid #fff;
}
div#innervertnav {
position: relative;
width: 90px;
margin: 5px 0px 5px 0px;
}
div#thumbbox {
position: relative;
width: 90px;
height: 362px;
overflow: hidden;
}
.navdown {
display: block;
width: 90px;
height: 13px;
background-image: url(images/downarrow.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
border: none;
}
.navdown:hover {
background-position: 0px -13px;
}
div#projectimage {
position: relative;
width: 630px;
height: 420px;
float: right;
}
div#clickback {
position: absolute;
width: 130px;
height: 23px;
bottom: 0px;
right: 170px;
background-image: url(images/click3.gif);
background-repeat: no-repeat;
}
div#clicklarge {
position: absolute;
width: 130px;
height: 23px;
bottom: 0px;
right: 30px;
background-image: url(images/click2.gif);
background-repeat: no-repeat;
}
a.backlink {
display: block;
height: 23px;
}
div#header {
position: relative;
width: 800px;
height: 110px;
background-image: url(images/header.jpg);
margin: auto;
}
.navlist {
position: absolute;
top: 91px;
left: 200px;
width: 413px;
padding: 0px 0px 0px 5px;
background-color: #483018;
}
.navlist span {
position: relative;
float: left;
margin: auto;
padding: 3px 3px 3px 3px;
list-style: none;
}
.verticalbars {
height: 8px;
overflow: hidden;
}
.hnavbar {
position: absolute;
width: 400px;
top: 390px;
left: 203px;
}
.hnavarrows {
position: relative;
float: left;
}
div#prodinfo {
position: relative;
width: 366px;
float: left;
text-align: center;
color: #E7D4A7;
}
.navleft {
display: block;
width: 17px;
height: 14px;
background-image: url(images/left.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
border: none;
}
.navleft:hover {
background-position: 0px -14px;
}
.navright {
display: block;
width: 17px;
height: 14px;
background-image: url(images/right.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
border: none;
}
.navright:hover {
background-position: 0px -14px;
}
a.nav:link, a.nav:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: 14px;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
display: block;
letter-spacing: 1px;
}
a.nav:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: 14px;
color: #E6CF97;
text-decoration: none;
font-weight: bold;
display: block;
letter-spacing: 1px;
}
a:visited, a:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 14px;
font-weight: normal;
color: #E6CF97;
text-decoration: none;
outline-style:none;
}
a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 14px;
color: #FFFFFF;
text-decoration: none;
font-weight: normal;
outline-style:none;
}
a:active
{
outline: none;
}
input:focus, input:active
{
outline: none;
}
.mainbox {
border: 1px solid #978058;
height: 325px;
width: 420px;
text-align: center;
}
.innermain {
padding: 25px 50px 20px;
text-align: left;
}
p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 18px;
color: #FFFFFF;
text-decoration: none;
}
h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 16px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
letter-spacing: 1px;
text-transform: uppercase;
}
img {
border: none;
}