@charset "utf-8";
/* CSS Document */

h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	color:#004677;
	font-weight: bold;
	padding-bottom: 5px;
	padding-left:5px;
	border-left: solid #004677 5px;
}

.first {
	font-size: 1.1em;
	font-weight: bold;
	color: #004677;
}

.first:hover {
	color: #73bf45;
}

#nav2 span {
	color: #73bf45;
	font-size: 1em;
	}

.second {
	font-size: 0.9em;
	font-weight: bold;
	color: #73bf45;
}

.select {
	padding-left:5px;
	border-left: solid #73bf45 5px;
}

.nonselect {
	padding-left:10px;
}

.second:hover {
	color: #9cd27c;
}

#products {
  	display: block;
  	width: 92px;
  	height: 92px;
  	background: url(../images/FIX_nav_productsroll.gif) no-repeat 0 0;
}

#profile {
  	display: block;
  	width: 92px;
  	height: 92px;
  	background: url(../images/FIX_nav_profile.gif) no-repeat 0 0;
}

#projects {
  	display: block;
  	width: 92px;
	height: 92px;
	background: url(../images/FIX_nav_projects.gif) no-repeat 0 0;
}

#contact {
  display: block;
  width: 92px;
  height: 92px;
  background: url(../images/FIX_nav_contact.gif) no-repeat 0 0;
}

#profile:hover, #projects:hover, #contact:hover{ 
  background-position: 0 -92px;
}

.productmenu span {
	display: none;
}

.productmenu {
	float: left;
}

#standard {
  	display: block;
  	width: 246px;
  	height: 147px;
  	background: url(../images/standard.gif) no-repeat 0 0;
}

#low {
  	display: block;
  	width: 246px;
  	height: 147px;
  	background: url(../images/low.gif) no-repeat 0 0;
}

#countersunk {
  	display: block;
  	width: 245px;
  	height: 147px;
  	background: url(../images/countersunk.gif) no-repeat 0 0;
}

#caphead {
  	display: block;
  	width: 246px;
	height: 147px;
  	background: url(../images/caphead.gif) no-repeat 0 0;
}

#back {
  	display: block;
  	width: 246px;
  	height: 147px;
  	background: url(../images/back.gif) no-repeat 0 0;
}

#panel {
  	display: block;
  	width: 245px;
  	height: 147px;
  	background: url(../images/panel.gif) no-repeat 0 0;
}

#unseen {
  	display: block;
  	width: 246px;
  	height: 147px;
  	background: url(../images/unseen.gif) no-repeat 0 0;
}

#wire {
  	display: block;
  	width: 246px;
  	height: 147px;
  	background: url(../images/wire.gif) no-repeat 0 0;
}

#balustrade {
  	display: block;
  	width: 245px;
  	height: 147px;
  	background: url(../images/balustrade.gif) no-repeat 0 0;
}

#standard:hover, #low:hover, #countersunk:hover, #caphead:hover, #back:hover, #panel:hover, #unseen:hover, #wire:hover, #balustrade:hover { 
	background-position: 0 -147px;
}