

/* html elements */

a:link {

color: #ffffff; 

text-decoration: none

}



a:visited {

color: #D9EDAD; 

text-decoration: none

}



a:active {

color: #D9EDAD; 

text-decoration: none

} 



a:hover {

color: #D9EDAD

}



body { 

margin: 0; 

}



body, dd, div, dt, h1, h2, li, p, ul li, td, td p, th  { 

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

}



h4, input, li, p, td p, th, ul li { 

font-size: 12px; 

line-height: 12px; 

}



h2 { 

font-size: 13px;

}



td div { 

color: #666666; 

}



td, td td { 

vertical-align: top; 

}



/* CLASSES */

.lgtochre{

background: #D2B346;

}



.drkochre{

background: #C19600;

}



.paleochre{

background: #F5EED6;

}



.drkbrown{

background: #B3A68D;

}



.lgtbrown{

background: #CAC1AF;

}



.palebrown{

background: #E8DCCF;

}



.drkblue{

background: #6685A3;

}



.lgtblue{

background: #94AABF;

}



.paleblue{

background: #E4E4EB;

}



.drkgreen{

background: #718552;

}



.lgtgreen{

background: #ADB89B;

}



.palegreen{

background: #E3E8DC;

}



.drkpurple{

background: #595D89;

}



.lgtpurple{

background: #8B8EAD;

}



.drkolive{

background: #848A00;

}



.lgtolive{

background: #89AD4D;

}



.bodyhome{ 

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

border: 0;

}



.bodyservices{ 

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

border: 0;

}



.bodyprofile{ 

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

border: 0;

}



.bodyarticles{ 

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

border: 0;

}



.bodycontact{ 

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

border: 0;

}



/* keep header */ 

	

#Header { 

height: 64px; 

left: 0; 

position: absolute;

top: 0; 

}

	



/* keep* positioned in relation to #Header; #Nav is used by Netscape 4x/ noscript.php for styling menus */ 

#Nav {  

left: 0px;  

position: absolute;

top: 0; 

width: 800px; 

} 



#TopNav {  

left: 0px;  

position: absolute;

top: 0;  

} 



/* keep this is for the size and position of numbers in navigation for switching of text */

#Next { 

font-size: 12px; 

height: 18px; 

left: 106px;

padding: 0;

position: absolute; 

top: 450px;

width: 800px;	

}

#Next img { display: inline; }	

	

/* keep this is for the main body of text itself */

#Content { 

/* background of overall table */

border: 0;

/* table from left side */

left: 106; 

margin: 0;

padding: 0;

/* necessary to tell exactly where the table is positioned */

position: absolute; 

/* where from top of page */

top: 80px; 

width: 100%;

/* that it will stretch across 

width: 100%;

this is commented out - does not work in netscape 4.7 */

}



#Overlay {

left: 0px; 

top: 96px; 

position: absolute; 

}



#Overlaytop {

left: 129px; 

top: 96px; 

position: absolute;

}



#Overlaytext {

color: #7A9159; 

left: 137px; 

top: 126px; 

position: absolute;

line-height: 12pt;

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

font-size: 11px; 

font-color: #000000; 

}



#NextArrow {

left: 687px; 

top: 370px; 

position: absolute;

}



#BothArrows {

left: 665px; 

top: 370px; 

position: absolute;

}



#Content td div#divSwitchText { 

color: #666; text-align: left; 

}



#Header div.sub { 

left: 106px; 

font-size: 11px;

}



#Services {

left: 550; 

margin: 0;

padding: 0; 

position: absolute;

top: 134px;

}



#ServicesPhoto {

left: 550; 

margin: 0;

padding: 0; 

position: absolute;

top: 120px;

}



#Engineering {

border: none;

left: 66; 

margin: 0;

padding: 0; 

position: absolute;

top: 443px;

width: 100%;

}



#Photos { 

background-image: url(images/photos.jpg);

left: 66; 

margin: 0;

padding: 0; 

position: absolute;

top: 348px;

width: 100%;

}



#Seismic {

border: none;

left: 66; 

margin: 0;

padding: 0; 

position: absolute;

top: 492px;

width: 100%;

}



/* relative to #Footer */

#Contact { 

color: #fff; 

font-size: 10px; 

height: 18px; 

left: 550px; 

top: 27px; 

position: absolute; 

width: 250px;

}



#Footer {

border: none;

left: 0; 

margin: 0;

padding: 0; 

position: absolute;

top: 492px;

width: 100%;

}



	



/* link and menu color styles */



div#Nav td.links, div#Nav td.links div {  

background: #C19600;  

color: #ffc; 

}



div#Nav td.links div a { 

color: #fff; 

text-decoration: none; 

}



td.links div { padding: 0; }



td.BlueHeader { 

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

color: #6685A3;

width: 430px;

}



td.BlueHeader p { 

margin: 0; 

padding: 15px 4px 0 13px;

letter-spacing: .1em;

font-weight: bold;

font-size: 14px;

}



td.ImageHeader  { 

left: 130;



}



td.Narrow div, td.Wide div { 

height: auto;

margin: 0; 

padding: 0;

width: auto;

} 



td.NarrowText p, td.WideText p { 

margin: 0; 

padding: 15px 4px 0 13px; 

line-height: 12pt;

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

font-size: 12px; 

}



td.NarrowText p.tagline, td.WideText p.tagline { 

font-weight: 700; 

margin: 0; 

padding: 17px 4px 0 13px; 

line-height: 12pt;

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

font-size: 12px; 

}



td.NarrowText p, td.NarrowText p.tagline { 

width: 400px; 

}

td.WideText p, td.WideText p.tagline { 

width: 450px; 

}

td.WideText td p { 

font-weight: 700; 

margin: 0; 

padding: 17px 4px 0 13px; 

line-height: 12pt;

}



td.TestText td p { 

width: 545px;

font-weight: 700; 

margin: 0; 

padding: 17px 4px 0 13px; 

line-height: 11pt;

}



td.TestText p, td.TestText p { 

width: 545px;

margin: 0; 

padding: 15px 4px 0 13px; 

line-height: 11pt;

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

font-size: 11px; 

}