/* COLORS
------------------------
 rgb(66,100,75)
*/
/* GENERAL 
------------------------*/
*{
margin:0;
padding:0;
border:none;
}
body {
background: white url("../images/background.gif") repeat;
font:normal medium/1.5em Helvetica, Arial, sans-serif;
}
body#popup{
font:normal small/1.2em Helvetica, Arial, sans-serif;
background:none;
}
.clear{
clear:both;
}
/* P, BLOCKQUOTE, SPAN
------------------------*/
p{
margin:0 0 .8em 0;
}
#header p{
position:absolute;
right:20px;
text-align:right;
font-weight:bold;
font-size:125%;
color:rgb(66,100,75);
padding:15px 20px 0 0;
}
p.footnote{
font-size:.9em;
}
.email span{
font-size:.8em;
}
span.fn{
font-weight:bold;
}
abbr{
border-bottom:1px dotted black;
cursor:help;
}
/* HEADERS
------------------------*/
h1{
margin-bottom:.5em;
padding-left:10px;
background:transparent url(../images/bullet.jpg) 0 center no-repeat;
font:bold 110%/1.2em Helvetica, Arial, sans-serif;
color:rgb(66,100,75);
border-bottom:2px solid rgb(66,100,75);
}
h2{
margin:.5em 0 .2em 0;
font:bold 108%/1.2em Helvetica, Arial, sans-serif;
color:rgb(66,100,75);
}
#popup h2{
padding:.5em 0 1em .5em;
background:transparent url(../images/lineWShadow.gif) bottom left repeat-x;
}
/* LISTS
------------------------*/
ul{
text-indent:0;
line-height:1.5em;
margin-bottom:1em;
}
li{
list-style-image:none;
list-style:none;
text-indent:0;
}
ul ul {
margin-bottom:.5em;
}
ul.services li{
margin-left:2em;
list-style:url(../images/bullet.jpg) circle outside;
}
ul.services ul.services li{
margin-left:2em;
list-style:none;
}
ul#sitemap {
margin-left:1em;
}
ul#sitemap ul {
margin-left:2em;
font-size:.9em;
}
ul#sitemap li{
margin-bottom:.5em;
}
ul#techDwgs li, ul#thumbnails li{
display:block;
float:left;
position:relative;
height:129px;
padding:20px;
margin:5px;
background-color:white;
border:1px dotted rgb(66,100,75);
}
ul#thumbnails li{
height:auto;
padding:5px;
}
/* LINKS
------------------------*/
a {
color:rgb(66,100,75);
text-decoration:none;
border-bottom:1px solid rgb(66,100,75);
background-color:transparent;
}
a:visited{
color:rgb(100,100,100);
border-bottom:1px solid rgb(125,125,125);
}
a:hover {
color:rgb(100,130,100);
border-bottom:1px solid rgb(100,130,100);
}
div#logo a{
border:0;
}
div#logo a:hover{
background-color:transparent;
}
.tooltip a span, a.tooltip span{
display:none;
}
.tooltip a:hover span, a.tooltip:hover span{
display:block;
position:absolute;
top:0;
left:0;
padding:2px;
color:white;
font-size:.9em;
line-height:1.2em;
background-color:rgb(66,100,75);
} 
#prevNext a{
display:block;
float:right;
margin:3px;
font-size:24px;
color:white;
background-color:rgb(66,100,75);
border:0;
}
#prevNext a:hover{
background-color:rgb(100,130,100);
border:0;
}
/* layout DIV styles
------------------------*/
#header{
margin-top:20px;
background:transparent url(../images/lineWShadow.gif) 0 85px repeat-x;
}
#content{
margin:-16px 50px 0 250px;
z-index:3;
}
#footer{
margin-top:50px;
padding-top:5px;
font-size:.7em;
color:rgb(90,90,90);
text-align:center;
background:transparent url(../images/lineWShadow.gif) 0 0 repeat-x;
}
#popup #text{
float:right;
width:40%;
margin:10px 20px 0 10px;
padding-left:10px;
border-left:1px solid rgb(66,100,75);
}
div.slide {
margin:1em 0 .5em 0;
width:100%;
text-align:center;
}
#prevNext{
position:absolute;
top:5px;
right:50px;
}
/* IMG styles
------------------------*/
div#header img#logo{
margin-left:94px;
}
div#header img{
vertical-align:top;
}
div#header img#truck{
margin:-15px 0 0 10px;
}
a img{
border:0;
}
#popup img.dwg{
float:left;
margin:10px 0 0 20px;
}
img#imgCheck{
position:absolute;
}
/*IMG shadow effect styles
-------------------------------*/
div.shadow {
float:left;
}
div.shadow, div.shadowLeft{
float:right;
background: url("../images/shadow.gif") no-repeat bottom right;
margin:18px 0 0 20px;
}
div.shadow img, div.shadowLeft img{
display:block;
position:relative;
border:1px solid black;
padding:4px;
background-color:white;
margin:-6px 6px 6px -6px;
}
/* NAV styles
------------------------*/
ul#primNav{
float:left;
position:relative;
top:-35px;
width:202px;
z-index:5;
}
ul#primNav a{
display:block;
height:40px;
color:rgb(66,100,75);
line-height:40px;
padding:0 0 0 45px;
border-right:2px solid rgb(66,100,75);
border-bottom:1px dotted rgb(66,100,75);
background:transparent url("../images/probePt.jpg") 0 0 no-repeat;
}
ul#primNav #about a{
border-top:2px solid rgb(66,100,75);
}
ul#primNav #contact a{
border-bottom:2px solid rgb(66,100,75);
}
ul#primNav a:hover{
color:rgb(100,130,100);
letter-spacing:1px;
background:transparent url("../images/probePt.jpg") 0 -40px no-repeat;
}
#aboutBody #about a, 
#staffBody #staff a, 
#techBody #tech a,
#servicesBody #services a,
#galleryBody #gallery a,
#contactBody #contact a{
color:rgb(100,130,100);
letter-spacing:1px;
background:transparent url("../images/probePt.jpg") 0 -40px no-repeat;
}
/*For images Off, CSS On*/
html.noimgs ul#primNav a{
text-indent:1em;
}/*end*/