body {
  background: #646464 url("../images/halftone.gif") repeat-x;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #222222;
}
a:link {color: #4061A9;}
a:visited { color: #4061A9;text-decoration:underline;}
a:hover { color: #6082cb; text-decoration: none;}	

.header {
  background: url("../images/banner.gif") no-repeat;
  width: 880px;
}
#contact {
  margin-top: 14px;
  font-weight: bold;
  color:#FFF;
  width: 300px;
  float:right;
  text-align:right;
}

	
#content {
  margin: 15px;
  width: 865px;
}
/*begin tabbed navigation*/
#navbox {
  width:100%;
  font-size:11px;
  font-weight:bold;
  text-transform:uppercase;
  line-height:normal;
  position: relative;
  z-index: 1;

}
#navbox ul {
  margin:0;
  padding:0;
  list-style:none;
}
#navbox li {
  display:inline;
  margin:0;
  padding:0;
}
#navbox a {
  float:left;
  background: url("../images/left.gif") no-repeat left top;
  margin: 0;
  padding: 0 0 0 10px;
  border-bottom: 1px solid #999;
  text-decoration: none;
}
#navbox a span {
  float:left;
  display:block;
  background: url("../images/right.gif") no-repeat right top;
  padding: 5px 15px 4px 5px;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navbox a span {float:none;}
/* End IE5-Mac hack */
#navbox a:hover {
  background-position:0% -180px;
}
#navbox a:hover span {
  background-position:100% -180px;
  color:#333;
}
#home #nav-home a, #about #nav-about a, #products #nav-products a, #services #nav-services a, #web #nav-web a, #contact2 #nav-contact a {
  background-position:0% -180px;
  border-width: 0;
}
#home #nav-home a span, #about #nav-about a span, #products #nav-products a span, #services #nav-services a span, #web #nav-web a span,#contact2 #nav-contact a span {
  background-position:100% -180px;
  padding-bottom:5px;
  color:#333;
}
#top {
  float:left;
  top: -1px;
  height: 6px;
  margin: 0 0 -1px 0;
  padding: 0;
  background: url(../images/top.gif) top right;
  width: 864px;
  border-left: solid #999 1px;
  font-size: 1px;
  position: relative;
  z-index: 0;
}
/*end tabbed navigation*/

#bodybox {
  float: left;
  width: 839px;
  background-color: #FFFFFF;
  border: solid #999 1px;
  padding: 12px;
  margin: 0px;
}
/*begin styling main*/
#main {
  font-size:11px;
  float:left;
  border-right: solid #DADADA 1px;
  width: 635px;
  margin: 0;padding:0;
}
#main h1{
  margin: 10px 13px 0 0;
  padding: 2px 0 2px 7px;
  display:block;
  border-left: solid #66CC66 8px;
  background: url(../images/main-heading.gif) repeat-x bottom;
  color:#666;
  font-size: 19px;
  font-weight: normal;
}
#h2 {
  margin: 10px 13px 0 0;
  padding: 2px 0 2px 7px;
  font-size: 16px;
  font-weight: normal;
  font-family:Arial, Helvetica, sans-serif;
 }	
 #main h4{
  margin: 10px 13px 0 0;
  padding: 2px 0 2px 7px;
  display:block;
  border-left: solid #66CC66 8px;
  background: url(../images/main-heading.gif) repeat-x bottom;
  color:#666;
  font-size: 19px;
  font-weight: normal;
}

#main p {
  margin: 11px 15px 11px 15px;
}
#main ul{
	margin-right:15px;
}
/*begin feature panel*/
#right-panel {
  float: right;
  width: 188px;
  background: #DADADA url("../images/right-panel.gif") top left;
  border: 1px solid #999;
  margin:0; padding:0;
}
#right-panel div {
  background: url("../images/right-panel.gif") bottom right;
  display: block;
  padding: 12px;
}
#right-panel h3 {font-size: 13px; margin:0 0 12px 0;}
#right-panel p {margin:0; font-size: 11px;}
/*end feature panel*/
#footer {
  float: left;
  width: 841px;
  background: url(../images/footer.gif) bottom;
  padding: 8px 12px 8px 12px;
  color: #FFFFFF;
  line-height: normal;
  margin-bottom: 16px;
}
#footer a {color:#FFFFFF;}
#footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#footer li {
  display:inline;
  margin: 0 15px 0 0;
  padding: 0;
}