html {
width: 100%;
height: 100%;}
body {width: 100%;
height: 100%;
overflow: hidden;
margin: 0;
padding: 0;
}
#container {position:absolute;
top:50%;
left:50%;
height:563px;
width:780px;
margin: -285px 0 0 -390px;
padding:0;
}
#clickarea {
width: 780px;
height: 30px;
margin: 0;
padding:0;
}
#clickareatwo {
width: 578px;
height: 30px;
margin: 0;
padding:0;
}
#open{
position: relative;
top: 4px;
left: 335px;
cursor:pointer;
width: 90px;
height: 19px;
margin: 0;
padding:0;
}
#opentwo{
position: relative;
top: 4px;
right: 289px;
cursor:pointer;
width: 90px;
height: 19px;
margin: 0;
padding:0;
}
#about {
float: left;
position: relative;
top: 0px;
left: 0px;
height:516px;
width:780px;
padding: 0px;
margin: 0 0 0 0;
background-image: url(../images/about.png);
background-repeat:no-repeat;
border: 0;
}
#about2 {
float: left;
position: relative;
top: 0px;
left: 0px;
height:516px;
width:780px;
padding: 0px;
margin: 0 0 0 0;
background-image: url(../images/about2.png);
background-repeat:no-repeat;
border: 0;
}
#featuredproject {
float:left;
width: 780px;
height: 485px;
margin: 0;
padding: 0;
border: 0;}
#info {
border: 0;
padding: 0;
margin: 0;
}
.logobox {
float: left;
width: 780px;
height: 47px;
position: relative;
top: 0px;
left: 0px;
padding: 0px;
margin: 0 0 0 0;}
.logobox a {
display: block;
border: 0;
padding: 0;
margin: 0;
width: 198px;
height: 47px;
position: relative;
float: left;
top: 0;
left: 0;
}
.logobox a span {
display: block;
position: relative;
float: left;
width: 198px;
height: 50px;
top: 15px;
left: 0px;
padding: 0px;
border: 0;
margin: 0 0 0 0;
background-image: url(../images/logo2.png);
background-repeat: no-repeat;
}
#navcontainer {
float:left;
position: relative;
width: 780px;
height: 140px;
top: 0;
left: 0;
padding:0;
margin:0;
border: 0;
}
#navcontainertwo {
float:left;
position: relative;
width: 780px;
height: 30px;
top: 0;
left: 0;
padding:0;
margin:0;
border: 0;
}
.navlistone {
position: relative;
top: 7px;
left: 5px;
Width: 630px;
float: left;
margin: 0;
padding: 0;
display: inline;
border: 0;
}
.navlistone li {
position: relative;
top: 0;
left: 0;
float: left;
list-style: none;
margin: 0;
padding: 0;
display: inline;
border: 0;
}
.navlisttwo {
position: relative;
top: 7px;
left: 0px;
float: left;
width:130px;
text-align: left;
margin: 0;
padding: 0;
display: inline;
border: 0;
}
.navlisttwo li {
position: relative;
top: 0;
left: 0;
float: right;
list-style: none;
margin: 0;
padding: 0;
display: inline;
border: 0;
}
#projects {
position: relative;
top: 493px;
left: 10px;
padding: 0;
margin: 0;
}
#companyinfo {
float:left;
position: relative;
top: 3px;
left: 255px;
padding:0;
margin: 0 0 0 0;
}
#companyinfotwo {
float:left;
position: relative;
top: -246px;
left: 145px;
padding:0;
margin: 0 0 0 0;
}
p {
color:#8C8C8C;
font-size: 10px;
font-family: arial, sans-serif;
padding:0;
margin: 0 0 0 0;
background-color: inherit;}
#current { position:relative;
float: left;
color: #F9964A;
font-size:11px;
font-family: arial, sans-serif;
padding:0px 5px 3px 5px;
margin: 0;
border-style:none;
background-color: inherit;
}
#currenttwo { position:relative;
float: left;
top: 0px;
color: #F9964A;
font-size:12px;
font-family: arial, sans-serif;
padding:0px 5px 0px 25px;
margin: 0;
border-style:none;
background-color: inherit;
}
.logobox a {
padding: 0;
margin: 0;
border: 0;}
.logobox a:hover {
padding: 0;
margin: 0;
border: 0;}
.navlistone li a {
float: left;
position: relative;
top: 0px;
left: 5px;
color:#8c8c8c;
text-decoration:none;
font-weight: bold;
font-size:11px;
font-family: arial, sans-serif;
padding:0px 5px 0px 5px;
margin: 0;
border: 0;
background-color: inherit;
}
.navlistone li a:hover { position:relative;
float: left;
color: #FCDFBF;
font-weight: bold;
font-size:11px;
font-family: arial, sans-serif;
padding:0px 5px 3px 5px;
margin: 0;
border: 0;
background-color: inherit;
}
.navlisttwo li a {
float: left;
position: relative;
top: 0px;
left: 5px;
color:#8c8c8c;
text-decoration:none;
font-weight: bold;
font-size:11px;
font-family: arial, sans-serif;
padding:0px 5px 0px 5px;
margin: 0;
border: 0;
background-color: inherit;
}
.navlisttwo li a:hover { position:relative;
float: left;
color: #FCDFBF;
font-size:11px;
font-weight: bold;
font-family: arial, sans-serif;
padding:0px 5px 3px 5px;
margin: 0;
border: 0;
background-color: inherit;
}
h1 {
position: relative;
width: 100%;
top: -3px;
left: 19px;
float: left;
font-size: 12px;
color: #F9964A;
background-color: inherit;
font-family: arial, sans-serif;
font-weight: normal;
margin: 0;
border: 0;
}
#textbox[id] {
float: left;
width: 400px;
height: 445px;
position: relative;
left: 50px;
top: 40px;
margin: 0px 35px 0px 0px;
border: 0;
}
#textboxabout {
float: left;
width: 650px;
height: 200px;
position: relative;
left: 50px;
top: 40px;
border: 0;
}
#textboxabout a {
position: relative;
float: left;
width:150px;
left: 0px;
top: 0px;
height: 20px;
}
#textboxabout2 {
float: left;
width: 375px;
height: 200px;
position: relative;
left: 50px;
top: 40px;
border: 0;
}
#textboxabout2 a {
position: relative;
float: left;
width:150px;
left: 0px;
top: 0px;
height: 20px;
}
#textboxabout3 {
float: left;
width: 650px;
height: 200px;
position: relative;
left: 50px;
top: 255px;
border: 0;
}
#textboxabout3 a {
position: relative;
float: left;
width:150px;
left: 0px;
top: 0px;
height: 20px;
}
#title {
position: relative;
left: 0;
top: 0;
width: 110%;
float: left;
margin: 0 0 8px 0;
padding: 0;
display: inline;
background-image: url(../images/arrow.png);
background-repeat: no-repeat;
}
#details { position:relative;
width: 100%px;
height:200px;
color: #8c8c8c;
font-size: 11px;
line-height: 14px;
font-family: arial, sans-serif;
padding:0;
margin: 0 0 0 20px;
background-color: inherit;
border: 0;
}
#details a { position:relative;
text-decoration: none;
color: #8c8c8c;
position: relative;
float: left;
width:250px;
left: 0px;
top: 0px;
height: 16px;
}
#details a#home { position:relative;
float: right;
margin: 5px 0 0 10px;
border: none;
color: inherit;
width: 237px;
height: 206px;
text-decoration: none;
}
#details a:hover { position:relative;
text-decoration: none;
color: black;
position: relative;
float: left;
left: 0px;
top: 0px;
height: 16px;
}
#staff {
text-decoration: none;
font-size: 11px;
color: #8c8c8c;
width: 130px;
float: left;
position: relative;
left: 70px;
top: 0px;
border-right: solid 1px #c4c4c4;
}
#staff a {
text-decoration: none;
color: #8c8c8c;
font-weight: bold;
position: relative;
float: left;
width:150px;
left: 0px;
top: 0px;
height: 16px;
}
#staff a#staffcurrent {
cursor: default;
text-decoration: none;
color: #F9964A;
font-weight: bold;
position: relative;
float: left;
width:130px;
left: 0px;
top: 0px;
height: 16px;
}
#staff a:hover {
text-decoration: none;
color: #FCDFBF;
position: relative;
float: left;
width:130px;
left: 0px;
top: 0px;
height: 16px;
}
#staffdetails {
width: 470px;
color: #8c8c8c;
font-size: 11px;
line-height: 14px;
font-family: arial, sans-serif;
background-color: inherit;
float: left;
position: relative;
left: 90px;
top: 0px;
}
#staffdetails a {
text-decoration: none;
color: #black;
position: relative;
float: left;
width:150px;
left: 0px;
top: 0px;
height: 10px;
}
#staffdetails a:hover {
text-decoration: none;
color: black;
position: relative;
float: left;
width:150px;
left: 0px;
top: 0px;
height: 10px;
}
#homeimage {
float: right;
margin: 0;
border:0;
width: 237;
height: 206;
color:inherit;}
#floatingpics {
float: right;
margin: 25px 0 0 10px;}
#pics {
position: absolute;
float: right;
top: 49px;
left: 479px;
height: 10px;
width: 780px;
margin: 0;
padding: 0;
border: 0;
}
#pics2 {
position: absolute;
float: left;
top: 0px;
left: 380px;
height: 10px;
width: 780px;
margin: 0;
padding: 0;
border: 0;
}
#pics3 {
position: absolute;
float: right;
top: 0px;
left: 0px;
height: 10px;
width: 780px;
margin: 0;
padding: 0;
border: 0;
}
#largeimage {
float: left;
top: 10px;
width:300px;
height:380px;
margin: 0px 0px 0 0;
border: 0;
}
#largeimage {
position: absolute;
float: left;
top: 35px;
left: 1px;
height: 361px;
width: 300px;
margin: 0;
padding: 0;
border: 0;
}
#largeimage2 {
float: left;
top: 0px;
width:780px;
height:260px;
margin: 0px 0px 0 0;
border: 0;
}
#largeimage2 {
position: absolute;
float: left;
top: -40px;
left: -480px;
height: 220px;
width: 780px;
margin: 0;
padding: 0;
border: 0;
}
#mlkthumb1 {
position: absolute;
float: left;
top: 474px;
left: 1px;
height: 26px;
width: 26px;
margin: 0;
padding: 0;
border: 0;
}
#strawthumb1 {
position: absolute;
float: left;
top: 474px;
left: 27px;
height: 26px;
width: 26px;
margin: 0;
padding: 0;
border: 0;
}
#sqthumb1 {
position: absolute;
float: left;
top: 474px;
left: 53px;
height: 26px;
width: 26px;
margin: 0;
padding: 0;
border: 0;
}
#caththumb1 {
position: absolute;
float: left;
top: 474px;
left: 79px;
height: 26px;
width: 26px;
margin: 0;
padding: 0;
border: 0;
}
#ciswoodthumb1 {
position: absolute;
float: left;
top: 474px;
left: 105px;
height: 26px;
width: 26px;
margin: 0;
padding: 0;
border: 0;
}
#madmexthumb1 {
position: absolute;
float: left;
top: 474px;
left: 131px;
height: 26px;
width: 26px;
margin: 0;
padding: 0;
border: 0;
}
#mayathumb1 {
position: absolute;
float: left;
top: 474px;
left: 157px;
height: 26px;
width: 26px;
margin: 0;
padding: 0;
border: 0;
}
#expthumb1 {
position: absolute;
float: left;
top: 474px;
left: 183px;
height: 26px;
width: 26px;
margin: 0;
padding: 0;
border: 0;
}
#mofthumb1 {
position: absolute;
float: left;
top: 474px;
left: 209px;
height: 26px;
width: 26px;
margin: 0;
padding: 0;
border: 0;
}
#monthumb1 {
position: absolute;
float: left;
top: 474px;
left: 235px;
height: 26px;
width: 26px;
margin: 0;
padding: 0;
border: 0;
}
#orbthumb1 {
position: absolute;
float: left;
top: 474px;
left: 261px;
height: 26px;
width: 26px;
margin: 0;
padding: 0;
border: 0;
}
#cafethumb1 {
position: absolute;
float: left;
top: 474px;
left: 287px;
height: 26px;
width: 26px;
margin: 0;
padding: 0;
border: 0;
}
#pittthumb1 {
position: absolute;
float: left;
top: 474px;
left: 313px;
height: 26px;
width: 26px;
margin: 0;
padding: 0;
border: 0;
}
#riverthumb1 {
position: absolute;
float: left;
top: 474px;
left: 339px;
height: 26px;
width: 26px;
margin: 0;
padding: 0;
border: 0;
}
#sunthumb1 {
position: absolute;
float: left;
top: 474px;
left: 365px;
height: 26px;
width: 26px;
margin: 0;
padding: 0;
border: 0;
}
#halothumb1 {
position: absolute;
float: left;
top: 474px;
left: 391px;
height: 26px;
width: 26px;
margin: 0;
padding: 0;
border: 0;
}
#oocthumb1 {
position: absolute;
float: left;
top: 474px;
left: 417px;
height: 26px;
width: 26px;
margin: 0;
padding: 0;
border: 0;
}
#dersethumb1 {
position: absolute;
float: left;
top: 474px;
left: 443px;
height: 26px;
width: 26px;
margin: 0;
padding: 0;
border: 0;
}
#warholthumb1 {
position: absolute;
float: left;
top: 474px;
left: 469px;
height: 26px;
width: 26px;
margin: 0;
padding: 0;
border: 0;
}
#bakethumb1 {
position: absolute;
float: left;
top: 474px;
left: 495px;
height: 26px;
width: 26px;
margin: 0;
padding: 0;
border: 0;
}
#pncthumb1 {
position: absolute;
float: left;
top: 474px;
left: 521px;
height: 26px;
width: 26px;
margin: 0;
padding: 0;
border: 0;
}
#weldthumb1 {
position: absolute;
float: left;
top: 474px;
left: 1px;
height: 26px;
width: 26px;
margin: 0;
padding: 0;
border: 0;
}
#sawthumb1 {
position: absolute;
float: left;
top: 474px;
left: 27px;
height: 26px;
width: 26px;
margin: 0;
padding: 0;
border: 0;
}
#waterthumb1 {
position: absolute;
float: left;
top: 474px;
left: 53px;
height: 26px;
width: 26px;
margin: 0;
padding: 0;
border: 0;
}
#vinylthumb1 {
position: absolute;
float: left;
top: 474px;
left: 79px;
height: 26px;
width: 26px;
margin: 0;
padding: 0;
border: 0;
}
#finishthumb1 {
position: absolute;
float: left;
top: 474px;
left: 105px;
height: 26px;
width: 26px;
margin: 0;
padding: 0;
border: 0;
}
#rollthumb1 {
position: absolute;
float: left;
top: 474px;
left: 131px;
height: 26px;
width: 26px;
margin: 0;
padding: 0;
border: 0;
}
#glassthumb1 {
position: absolute;
float: left;
top: 474px;
left: 157px;
height: 26px;
width: 26px;
margin: 0;
padding: 0;
border: 0;
}
#lightthumb1 {
position: absolute;
float: left;
top: 474px;
left: 183px;
height: 26px;
width: 26px;
margin: 0;
padding: 0;
border: 0;
}
#installthumb1 {
position: absolute;
float: left;
top: 474px;
left: 209px;
height: 26px;
width: 26px;
margin: 0;
padding: 0;
border: 0;
}
#hp {
position: relative;
float: left;
top: -40px;
left: -480px;
height: 220px;
width: 780px;
margin: 0;
padding: 0;
border: 0;
}
#F1 {
position: absolute;
float: left;
top: 0px;
left: 0px;
height: 220px;
width: 780px;
margin: 0;
padding: 0;
border: 0;
}
#thumb1 {
position: absolute;
float: left;
top: 451px;
left: 479px;
height: 13px;
width: 13px;
margin: 0;
padding: 0;
border: 0;
}
#thumb2 {
position: absolute;
float: left;
top: 451px;
left: 491px;
height: 13px;
width: 13px;
margin: 0;
padding: 0;
border: 0;
}
#thumb3 {
position: absolute;
float: left;
top: 451px;
left: 503px;
height: 13px;
width: 13px;
margin: 0;
padding: 0;
border: 0;
}
#thumb4 {
position: absolute;
float: left;
top: 451px;
left: 515px;
height: 13px;
width: 13px;
margin: 0;
padding: 0;
border: 0;
}
#thumb5 {
position: absolute;
float: left;
top: 451px;
left: 527px;
height: 13px;
width: 13px;
margin: 0;
padding: 0;
border: 0;
}
#thumb6 {
position: absolute;
float: left;
top: 451px;
left: 539px;
height: 13px;
width: 13px;
margin: 0;
padding: 0;
border: 0;
}
#thumb7 {
position: absolute;
float: left;
top: 451px;
left: 551px;
height: 13px;
width: 13px;
margin: 0;
padding: 0;
border: 0;
}
#thumb8 {
position: absolute;
float: left;
top: 451px;
left: 563px;
height: 13px;
width: 13px;
margin: 0;
padding: 0;
border: 0;
}
#thumb9 {
position: absolute;
float: left;
top: 451px;
left: 575px;
height: 13px;
width: 13px;
margin: 0;
padding: 0;
border: 0;
}
#thumb10 {
position: absolute;
float: left;
top: 451px;
left: 587px;
height: 13px;
width: 13px;
margin: 0;
padding: 0;
border: 0;
}
#thumb11 {
position: absolute;
float: left;
top: 451px;
left: 599px;
height: 13px;
width: 13px;
margin: 0;
padding: 0;
border: 0;
}
#thumb12 {
position: absolute;
float: left;
top: 451px;
left: 611px;
height: 13px;
width: 13px;
margin: 0;
padding: 0;
border: 0;
}
#thumb13 {
position: absolute;
float: left;
top: 451px;
left: 623px;
height: 13px;
width: 13px;
margin: 0;
padding: 0;
border: 0;
}
#thumb14 {
position: absolute;
float: left;
top: 451px;
left: 635px;
height: 13px;
width: 13px;
margin: 0;
padding: 0;
border: 0;
}
#thumb15 {
position: absolute;
float: left;
top: 451px;
left: 647px;
height: 13px;
width: 13px;
margin: 0;
padding: 0;
border: 0;
}
#thumb16 {
position: absolute;
float: left;
top: 451px;
left: 659px;
height: 13px;
width: 13px;
margin: 0;
padding: 0;
border: 0;
}
#thumb17 {
position: absolute;
float: left;
top: 451px;
left: 671px;
height: 13px;
width: 13px;
margin: 0;
padding: 0;
border: 0;
}
#thumb18 {
position: absolute;
float: left;
top: 451px;
left: 683px;
height: 13px;
width: 13px;
margin: 0;
padding: 0;
border: 0;
}
#thumb19 {
position: absolute;
float: left;
top: 451px;
left: 695px;
height: 13px;
width: 13px;
margin: 0;
padding: 0;
border: 0;
}
#thumb20 {
position: absolute;
float: left;
top: 451px;
left: 707px;
height: 13px;
width: 13px;
margin: 0;
padding: 0;
border: 0;
}