/*------------------------------------------------------------------------------------------------------------*/
/*Font and Colour Declarations */
.body {
font-family : Arial, Helvetica, sans-serif;
font-size : medium;
font-style : normal;
line-height : normal;
font-weight : normal;
text-align : justify;
color : #000000;
margin : 25px;
}
body {
background-image : url(bg2.gif);
background-repeat : repeat;
margin-top : 0;
margin-bottom : 0;
background-color : #000000;
}
body h1{
font-family :Arial, Helvetica, sans-serif;
font-size : x-large;
background-image : url(test.png);
padding-top: 40px;
padding-bottom: 45px;
background-repeat: no-repeat;
background-position: top center;
line-height : normal;
text-align: center;
font-weight : bold;
color :  #003399;
font-style : normal;
margin : 0;
}

h2 {
font-family : Helvetica Narrow, sans-serif;
font-size : large;
line-height : normal;
font-weight : bold;
color : #002299;
font-style : normal;
margin : 0;
}
h3 {
font-family : Arial, Helvetica, sans-serif;
font-size : medium;
line-height : normal;
font-weight : bold;
color : #002299;
font-style : normal;
margin : 0;
}
.small {
font-family : Arial, Helvetica, sans-serif;
font-size : small;
font-style : normal;
line-height : normal;
font-weight : normal;
text-align : center;
color : #000000;
margin : 25px;
}
.smaller {
font-family : Arial, Helvetica, sans-serif;
font-size : small;
font-style : normal;
line-height : normal;
font-weight : normal;
text-align : justify;
color : #000000;
margin : 25px;
}
/*--------------------------------------------------------------------------------------------------------------------*/
/* Page Layout */
#header {
display : block;
margin-left : auto;
margin-right : auto;
}
 .header{
display : block;
margin-left : auto;
margin-right : auto;
}
#middle {
display : block;
position : relative;
width : 760px;
margin-left : auto;
margin-right : auto;
margin : 10px auto;
background-color : #fff;
}
#navi {
position : relative;
width : 195px;
margin-left : auto;
margin-right : auto;
margin : 10px auto;
background-color : #fff;
float : left;
z-index: 1;
}
#content1 {
width : 70%;
margin-left : auto;
margin-right : auto;
margin : 10px auto;
background-color : #fff;
float : right;
border-left : 1px solid gray;
padding : 1px;
}
#content {
position : relative;
margin-left : 195px;
border-left : 1px solid gray;
text-align : justify;
padding : 1em;
}
#centerText {
text-align : center;
}

/*--------------------------------------------------------------------------------------------------------*/
/* Layout for Contacts Page */
.contacts {
width : 50%;
margin : 1px auto;
background-color : #fff;
float : left;
text-align : center;
}
.contactsR {
margin-left : 51%;
margin : 1px auto;
background-color : #fff;
text-align : center;
}
table {
z-index : 1;
margin-left : auto;
margin-right : auto;
}

/*-----------------------------------------------------------------------------------------------------------*/
/*Photo Gallery for Integrated Walkway*/
#container {
position : relative;
width : 95%;
height : 488px;
margin : 20px auto 0 auto;
border : 1px solid #aaa;
z-index: 0;
}
#container ul {
z-index: 0;
padding : 0;
margin : 0;
list-style-type : none;
}
#container a.gallery span {
z-index:0;
position : absolute;
width : 1px;
height : 1px;
top : 0;
left : 0;
overflow : hidden;
background : #fff;
}
#container a.gallery, #container a.gallery:visited {
z-index: 0;
display : block;
color : #000;
text-decoration : none;
border : 1px solid #000;
margin : 1px 2px 1px 2px;
text-align : left;
cursor : default;
}
#container a.slidea {
background : url(../Walkway/walkway-cantilever-stair-thumb.jpg);
height : 60px;
width : 93px;
}
#container a.slideb {
background : url(../Walkway/walkway-model-cantilever-model.jpg);
height : 60px;
width : 93px;
}
#container a.slidec {
background : url(../Walkway/walkway-center2-thumb.jpg);
height : 60px;
width : 93px;
}
#container a.slided {
background : url(../Walkway/walkway-center-downhill-thumb.jpg);
height : 60px;
width : 93px;
}
* html #container a.slided {
width : 91px;
width : 93px;
}
#container a.slidee {
background : url(../Walkway/walkway-center-thumb.jpg);
height : 93px;
width : 60px;
}
#container a.slidef {
background : url(../Walkway/walkway-center-installed-thumb.jpg);
height : 93px;
width : 60px;
}
* html #container a.slidef {
width : 91px;
width : 93px;
}
#container a.slideg {
background : url(../Walkway/walkway-center-rightside-thumb.jpg);
height : 93px;
width : 60px;
}
#container a.slideh {
background : url(../Walkway/walkway-cantilever-thumb.jpg);
height : 60px;
width : 93px;
}
#container a.slidei {
background : url(../Walkway/walkway-cantilever-installation-thumb.jpg);
height : 60px;
width : 93px;
}
#container a.slidej {
background : url(../Walkway/walkway-center-walking-thumb.jpg);
height : 60px;
width : 93px;
}
#container a.slidek {
background : url(../Walkway/walkway-center-installation-thumb.jpg);
height : 60px;
width : 93px;
}
* html #container a.slidek {
width : 91px;
width : 93px;
}
#container a.slidel {
background : url(../Walkway/walkway-model-side-thumb.jpg);
height : 60px;
width : 93px;
}
#container a.slidem {
background : url(..//Walkway/walkway-side-fenced-thumb.jpg);
height : 60px;
width : 93px;
}
#container a.sliden {
background : url(../Walkway/walkway-cantilever-installation2-thumb.jpg);
height : 60px;
width : 93px;
}
#container a.slideo {
background : url(../Walkway/walkway-side-installed-thumb.jpg);
height : 60px;
width : 93px;
}
#container ul {
width : 198px;
height : 386px;
}
#container li {
float : left;
width : auto;
}
#container ul {
margin : 5px;
float : right;
}
#container a.gallery:hover {
border : 1px solid #fff;
}
#container a.gallery:hover span {
position : absolute;
width : 300px;
height : 300px;
top : 75px;
left : 5px;
color : #000;
background : #fff;
}
#container a.gallery:hover img {
border : 1px solid #fff;
float : left;
margin-right : 5px;
}
#container a.slideb:hover img, #container a.slidei:hover img {
float : right;

}
#container {
background : #fff url(../Walkway/back.jpg) no-repeat 5px 75px;

}
#ctext {
text-align : center;
}
.textc {
text-align : center;
}


/*-----------------------------------------------------------------------------------------------------------*/
/*Photo Gallery for Vault Systems*/
#container1 {
position : relative;
width : 100%;
height : 355px;
margin : 0 auto 0 auto;
border : 1px solid #aaa;
z-index: 0;
}
#container1 ul {
z-index: 0;
padding : 0;
margin : 0;
list-style-type : none;
}
#container1 a.gallery span {
z-index:0;
position : absolute;
width : 1px;
height : 1px;
top : 0;
left : 0;
overflow : hidden;
background : #fff;
}
#container1 a.gallery, #container1 a.gallery:visited {
z-index: 0;
display : block;
color : #000;
text-decoration : none;
border : 1px solid #000;
margin : 15px 1px 1px 1px;
text-align : left;
cursor : default;
}
#container1 a.slidea {
background : url(../vault/front-angled-view-thumb.jpg);
height : 84px;
width : 84px;
}
#container1 a.slideb {
background : url(../vault/lid-stack-dual-view-thumb.jpg);
height : 84px;
width : 84px;
}
#container1 a.slidec {
background : url(../vault/side-view-closed-thumb.jpg);
height : 84px;
width : 84px;
}
#container1 a.slided {
background : url(../vault/side-view-handle-thumb.jpg);
height : 84px;
width : 84px;
}
* html #container1 a.slided {
width : 84px;
width : 84px;
}
#container1 a.slidee {
background : url(../vault/side-view-no-covers-thumb.jpg);
height : 84px;
width : 84px;
}
#container1 a.slidef {
background : url(../vault/side-view-open-thumb.jpg);
height : 84px;
width : 84px;
}
* html #container1 a.slidef {
width : 84px;
width : 84px;
}



#container1 ul {
width : 178px;
height : 386px;
}
#container1 li {
float : left;
width : auto;
}
#container1 ul {
margin : 2px;
float : right;
}
#container1 a.gallery:hover {
border : 1px solid #fff;
}
#container1 a.gallery:hover span {
position : absolute;
width : 350px;
height : 350px;
top : 2px;
left : 2px;
right: 2px;
color : #000;
background : #fff;
}
#container1 a.gallery:hover img {
border : 1px solid #fff;
float : left;
margin-right : 5px;
}
#container1 a.slideb:hover img, #container a.slidei:hover img {
float : right;
}
#container1 {
background : #fff url(../vault/back.jpg) no-repeat 2px 2px;
}
#ctext {
text-align : center;
}
.textc {
text-align : center;
}




/*--------------------------------------------------------------------------------------------------------------------------------------------*/
/*Navigation Menu*/

#menu {
width : 10em;
background : #eee;
float : left;
margin : 0;
padding : 1em;
}
#menu ul {
list-style : none;
margin : 0;
padding : 0;
z-index : 2;
}
#menu a, #menu h2 {
font : bold 14px/17px arial, helvetica, sans-serif;
display : block;
position: relative;
z-index:200;
border-width : 1px;
border-style : solid;
border-color : #fff #888 #555 #bbb;
margin : 0;
padding : 2px 3px;
}
#menu h2 {
color : #fff;
background : #000;
text-transform : uppercase;

}

#menu h3 {
font : bold 14px/17px arial, helvetica, sans-serif;
display : block;
position: relative;
z-index:200;
border-width : 1px;
border-style : solid;
border-color : #fff #888 #555 #bbb;
margin : 0;
padding : 2px 3px;
}

#menu h3 {
color : #000;
background : #000;
text-transform : uppercase;

}
#menu a {
color : #efefef;
background : #999999;
text-decoration : none;
z-index : 2;
}
#menu a:hover {
color : #a00;
background : #fff;
z-index : 2;
}
#menu ul ul ul {
position : absolute;
top : 0;
left : 0;
z-index : 2;
}
#menu li {
position : relative;
}
#menu ul ul {
position : absolute;
top : 0;
left : 100%;
width : 100%;
}
div#menu ul ul {
display : none;
}
div#menu ul li:hover ul {
display : block;
}
div#menu ul ul, div#menu ul li:hover ul ul {
display : none;
}
div#menu ul li:hover ul {
display : block;
}
div#menu ul ul ul, div#menu ul ul li:hover ul ul {
display : none;
}
div#menu ul li:hover ul, div#menu ul ul li:hover ul {
display : block;
}
#menu ul ul ul {
position : absolute;
top : 0;
left : 100%;
width : 100%;
}
div#menu ul ul ul {
display : none;
}
div#menu ul ul li:hover ul {
display : block;
}
div#menu ul ul ul, div#menu ul ul li:hover ul ul {
display : none;
}
div#menu ul ul li:hover ul {
display : block;
}
div#menu ul ul ul, div#menu ul ul li:hover ul ul {
display : none;
}
div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul {
display : block;
}
#map {
text-align : center;
}
#back {
float : right;
text-align : justify;
width : 300px;
left : 100%;
}

#menu a:link:hover {
color : #a00;
background : #fff;
}
#content {
position : relative;
float : none;
border-left : 1px solid gray;
text-align : right;
padding : 1em;
}
#menu {
display : inline;
float : left;
width : 80%;
background : #fff;
z-index : 2;
}
#menu ul {
display : inline;
float : left;
width : 100%;
z-index : 2;
}
#menu ul li {
float : left;
width : 100%;
z-index : 2;
}
#menu ul li a {
height : 1%;
z-index : 2;
}
#menu a, #menu h2 {
font : bold 0.8em/1.5em arial, helvetica, sans-serif;
z-index : 2;
}

/*------------------------------------------------------------------------------------------------------------------*/
/* Image Orientations */


img.right {
display : block;
float : right;
z-index : 1;
padding : 5px;
}
img.right1{
display : block;
float : right;
z-index : 1;
padding-top:40px;
}
img.left{
display : block;
float : left;
z-index : 1;
padding-top:40px;
}
img.center {
z-index : 1;
display : block;
margin-left : auto;
margin-right : auto;
}
img.center1 {
z-index : 1;
display : block;
margin-left : auto;
border : 1px solid gray;
margin-right : auto;
}

/*------------------------------------------------------------------------------------------------------------------*/
/* Object Orientations */

object.displayed {
display : block;
margin-left : auto;
margin-right : auto;
}
object.side {
display : block;
float : left;
}
object.right {
display : block;
margin-left : 0%;
margin-right : 100%;
z-index : 100;
}
div.figure {
display : block;
margin-left : auto;
margin-right : auto;
width : 40%;
border : thin solid silver;
padding : 0.5em;
}
div.figure p {
text-align : center;
font-style : italic;
font-size : smaller;
text-indent : 0;
}