@charset "utf-8";

/* CSS Document */

 

p {

                font-family:Arial, Helvetica, sans-serif;

                font-size:small;

}

 

body {

                background-color:#0033FF;

                margin:auto;

                background-color:#CCCCCC;

                 position: relative;

                  width:780px;

                   height:100%;

                    top:0px;

                                 bottom:10px;

                                  z-index: 1;

                                    margin: 0 auto

                }              

 

#container{

                margin:auto;

                background-color:#FFFFFF;

                 position: relative;

                  width:780px;

                   height:590px;

                    top:0px;

                                 bottom:10px;

                                  z-index: 1;

                                    margin: 0 auto

                

                }

 

h1 {

                height:55px;

                width:196px;

                position:absolute;

                top:15px;

                left:791px;

                }

                

#navbar {

                height:260px;

                width:155px;

                position:absolute;

                top:142px;

                left:86px;

                border:thin #666666 solid;

                background-color:#CCCCCC;

                }

                

#displayfield {

                height:71px;

                width:183px;

                /*positions this box on the screen*/

                position:absolute;

                top:26px;

                left:36px;

                vertical-align: middle;

                }

                

#foootera {

                height:20px;

                width:699px;

                text-align:center;

                position:absolute;

                top:424px;

                left:40px;

                }

                

#home {

                height:40px;

                width:40px;

                background-repeat:no-repeat;

                text-align:center;

                background-image:url(images/home.png);

                position:absolute;

                top:810px;

                left:1000px;

                }

                

/*taken from zengarden for nav links8?*/           

#linkList li { 

                line-height : 1.3em;

                width:300px;

                background : transparent url(/001/cr1.gif) no-repeat top center;

                display : block;

                padding-top : 5px;

                margin-bottom : 5px;

                list-style-type : none;     

                } 

#linkList li a:link { 

                color:#000000;

                } 

#linkList li a:visited { 

                color:#333333;

                }

                /*ends zengarden test*/

                

#bar {

                position:absolute;

                top:105px;

                left:82px;

                height:30px;

                width:590px;

                z-index:5;

                }

                

#logo {

                height:100px;

                width:150px;

                position:absolute;

                top:42px;

                left:119px;

                }

                

                /*buttons one through six are constant on all pages and are the primary navigation buttons*/   

#button1 {

                height:33px;

                width:103px;

                position:absolute;

                top:140px;

                left:94px;

                background-image:url(images/homebutton.gif);

                background-repeat:no-repeat;

                }

                

#button2 {

                height:33px;

                width:103px;

                position:absolute;

                top:170px;

                left:94px;

                background-image:url(images/about_button.gif);

                background-repeat:no-repeat;

                }

                

#button3 {

                height:33px;

                width:103px;

                position:absolute;

                top:200px;

                left:94px;

                background-image:url(images/CHEM_BUTTON.gif);

                background-repeat:no-repeat;

                }

                

#button4 {

                height:33px;

                width:103px;

                position:absolute;

                top:230px;

                left:94px;

                background-image:url(images/DAMAGE_BUTTON.gif);

                background-repeat:no-repeat;

                }

                

#button5 {

                height:33px;

                width:103px;

                position:absolute;

                top:260px;

                left:94px;

                background-image:url(images/JOB_BUTTON.gif);

                background-repeat:no-repeat;

                }

 

#button6 {

                height:33px;

                width:103px;

                position:absolute;

                top:290px;

                left:94px;

                background-image:url(images/SEAPORT_BUTTON.gif);

                background-repeat:no-repeat;

                display:none;

                }

                

#footerb {

                height:26px;

                width:590px;

                position:absolute;

                top:413px;

                left:82px;

                }

                

#leftsidebar {

                height:100%;

                width:40px;

                position:absolute;

                top:0;

                left:0;

                }

                

                /*aelement is an element in the about page*/

#aelement1 {

                height:45px;

                width:263px;

                position:absolute;

                top:154px;

                left:39px;

                background-image:url(images/sdvob_logo.gif);

                background-repeat:no-repeat;

                }

#aelement2 {

                height:23px;

                width:187px;

                position:absolute;

                top:246px;

                left:39px;

                }

#aelement3 {

                height:26px;

                width:238px;

                position:absolute;

                top:339px;

                left:39px;

                }

#aelement4 {

                height:26px;

                width:195px;

                position:absolute;

                top:384px;

                left:41px;
				display:none;

                }

#aelement5 {

                height:26px;

                width:185px;

                position:absolute;

                top:446px;

                left:39px;

                }

#aelement6 {

                height:26px;

                width:189px;

                position:absolute;

                top:536px;

                left:39px;

                }

#aelement7 {

                height:26px;

                width:327px;

                position:absolute;

                top:304px;

                left:214px;

                }

#aelement8 {

                height:26px;

                width:297px;

                position:absolute;

                top:170px;

                left:225px;

                font:bold;

                }
#construct {
				height:26px;

                width:297px;

                position:absolute;

                top:417px;

                left:336px;

                font:bold;
				}
#aelement8a {

                height:26px;

                width:33px;

                position:absolute;

                top:154px;

                left:39px;

                font:bold;

                }
#aelement8b {

                height:26px;

                width:41px;

                position:absolute;

                top:246px;

                left:39px;

                font:bold;

                }
#aelement8c {

                height:26px;

                width:2px;

                position:absolute;

                top:339px;

                left:39px;

                font:bold;
				float:right;

                }
#aelement8d {

                height:26px;

                width:30px;

                position:absolute;

                top:384px;

                left:41px;

                font:bold;
				display:none;

                }
#aelement8e {

                height:26px;

                width:24px;

                position:absolute;

                top:446px;

                left:39px;

                font:bold;

                }
#aelement8f {

                height:26px;

                width:40px;

                position:absolute;

                top:536px;

                left:39px;

                font:bold;

                }
				/*start technical illustration*/
				#techele1 {

                height:26px;

                width:40px;

                position:absolute;

                top:180px;

                left:452px;

                font:bold;

                }
					#techele2 {

                height:26px;

                width:40px;

                position:absolute;

                top:179px;

                left:228px;

                font:bold;

                }
					#techele1large {

                height:26px;

                width:40px;

                position:absolute;

                top:-518px;

                left:-428px;

                font:bold;

                }
				/*end technical illustration*/
			#backbut {

                height:23px;

                width:36px;

                position:absolute;

                top:563px;

                left:741px;

                font:bold;

                }
				#backbutoverlay {

                height:23px;

                width:36px;

                position:absolute;

                top:563px;

                left:741px;

                font:bold;

                }
				/*start web*/
				
#web1 {

   height:204px;

   width:210px;

   position:absolute;

   top:13px;

   left:234px;

   font:bold;
	
	z-index:3;
	
   }
#web2 {

   height:26px;

   width:40px;

   position:absolute;

    top:13px;

   left:499px;

   font:bold;

	z-index:3;
	
   }
#web3 {

   height:26px;

   width:40px;

   position:absolute;

    top:275px;

   left:367px;

   font:bold;
   
   z-index:3;

   }
#web1but {

   height:44px;

   width:53px;

   position:absolute;

   top:13px;

   left:234px;

   font:bold;
   	
	z-index:5;

   }
#web2but {

   height:26px;

   width:40px;

   position:absolute;

    top:13px;

   left:471px;

   font:bold;

	z-index:5;
   }
#web3but {

   height:26px;

   width:40px;

   position:absolute;

    top:247px;

   left:352px;

   font:bold;
   	
	z-index:5;
   }
#web1large {

   height:26px;

   width:40px;

   position:absolute;

    top:136px;

   left:260px;

   font:bold;

   }
#web2large {

   height:26px;

   width:40px;

   position:absolute;

    top:247px;

   left:352px;

   font:bold;

   }
#web3large {

   height:26px;

   width:40px;

   position:absolute;

    top:247px;

   left:352px;

   font:bold;

   }
#view1 {

   height:26px;

   width:40px;

   position:absolute;

    top:238px;

   left:326px;

   font:bold;
   

   }
#view2 {

   height:26px;

   width:40px;

   position:absolute;

    top:500px;

   left:457px;

   font:bold;

   }
#view3 {

   height:26px;

   width:40px;

   position:absolute;

    top:238px;

   left:589px;

   font:bold;

   }
#view2BUT {

   height:26px;

   width:40px;

   position:absolute;

    top:501px;

   left:457px;

   font:bold;

   }
   #view1BUT{

   height:26px;

   width:40px;

   position:absolute;

    top:238px;

   left:589px;

   font:bold;

   }
   #view3BUT {

   height:26px;

   width:40px;

   position:absolute;

    top:239px;

   left:326px;

   font:bold;

   }
/*ends web*/
/*start corporate*/
#corpdescription{
	height:26px;

   width:451px;

   position:absolute;

    top:14px;

   left:267px;

   font:bold;

   }
   #corp1 {

   height:26px;

   width:40px;

   position:absolute;

    top:421px;

   left:317px;

   font:bold;

   }
   #corp2 {

   height:26px;

   width:40px;

   position:absolute;

    top:409px;

   left:550px;

   font:bold;

   }
   #corp3 {

   height:26px;

   width:40px;

   position:absolute;

    top:51px;

   left:245px;

   font:bold;

   }
/*end corporation8?
/*start print*/
#print1 {
	height:204px;
	width:178px;
	position:absolute;
	top:170px;
	left:262px;
	font:bold;
	z-index:3;
	
   }
#print2 {

   height:26px;

   width:40px;

   position:absolute;

    top:18px;

   left:499px;

   font:bold;

	z-index:3;
	
   }
#print3 {
	height:26px;
	width:40px;
	position:absolute;
	top:185px;
	left:523px;
	font:bold;
	z-index:3;

   }
#pview1{
	height:26px;
	width:40px;
	position:absolute;
	top:446px;
	left:596px;
	font:bold;

   }
#pview2 {

   height:26px;

   width:40px;

   position:absolute;

    top:279px;

   left:585px;

   font:bold;

   }
#pview3{
	height:26px;
	width:40px;
	position:absolute;
	top:447px;
	left:343px;
	font:bold;

   }
#pview1but{
	height:26px;
	width:40px;
	position:absolute;
	top:447px;
	left:599px;
	font:bold;

   }
#pview2but {

   height:26px;

   width:40px;

   position:absolute;

    top:279px;

   left:585px;

   font:bold;

   }
#pview3but{
	height:26px;
	width:40px;
	position:absolute;
	top:447px;
	left:342px;
	font:bold;

   }
#pview1big{

   height:26px;

   width:40px;

   position:absolute;

    top:102px;

   left:246px;

   font:bold;

   }
#pview2big{

   height:26px;

   width:40px;

   position:absolute;

    top:66px;

   left:242px;

   font:bold;

   }
#pview3big{

   height:26px;

   width:40px;

   position:absolute;

    top:306px;

   left:243px;

   font:bold;

   }
#pview4big{

   height:26px;

   width:40px;

   position:absolute;

    top:153px;

   left:212px;

   font:bold;

   }
#pview5big{
   height:26px;

   width:40px;

   position:absolute;

    top:200px;

   left:453px;

   font:bold;

   }
/*end print8?
/*start contact*/
#con1{

   height:26px;

   width:40px;

   position:absolute;

    top:305px;

   left:331px;

   font:bold;

   }
#con2{

   height:26px;

   width:40px;

   position:absolute;

    top:356px;

   left:406px;

   font:bold;

   }