/* CSS Document */

img{
 border:none
}
a{
 text-decoration:none
}
body{
 background-image:url('images/bgGradient.png');
 background-attachment:scroll
}
*{
 padding:0px 0px 0px 0px;
 margin:0px
}
#wrapper{
 width:1022px;
 min-height:719px;
 position:relative;
 margin:0px auto 0px auto;
 left:0px;
 top:0px;
 background:#fff;
 overflow:hidden;
}
#header{
 width:1022px;
 height:230px;
 position:absolute;
 z-index:2;
 background:#FFFFFF;
}
#leftHome{
 width:349px;
 height:474px;
 position:absolute;
 z-index:2; 
 top:232px;
 background-image:url('images/leftpanel.png');
}
#left{
 width:349px;
 height:474px;
 position:absolute;
 z-index:2; 
 top:232px;
 background-image:url('images/leftWhite.png')
}
#content{
 width:672px;
 height:477px;
 position:absolute;
 z-index:2;
 left:349px;
 top:231px;
 background:#FFFFFF;
 overflow:auto
}
#contentCap{
 width:672px;
 height:440px;
 position:absolute;
 z-index:2;
 left:349px;
 top:268px;
 background:#FFFFFF;
 overflow:auto
}
#contentProject{
 width:672px;
 height:422px;
 position:absolute;
 z-index:2;
 left:349px;
 top:286px;
 background:#FFFFFF;
 overflow:auto
}
#base{
 width:1024px;
 height:12px;
 position:absolute;
 z-index:10;
 top:707px;
 background-image:url('images/base.png')
}
#gifbar{
 width:1022px;
 height:66px;
 position:absolute;
 z-index:2;
 background-image:url('images/greenBar.png')
}
#gifbar li{
 width:44px;
 height:36px;
 position:absolute;
 top:17px;
 background-repeat:no-repeat;
 list-style:none
}
#gifbar #gifOne{left:711px; background-image:url('images/gifIcons/gifOne.png')}
#gifbar #gifTwo{left:755px; background-image:url('images/gifIcons/gifTwo.png')}
#gifbar #gifThree{left:799px; background-image:url('images/gifIcons/gifThree.png')}
#gifbar #gifFour{left:843px; background-image:url('images/gifIcons/gifFour.png')}
#gifbar #gifFive{left:887px; background-image:url('images/gifIcons/gifFive.png')}
#gifbar #gifSix{left:931px; background-image:url('images/gifIcons/gifSix.png')}

#toplogo{
 width:349px;
 height:164px;
 position:absolute;
 z-index:5;
 left:0px;
 top:66px;
 background-image:url('images/logo.png')
}
#topimage{
 width:673px;
 height:128px;
 position:absolute;
 z-index:5;
 left:349px;
 top:67px
}
#iconmenu{
 width:673px;
 height:32px;
 position:absolute;
 left:349px;
 top:195px;
 z-index:5
}
#iconmenu li{
 height:32px;
 position:absolute;
 top:0px;
 z-index:10;
 background-repeat:no-repeat;
 list-style:none
}
#iconmenu a{
 height:32px;
 display: block
}
#iconmenu a:hover{
}
#iconmenu #lefbuffer{width:37px; left: 0px; background-image:url('images/icons/buffer.png')}
#iconmenu #iconOne{width:64px; left:37px; background-image:url('images/icons/iconOne.png')}
#iconmenu #iconTwo{width:72px; left:101px; background-image:url('images/icons/iconTwo.png')}
#iconmenu #iconThree{width:93px; left:173px; background-image:url('images/icons/iconThree.png')}
#iconmenu #iconFour{width:97px; left:266px; background-image:url('images/icons/iconFour.png')}
#iconmenu #iconFive{width:133px; left:363px; background-image:url('images/icons/iconFive.png')}
#iconmenu #iconSix{width:96px; left:496px; background-image:url('images/icons/iconSix.png')}
#iconmenu #rightbuffer{width:81px; left:592px; background-repeat:repeat; background-image:url('images/icons/buffer.png')}

#iconmenu #iconOne a:hover{ background-image:url('images/hoverIcons/iconOneH.png')}
#iconmenu #iconTwo a:hover{ background-image:url('images/hoverIcons/iconTwoH.png')}
#iconmenu #iconThree a:hover{ background-image:url('images/hoverIcons/iconThreeH.png')}
#iconmenu #iconFour a:hover{ background-image:url('images/hoverIcons/iconFourH.png')}
#iconmenu #iconFive a:hover{ background-image:url('images/hoverIcons/iconFiveH.png')}
#iconmenu #iconSix a:hover{ background-image:url('images/hoverIcons/iconSixH.png')}

#headerline{
 width: 1022px;
 height: 2px;
 position: absolute;
 z-index: 10;
 top: 229px;
 background-image: url('images/headerline.png')
}
#capButtons{
 width:652px;
 height:37px;
 position:absolute;
 z-index:20;
 left:349px;
 top:230px;
 background-color:#FFFFFF;
 /*border-bottom:1px #999999 solid*/
}
#capButtons li{
 top:5px;
 position:absolute;
 z-index:10;
 background-repeat:no-repeat;
 list-style:none
}
#capButtons a{
 height:27px;
 display:block
}
#capButtons a:hover{
}
#capButtons #buttonOne{width:190px; left: 75px; background-image: url('images/buttons/test.png')}
#capButtons #buttonTwo{width:130px; left:265px;background-image:url('images/buttons/strain.png')}
#capButtons #buttonThree{width:165px; left: 395px; background-image: url('images/buttons/shock.png')}

#capButtons #buttonOne a:hover {background-image:url('images/hoverButtons/testH.png')} 
#capButtons #buttonTwo a:hover {background-image:url('images/hoverButtons/strainH.png')}
#capButtons #buttonThree a:hover {background-image:url('images/hoverButtons/shockH.png')}

#projButtons{
 width:652px;
 height:55px;
 position:absolute;
 z-index:5;
 left:349px;
 top:230px;
 background-color:#FFFFFF
}
#projButtons li{
 top:5px;
 position:absolute;
 z-index:5;
 background-repeat:no-repeat;
 list-style:none
}
#projButtons a{
 height:21px;
 display:block
}
#projButtons a:hover{
}
#projButtons #buttonA{width:94px; height:21px; left: 40px; background-image: url('images/buttons/dumper.png')}
#projButtons #buttonB{width:109px; height:21px; left: 134px; background-image: url('images/buttons/eod.png')}
#projButtons #buttonC{width:200px; height:21px; left: 243px; background-image: url('images/buttons/train.png')}
#projButtons #buttonD{width:154px; height:21px; left: 443px; background-image: url('images/buttons/tower.png')}
#projButtons #buttonE{width:135px; height:24px; left: 185px; top: 28px;background-image: url('images/buttons/force.png')}
#projButtons #buttonF{width:134px; height:24px; left: 320px; top: 28px;background-image: url('images/buttons/valve.png')}

#projButtons #buttonA a:hover {height:21px; background-image:url('images/hoverButtons/dumperH.png')}
#projButtons #buttonB a:hover {height:21px; background-image:url('images/hoverButtons/eodH.png')}
#projButtons #buttonC a:hover {height:21px; background-image:url('images/hoverButtons/trainH.png')}
#projButtons #buttonD a:hover {height:21px; background-image:url('images/hoverButtons/towerH.png')}
#projButtons #buttonE a:hover {height:24px; background-image:url('images/hoverButtons/forceH.png')}
#projButtons #buttonF a:hover {height:24px; background-image:url('images/hoverButtons/valveH.png')}

#whiteline{
 width:247px;
 height:2px;
 position:absolute;
 z-index:15;
 left:58px;
 top:188px;	
 background-image:url('images/whiteline.png')
}
#contactinfo{
 width:247px;
 height:140px;
 position:absolute; 
 left:58px;
 top:190px
}
h1{
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:bold;
 color:#90C744;
 line-height:17px;
 margin:50px 50px 0px 50px
}
h1.cap{
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:bold;
 color:#90C744;
 line-height:17px;
 margin:13px 50px 0px 50px
}
h1.projects{
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:bold;
 color:#90C744;
 line-height:17px;
 margin:0px 50px 0px 50px
}
h2{
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:normal;
 color:#90C744;
 line-height:17px;
 margin:20px 50px 0px 50px
}
p{
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:normal;
 color:#4d4b4a;
 line-height:17px;
 margin:8px 50px 0px 50px;
 text-align: justify
}
p a{
 font-weight:bold;
 color:#4d4b4a
}
p.green{
 font-family:Arial, Helvetica, sans-serif;
 font-size:14px;
 font-weight:500;
 color:#90C744;
 line-height:19px;
 margin:44px 50px 0px 50px;
 text-align: justify
}
p.green a{
 font-weight:bold;
 color:#90C744
}
p.caption{
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:normal;
 color:#90C744;
 line-height:17px;
 margin:10px 170px 0px 185px;
 text-align: justify
}
p.contact{
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:normal;
 color:#4d4b4a;
 line-height:17px;
 margin:0px 50px 0px 50px;
}
p.news{
 font-family:Arial, Helvetica, sans-serif;
 font-size:14px;
 font-weight:500;
 color:#FFFFFF;
 line-height:19px;
 margin:44px 44px 0px 58px;
 text-align: justify
}
p.contactB{
 font-family:Arial, Helvetica, sans-serif;
 font-size:14px;
 font-weight:bold;
 color:#FFFFFF;
 line-height:17px;
 margin:44px 44px 3px 0px;
}
p.emailW{
 font-family:Arial, Helvetica, sans-serif;
 font-size:14px;
 font-weight:normal;
 color:#FFFFFF;
 line-height:17px;
 margin:23px 44px 3px 0px	
}
p.emailW a{
 color:#FFFFFF
}
p.image{
 margin:12px 50px 0px 185px
}
p.graph {
 margin:12px 50px 0px 50px
}
p.route{
	margin:12px 50px 0px 70px
}
ul.home{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 color: #4d4b4a;
 line-height: 17px;
 list-style-type:none;
 margin:0px;
 padding:0px;
 list-style-position: outside
}
ul.home li{
 background-image: url('images/greenBullet.png');
 background-repeat:no-repeat;
 background-position:0px 0px; 
 padding-left:30px;
 margin: 1px 50px 0px 50px;
}
ul.std{
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:normal;
 color:#4d4b4a;
 line-height:17px;
 list-style-type:none;
 margin:0px;
 padding:0px;
 list-style-position:outside
}
ul.std li{
 background-image: url('images/greenBullet.png');
 background-repeat:no-repeat;
 background-position:0px 0px; 
 padding-left:30px;
 margin:8px 50px 0px 50px
}
ul.std a{
 font-weight:bold;
 color:#4d4b4a
}
table.telfax{
 font-family:Arial, Helvetica, sans-serif;
 font-size:14px;
 font-weight:normal;
 color:#FFFFFF;
 line-height:17px;
 width: 200px;
 margin:23px 44px 3px 0px;
 list-style:none;
 border:0px
}
table.contact{
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:normal;
 color:#4d4b4a;
 line-height:17px;
 width: 350px;
 margin:4px 50px 0px 50px;
 list-style:none;
 border:0px
}
table.contact a{
 color:#4d4b4a
}