* {
  margin: 0;
  padding: 0;
  border: 0;  
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
  background-color: white;
	color: black;
	font-size: small;
  text-align: center;
}
body#home {
	font-size: medium;
}
.mast>div, .mast>img, .mast>ul, div#mainWrap {
  width: 760px;
  margin: 0 auto 0 auto;
}
div#mainWrap {
  width: 760px;
  margin: .5em auto 0 auto;
  text-align: left;
}
#aboutus div#mainWrap {
  width: 560px;
}
#products div#mainWrap {
  width: 780px;
  margin: 0 auto 0 auto;
  background-image: url(../images/backMod.jpg);
  background-repeat: repeat;
}
#projects div#mainWrap {
  width: 690px;
}

div#mainWrap p, div#mainWrap li {
  margin-bottom: .5em;
}
#products div#mainWrap li {
  margin-bottom: 0;
}
div#mainWrap ul {
  list-style-type: disc;
  list-style-image: url(../images/arrow.gif);
  margin-left: 18px;
}
div#mainWrap ul ul {
  list-style-type: circle;
  list-style-image: none;
}
div#mainWrap ul ul ul {
  list-style-type: square;
  list-style-image: none;
}
div.textMod {
  display: inline;
  float: left;
  width: 250px;
	margin: 0 5px 0 5px;
  border-top: 10px solid white;
  padding-bottom: 0.5em;
  background-color: #ededed;
  background-color: transparent;
  text-align: left;
}
#mainWrap .textMod h3 {
  font-size: small;
  font-weight: bold;
  margin: 0;
}
div.piece {
  display: inline;
  float: left;
  width: 370px;
	margin: 5px;
  padding-bottom: 0.5em;
  background-color: #ededed;
  text-align: center;
}
.piece img {
  display: block;
  float: none;
  margin: 0.5em auto 0.5em auto;
}
#mainWrap .piece a, #mainWrap .textMod a{
  display: block;
  height: 100%;
  width: 100%;
  text-decoration: none;
}
#products div#mainWrap ul {
  margin-bottom: 0;
}
.cell ul, .cell p {
  margin-right: 20px;
}
.cell td, .cell th {
  vertical-align: top;
}
div#colA {
  width: 360px;
  float: left;
  text-align: left;
  display: inline;
}
div#colB {
  width: 380px;
  float: right;
  text-align: left;
  margin-right: 0px;
  display: inline;
}
#home div#colB {
  width: 380px;
  text-align: right;
  margin-right: 0;
}
.strongGreen {
  font-weight: bold;
  color: green;
}
.strong {
  font-weight: bold;
}
.cat {
  background-color: #eeeeee;
  font-weight: bold;
}
.clear {
  clear: both;
}
p.clear {
  clear: both;
  margin: 0;
  padding: 0;
  font-size: xx-small;
  color: transparent;
  background-color: transparent;
}
div#footer {
  clear: both;
  width: 710px;
  margin: 0 auto .5em auto;
  padding-top: 20px;
  text-align: center;
  font-size: x-small;
}
#footer hr {
  border: 1px solid #c0c0c0;
  color: #c0c0c0;
  background-color: #c0c0c0;
}
div#logoCenter {
  background: #3d657d url(../images/mastLogoCenter.jpg) no-repeat;
  position: relative;
  width: 760px;
  height: 166px;
}
h1 {
  font-size: xx-large;
}
#contact h2 {
  font-size: medium;
  font-weight: bold;
  background-color: #eeeeee;
  margin-top: 1em;
  padding: .2em;
}
#products h2 {
  font-size: small;
  font-weight: bold;
  background-color: #eeeeee;
  margin-top: 0;
  padding: .2em;
  width: 100%;
  display: block;
}
#contact h3 {
  font-size: small;
  font-weight: bold;
  margin-top: 1em;
}
ul.contacts {
  margin-top: 1em;
}
.contacts a {
  font-weight: bold;
}
div#logoCenter h1 {
  color: white;
  position: absolute;
  left: 30px;
  bottom: 5px;
  text-align: left;
  text-transform: uppercase;
  font-weight: normal;
}
div#homeMastPics {
  background: #3d657d url(../images/homeMastPics.jpg) no-repeat;
  width: 760px;
  height: 190px;
}
div#nav {
  width: 760px;
	font-family: Arial, Helvetica, sans-serif;
  background-color: #cc0000;
  color: white;
  text-transform: uppercase;
  text-align: center;
  font-size: small;
  font-weight: bold;
}
#nav ul {
  list-style: none;
  text-transform: uppercase;
}

#nav ul li {
  display: inline;
}
#nav a {
  padding: 0 .75em;
  line-height: 1.8em;
  text-decoration: none;
  color: white;
  display: inline;
}
#home #nav a.home, 
#media #nav a.media, 
#aboutus #nav a.aboutus, 
#contact #nav a.contact, 
#products #nav a.products, 
#projects #nav a.projects {
  color: #cccccc;
  cursor: default;
}