/* CSS Document */

body { margin:0; padding:40px 0 0 0; background:url(images/bg-main.png) repeat-x top center #ECEDEE;}

.logo { width:205px; text-align:right; vertical-align:top; padding:0 0 20px 39px; }
.buttons { width:619px; text-align:right; vertical-align:top; padding:13px 39px 0 0; }

.frame { border:1px solid #BEBEBE; margin:0; padding:39px 0 0 0; height:200px; background-color:#FFF; }

.leftnorm { width:504px; vertical-align:top; padding:0 0 5px 0; }
.leftnorm h4 { line-height:17px; }

.prodright { width:310px; vertical-align:top; padding:65px 5px 5px 0; }
.prodright h4 { line-height:17px; }

.homeright { width:231px; vertical-align:top; padding:55px 10px 5px 79px; }
.homeright h4 { line-height:17px; }
.envright { width:241px; vertical-align:top; padding:0 0 5px 79px; }

.contactright { width:214px; vertical-align:top; padding:45px 0 5px 106px; }
.contactright h4 { line-height:17px; margin:0; }
.contactinfo { padding:0 0 0 10px; border-left:1px dotted #999; margin:0; }

.bottom { text-align:right; margin:0; padding:0; }

.footercontact { width:411px; vertical-align:top; padding:20px 0 5px 39px; }
.footernav { width:411px; vertical-align:top; text-align:right; padding:20px 39px 5px 0; }
.copyright { padding:0 0 0 39px; }


h3 { font:bold 15px/16px Arial, Helvetica, sans-serif; color:#808F16; margin:0 0 10px 0; padding:0; }
h3 a:link, h3 a:active, h3 a:visited { color:#333; text-decoration:none; }
h3 a:hover { color:#808F16; }
	
h4 { font:normal 11px/13px Arial, Helvetica, sans-serif; color:#666; margin:0 0 10px 0; padding:0; }
h4 a:link, h4 a:active { color:#333; }
h4 a:visited { color:#333; }
h4 a:hover { color:#808F16; }

h5 { font:normal 10px/10px Arial, Helvetica, sans-serif; color:#AFAFAF; margin:0; padding:0; }
h5 a:link, h5 a:active, h5 a:visited { color:#AFAFAF; }
h5 a:hover { color:#999; }

/*Start Rollover Thumbnails*/

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px medium gray;
visibility: hidden;
color: #999999;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 1px;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

/*End Rollover Thumbnails*/



/*Start Highlight and Borderize Image*/

.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: 0.8;
}

.toggleopacity img{
border: 1px solid white;
}

.toggleborder:hover img{
border: 1px solid white;
}

.toggleborder:hover{
color: red; /* Dummy definition to overcome IE bug */
}

/*End Highlight and Borderize Image*/