html
{
 
  height: 99%;
}
                         
body
{
margin: 0;
background-image: url('images/purpleback.jpg');
  padding: 0;
  line-height: 125%;

}

td
{
vertical-align:bottom;
}

.center
{
margin-left:auto;
margin-right:auto;
width: 92%;
background-color: inherit;
}


.containera
{
width: 1024px;
height: 800px;
background-image: url('images/grid_plain.jpg');
background-repeat: repeat;
}

.containera
{
text-align:center;
}

.container
{
width: 1024px;
height: 1800px;
background-image: url('images/grid_plain.jpg');
background-repeat: repeat;
}

.container
{
text-align:center;
}

*
{
  font-size: 10pt; 
  font-family: Tahoma, Verdana, sans-serif; 
  color: #000000;
  text-align: left;
}

.list
{
line-height: 115%;
  margin: 0px;
  border-top: 0px solid white;
  border-bottom: 0px solid white;
list-style-type: none;
}

.list a
{
text-decoration: none;
font-weight: none;
  margin: 2px;
  border-top: 0px solid white;
  border-bottom: 0px solid white;
list-style-type: none;
}

.list a:hover, .list a:active
{
  color: #666F53; 
text-decoration: underline;
font-weight: none;
}



/* === Top Menu === */

#menu
{
  height: 31px;
  padding-right: 0px;
  margin-top: 10px; margin-bottom: 0;
  list-style: none;   
}
#menu li
{
  float: right;
  display: block;
   width: 82px; height: 31px;  
}

#menu a
{
  display: block;
  width: 82px; height: 31px;  
  background-color: inherit;
  text-decoration: strong;
  line-height: 31px;
  text-align: center;
}

#menu a:link, #menu a:visited
{
  color: #4E5373; 
  background-color: #DBDBDB;
text-decoration: strong;
}

#menu a:hover, #menu a:active
{
  background-image: url('images/tab1a.jpg');
  color: #ffffff; 
text-decoration: strong;
}

#menuselected
{
  display: block;
  width: 82px; height: 31px;    
  background-image: url('images/tab1.jpg');    
  text-decoration: strong;
  line-height: 31px;
  color: #ffffff;
  text-align: center;
}


#menuselectedcont
{
  display: block;
 width: 82px; height: 31px;    
  background-image: url('images/tab1.jpg');    
  text-decoration: strong;
  line-height: 31px;
  color: rgb(127, 204, 40);
  text-align: center;
}

#menuselectedabout
{
  display: block;
 width: 82px; height: 31px;  
  background-image: url('images/tab1.jpg');    
  text-decoration: strong;
  line-height: 31px;
  color: #FF0000;
  text-align: center;
}

#menuselectedprod
{
  display: block;
 width: 82px; height: 31px;    
  background-image: url('images/tab1.jpg');    
  text-decoration: strong;
  line-height: 31px;
  color: #FFFF00;
  text-align: center;
}

#menuselectedserv
{
  display: block;
 width: 82px; height: 31px;   
  background-image: url('images/tab1.jpg');    
  text-decoration: strong;
  line-height: 31px;
  color: #0099FF ;
  text-align: center;
}

#menuselectedev
{
  display: block;
  width: 82px; height: 31px; 
  background-image: url('images/tab1.jpg');    
  text-decoration: strong;
  line-height: 31px;
  color: #9966FF;
  text-align: center;
}


/* === TOP NAV Content === */

.container1
{
  display: table;  
margin: 0px 0px 0px 0px;
  width: 1024px;
height: 80px;
padding: 0px;
}


/* === Left Sidebar === */

.leftsidebar
{
  float:left;
width:190px;
height:100%;
margin-left:10px;
}

.notes
{
position: absolute;
margin-top: -263px;
margin-left: 30px;
}

/* === Main content body === */

.container2
{
height: 100%;
width:800px;
margin-left:210px;
}


/* === Logo and Footer === */

.mast
{
margin-left: 14px;
margin-top: -30px;
  padding: 0px;
height: 70px;
}


.designinfo
{ 
margin-top: -110px;
margin-right: 4px;
text-align: right;
color: #000000;

}

/* === Home Page === */

h1
{
  margin: 10px 0 -40px -2px;
  padding: 0 10px 10px 9px;
  font-size: 18px;
  color: #000000;
  background-color: inherit;
  border-left: 4px solid #4E5373;
}

.homeunder
{
width: 550px;
height: 2px;
 border-top: 2px solid #4E5373;
position: absolute;
margin-left: 15px;
margin-top: -8px;
background-color: inherit;
}


/* === Contact Page === */

h2
{
 margin: 10px 0 -40px -2px;
  padding: 0 10px 10px 9px;
  font-size: 16px;
  color: #000000;
  background-color: inherit;
  border-left: 4px solid rgb(127, 204, 40);

}

.contactunder
{
width: 950px;
height: 2px;
 border-top: 2px solid rgb(127, 204, 40);
position: absolute;
margin-left: 15px;
margin-top: -8px;
background-color: inherit;
}


/* === Product Page === */

h3
{
  margin: 10px 0 -40px -2px;
  padding: 0 10px 10px 9px;
  font-size: 16px;
  color: #000000;
  background-color: inherit;
  border-left: 4px solid #FFFF00;

}

.productsunder
{
width: 715px;
height: 2px;
 border-top: 2px solid #FFFF00;
position: absolute;
margin-left: 15px;
margin-top: -8px;
background-color: inherit;
}


/* === Services Page === */

h4
{
 margin: 10px 0 -40px -2px;
  padding: 0 10px 10px 9px;
  font-size: 16px;
  color: #000000;
  background-color: inherit;
  border-left: 4px solid #0099FF ;

}

.servicesunder
{
width: 800px;
height: 2px;
 border-top: 2px solid #0099FF;
position: absolute;
margin-left: 15px;
margin-top: -8px;
background-color: inherit;
}


/* === Events Page === */

h5
{
 margin: 10px 0 -40px -2px;
  padding: 0 10px 10px 9px;
  font-size: 16px;
  color: #000000;
  background-color: inherit;
  border-left: 4px solid #9966FF;
}

.eventsunder
{
width: 875px;
height: 2px;
 border-top: 2px solid #9966FF;
position: absolute;
margin-left: 15px;
margin-top: -8px;
background-color: inherit;
}


/* === About Page === */

h6
{
  margin: 10px 0 -40px -2px;
  padding: 0 10px 10px 9px;
  font-size: 16px;
  color: #000000;
  background-color: inherit;
  border-left: 4px solid #FF0000;
}

.aboutunder
{
width: 640px;
height: 2px;
 border-top: 2px solid #FF0000;
position: absolute;
margin-left: 15px;
margin-top: -8px;
background-color: inherit;
}


.h7
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 20px;
width: 100%;
text-align: center;
float: center;
  color: #000000;
  background-color: inherit;
border-left: ;
}

.details
{
  display: none;
  font-size: 9px;
  color: #6E7468;
}

.text
{
  display: block;
width: 625px;
height: 400px;
  margin-left: 100px;
}

.text a
{
  color: #000000;
  text-decoration: none;
  font-weight: none;
}

.text a:hover, .text a:active
{
  color: #666F53;
text-decoration: underline;
}

.text-left
{
  display: block;
width: 675px;
height: 400px;
  margin-left: 50px;
margin-top: -10px;
}

.text-left a
{
  color: #666F53;
  text-decoration: none;
  font-weight: bold;
}

.text-left a:hover, .text a:active
{
  color: #000000;
}

.text1
{
  display: block;
width: 675px;
height: 400px;
  margin-left: 50px;
margin-top: -10px;
}


.text1 a
{
  color: #666F53;
  text-decoration: none;
  font-weight: bold;
}

.text1 a:hover, .text a:active
{
  color: #000000;
}

.text2
{
  display: block;
width: 625px;
height: 400px;
  margin-left: 200px;
}

.prodtable
{
font-size: 10px;
line-height: 125%;
text-align: center;
vertical-align:bottom;
width: 800px;
height: 200px;
margin-left: 6px;
margin-top: 10px;
}

.prodtable a 
{
text-decoration: none;
font-size: 10px;
line-height: 125%;
text-align: center;
width: 800px;
height: 200px;
margin-left: 6px;
margin-top: 10px;

}

.prodtable a:hover, .prodtable a:active
{
  color: #000000;
text-decoration: bold;
}

.prodtable1
{
font-size: 10px;
line-height: 125%;
text-align: center;
width: 800px;
height: 50px;
margin-left: 6px;
margin-top: 10px;
}

blockquote
{
width: 225px;
height: 60px;
text-align: left;
margin-left: 10px;
}


.photo
{
position: absolute;
margin-top: 30px;
margin-left: 175px;
}


.photo1
{
position: absolute;
margin-top: 60px;
margin-left: 475px;
}


.photoquote
{
font-size: 18px;
text-align: center;
width: 200px;
height: 40px;
margin-left: 15px;
margin-top: -60px;
}

.photoquote1
{
font-size: 18px;
text-align: center;
width: 200px;
height: 40px;
margin-left: 15px;
margin-top: -60px;
}

.note
{
display: block;
margin: 10px 15px 10px 15px;
color: #555555;
}

.bold
{
  font-weight: bold;
}

/* === SubMenu === */

#submenu
{
  float: left;
  height: 31px;
  width: 300px;
  padding-left: 0px;
text-align: left;
  margin-left: -200px;
margin-top: 0px;
  list-style: none;   
text-decoration: underline;
}

#submenu li
{
  float: left;
text-align: left;
  display: block;
  width: 82px;  height: 31px; 
text-decoration: underline; 
}

#submenu a
{
  display: block;
  width: 82px;  height: 31px;  
  background-color: inherit;
  line-height: 25px;
  text-align: center;
text-decoration: underline;
}

#submenu a:link, #submenu a:visited
{
  color: #cccccc; 
  background-image: url('images/submenu.jpg'); 
text-decoration: underline;
}

#submenu a:hover, #submenu a:active
{
  color: #ffffff; 
}

#submenuselected
{
  display: block;
  width: 82px;  height: 31px;  
  text-decoration: none;
  line-height: 25px;
  color: #ffffff;
  text-align: center;
}

.title
{
  position: absolute;
  margin-left: 100px;
  margin-top: 15px; 
  width: 100px;
  height: 40px;
  background-image: inherit;
}