/* Rajason Tools Inc.   CSS file */
IMG.Banner {width: 468px; height 60px}

* {
   margin: 0;
   padding: 0;
   border: 0;
}


body {	
        margin-top:   0px;
	margin-left:  0px;
	margin-right: 0px;
	margin-bottom:0px;
	/*background-color: #dadada; */ /*grey*/

        /*background-color: #000066; */    /* blue */  /* May 22, 2010 */
        
        background-color: #708090; /*slate may 22, 2010 */
        
        /*background-image: url("images/metal031.jpg"); /*May 22, 2010*/
        
        
	font: Ariel,Tahoma,Verdana,sans-serif;
	
}

a {
   color: white;
   text-decoration: none;
}


a#mail {
   color: blue;
}




td {
   width: 33%;
}

h3#left{
/*   margin:auto;*/
   
}
h3#right{
   text-align: right;
   
}

p#paragraph1 {
   padding: 25px ;
   width: 200px;
   border: 2px solid black;
   margin: 10px;
   border: 1px solid black;

}

p#center {
   text-align: center;
/*   border: 2px solid black;*/
   color:      black;
   background: white;
   margin:     auto
}

p#contact { 
   color: black;
   background: white;
   font-family: monospace;
   font-size:  11pt;  /*1em;*/
   white-space: pre;
}

p#paragraph2 {
   color: black;
   background: white;
   font-size: 1em;
   white-space: pre wrap;
}

p#paragraph3 {
   vertical-align: center;
   color: black;
   background: white;
   font-size: 1em;
   white-space: pre wrap;
   float: left;
}


img#Heading {
   width: 798px;
   height: 100px;
   border: none;
   vertical-align: bottom;
   
}

div#EmptySpace {
   width: 100px;    
   height: 200px;
   float: left;
}
div#EmptySpaceProduct {
   width: 50px;    /* was 200 */
   height: 200px;
   float: left;
}
div#ImageDescription {
   width: 250px;    
   height: 184px;
   padding: 10px;
   border: 1px solid darkgray;
   float: left;
}

div#EmptySpaceCerts {
   width: 200px;    
   height: 200px;
   float: left;
}
div#EmptySpaceCerts2 {
   width: 50px;    
   height: 200px;
   float: left; 
}
img#LargeSquare {
   width: 200px;  
   height: 200px;
   float: left;
}

img#LargeBureauSquare {
   width: 330px;  
   height: 179px;
   float: left;
}


img#LargeImage {
   width: 250px;
   height: 200px;
/*   float: left;*/
}

img#RightSideImageSquare {
   width: 150px;  
   height: 150px;
   /*border: darkgray solid 2px;*/
}

img#RightSideImageTall {
   width: 100px;  
   height: 150px;
}

img#RightSideImageShort {
   width: 150px;  
   height: 100px;
}
img#RightSideImageWide {
   width: 150px;
   height: 75px;

}

img#SmallPartImage {
   width: 75px;
   height: 50px;
   border: 1px solid lightgrey;
   
   float: left;
}

div#LargePart {
   width: 250px;
   height: 200px;
   border:	1px solid darkgray;
   float: left;
}

div#TopRegion {
   width:800px;
   height: 100px;
   margin: auto;
   
   text-align:left;
   background:#578bb8;
   color:#303030;
   
   border-top:   2px solid darkgray;  
   border-left:  2px solid darkgray;
   border-right: 2px solid darkgray; 

}

div#ContentRegion {
   width:         596px;
  
   height:        420px;
   padding:       10px;
  
 
   text-align:    left;
   background:    white;
   color:         black;
/*   border-left:   2px solid gray;*/
/*  border-right:  1px solid gray;*/
  /* border-bottom: 1px solid gray;*/
   float:         left;
}

div#PictureRegion {

   width:         154px;
   height:        420px;
   padding:       10px;
   
   background:    white; /* blue #336699 */;
   color:         black;

/*   border-left:   1px solid darkgray; */

/*     border-right:  2px solid darkgray;*/

/*   border-bottom: 1px solid darkgray; */

   float:         right;
   
}

div#PictureRegionBlue {

 
   width:         155px;
   height:        420px;
   padding:       10px;

   
  
   background:    #578bb8;  /* blue #336699 */;
   
   /*background: #80b0da; *//* light blue, same as menu select or hover */
   
   color:         white;

/*   border-left:   1px solid darkgray; */

/*    border-right:  2px solid darkgray;*/

/*   border-bottom: 1px solid darkgray; */

   float:         right;
   
}

div#ContactUsContentRegion {
   width:         596px;
   height:        420px;
   padding-left:   10px;
   padding-right:  10px;
   padding-top:    10px;
   padding-bottom: 10px;
  
   text-align:    left;
   background:    white;
   color:         black;
   float:         left;
}

div#ContactUsPictureRegionBlue { 
   width:         154px;
   height:        420px;
   padding-left:   10px;
   padding-right:  10px;
   padding-top:    10px;
   padding-bottom: 10px;

   background:    #578bb8;  
   color:         white;
   float:         right;   
}

div#trailer {
   clear: both;   /* can't have any elements near by */
   text-align: right;
   position: bottom;
   background-color: #578bb8; 
   padding: 0;
   padding-right: 10px;
   /* NO BORDER NEEDED SINCE WE ARE INSIDE A WRAPPER 
   border-left: 1px solid darkgray; 
   border-right: 1px solid darkgray; 
   border-bottom: 1px solid darkgray; 
   */
   height: 1.5em;
   line-height: 1.5em;
   width: 790px;
   color: white;
}

div#wrapper {
   padding: 0;
   margin: auto;
   width: 800px;
   height: 420;
   background: white;
   border-left:   2px solid darkgray;
   border-right:  2px solid darkgray;
   border-bottom: 2px solid darkgray;
   
}


/*** Navigation Bar ***/
#navdiv {
   background-color: #578bb8; 
   color: white;
   width: 798;
   padding: 0;
   margin: auto;

   border-top: 2px solid darkgray;
   
/*   position: top;*/
/*   padding: none;*/
/*   margin: auto; */

/********
   border-left: 2px solid darkgray; 
   border-right: 2px solid darkgray; 
   border-bottom: 2px solid darkgray; 
*********/

/* ************
   height: 1.5em;
   line-height: 1.5em;
   
   width: 800px;
***************/   

   
}

ul#nav {
   font-size: 1em;
   list-style-type:none;
   width:   800px;
   height:  1.5em;
   background-color: #578bb8;
   padding: none;
   margin: none;
}

#nav li {
   float: left;
   list-style-type:none
   font-weight: normal;
   font-size: 1em
   background-color: #578bb8;
   height: 1.5em;
   line-height: 1.5em;
   color: white;
   border-right: solid white 1px; 
   white-space:nowrap;

/***************
   padding-left: 1em;
   padding-right: 1em;
   float: left;
   margin: none;
****************/
}

#nav li a{
   display: block;
   list-style-type:none
   font-weight: normal;
   font-size: 1em
   background-color: #578bb8;
   height: 1.5em;
   line-height: 1.5em;
   color: white;
   white-space:nowrap;
   
   padding-left: 1em;
   padding-right: 1em;
   float: left;
   margin: none;
}

#nav a:hover {
   text-decoration: none;
   background-color: #80b0da;
   color:white; 
}



#nav li.selected {
   text-decoration: none;
   background-color: #80b0da;
   color:white; 
}

#services {
   font-size: 1em;
   list-style-type: solid-circle;
/*   height:  1em;*/
   background-color: white;
   padding: 20px;

}

#services > li {
   font-weight: normal;
   background-color: white;
/*   height: 1em;
   line-height: 1em;*/
   color: black;
}