body {
        font: 101% verdana, arial, helvetica, sans-serif;
        color: #333333;
        background: #c4ced0;
        margin-top: 50px;
        padding: 0;
       }

#wrapper {
        margin: 0 auto;
        width: 770px;
}

#wrapper h2 {
        color: #fff;
        width: 280px;
        padding: 5px;
        font-size: 80%;

        }

#header-bot {display:none;
        }

.f-letter {font-size: 150%}
.f-line { color: #0076a3; line-height: 160%;}
.blue {color: #069;}

/* this fixes display in nn7 & firefox */
html>body #header-bot h2 {
        padding-top: 00px;
        margin-top: 20px;
        position: absolute;
        }


/* end text content*/
#content {
        background: url(images/background.gif) repeat-y;
        margin: 0 0 0 1px;
        padding: 0;
        height: 100%;
}

#content p {
        margin: 0;
		  font-size:  0.8em;
}

#sidebar {background:  #c4ced0;
	     	 width: 200px;

	     	 margin-left: 0px;
	     	 }

#left-links {display:none;
                     }

#left-contact {
          margin-top: 0;
          font-size: 85%;
          color: #036;
          padding: 0px 0px 0px 0px;
                 }

.uca {display:none; }

#left-contact a { color: #036;}
#left-contact a:hover {text-decoration:none;}

#main {
	  	  margin-left: 210px;
	  	  width:540px;
	  	  background: transparent;
	     }

#main p{
        padding: 5px 70px 5px 0px;
        text-align: left;
        width: 80%;
}

#main h3 {
			color: #0076a3;
			font-size: 75%;
			font-family: arial, helvetica, sans-serif;
			font-weight: bold;
			width: 350px;
			border-bottom: solid 1px #d3d9dc;
			margin: 0px 0 25px 0px;
		  }

html>body #main h3 {
        padding-top: 20px;
        margin-left: 5px;
        margin-top: 18px;}

#printpage {display:none;
        }

#main h4 {
			color: #036;
			font: 80%  verdana, arial, helvetica, sans-serif;
			margin: 10px 0 0 0px;
			font-weight: normal}

#main a {
		   color: #036;
		   font-size: .90em;
		   }

#main a:hover {
			text-decoration: none;
			}

#footer {
        background-image: url(images/footer.gif);
        background-repeat: no-repeat;
        height: 70px;
        margin: 0 0 0 0;
        padding: 0;
        clear: both;
}

/*top menu*/
#menu-top {display:none;
					   }
/*end top menu*/

/*side menu container */
#sidemenu {
  background-color:  #c4ced0;
  color: #000;
  width: 180px;
  margin-left: -10px;

 }

#menu {display:none;}

#hide {display: none; }

/*end side menu*/


/* image replacement - text for printing - levin.grundeis.net*/
.replace{
      position:relative;
      margin:0px; padding:0px;
      /* hide overflow:hidden from IE5/Mac */
      /* \*/
      overflow: hidden;
      /* */
}
.replace span{
      display:block;
      position:absolute;
      top:0px;
      left:80px;
      z-index:1; /*for Opera 5 and 6*/
}

#myh1, #myh1 span{
      height:126px;
      width:770px;
      background-image: url(images/header_top2.gif);
      font-size: 100%;
}

/* print page button */

#print input, #close input {
                background: #f0f0f0;
                border: 1px solid #0063b1;
                font-size: 75%;
                font-weight: bold;}

/* about us page */

html>body #members {
		 height: 580px;}

#members p {padding: 0px 0px 0px 60px;
            text-align: left;
            margin-bottom: 40px;}

#members img {padding-left: 10px;
            border: none;
            margin-bottom: -5px}

html>body #members img { margin-bottom: 4px; }

#members a {color: #c46609; }
#members a:hover {text-decoration: none;}

/* home page orange bold */

.bold {
color: #c46609;
font-weight: bold;
font-size: 85%;
}


#main p.h {
margin-left: 80px;
margin-right: 40px;
padding-top: 60px;
}

/* stamped concrete orange titles*/
#main p.orange {
color: #c46609;
font-weight: bold;
margin-left: 0;
font-size: 76%;
}

#main h4.bold {font-weight: bold }

#main table {
margin-left: 40px;
border: 1px solid #d3d9dc;
}

#main td {
font-size: 80%;
background: #fff;
border: 1px solid #d3d9dc;
padding: 2px;
margin: 0;
}

.small {font-size: 70% }

#main h3 a { color: #0076a3; }

/*stained concrete images*/
#stain {width: 530px;
		 padding:0 0 0 0;
		 font-family: verdana, geneva, arial, helvetica, sans-serif;
		 margin-top: 25px;
		 margin-left: 20px;
		 margin-bottom: 30px;
		 }

html>body #stain {width: 530px;
		 margin-top: 5px;
		 margin-left: 26px;
		 height: 760px;}

#stain p{ width: 200px;
	margin: 0;
	padding: 0;
	text-align: center;
	font-weight: bold;
	color: #036;
	margin-top: 15px;
  }

#stain a {font-size: 85%;}

div.left {
	float: left;
	margin-right: 20px;
	width: 220px; height: 120px;
	margin-bottom: 30px;
	text-align:center;
	border-bottom: solid 1px #d3d9dc;

/* supplier page */

