* { padding: 0; margin: 0; outline: 0; }

body {
    font-size: 12px;
    line-height: 1.7;
    font-family: Verdana, Tahoma, Arial, Sans-Serif;
    color: #1e1e21;
    background: #fff url(images/bg.jpg) repeat-x center 0;
    text-align: left;
}

a img { border: 0; }
a { color: #616c0f; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }

p { margin-bottom: 20px; }
p span { color: #616c0f; }

.cl, .clear { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.center { text-align: center; }

#page { width: 830px; margin: 0 auto; position: relative; padding: 210px 100px 0; }

#logo { width: 282px; height: 116px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/logo.png) no-repeat 0 0; margin: 0 auto; }

.product { display: block; font-size: 0; line-height: 0; text-indent: -4000px; cursor: pointer; position: absolute; top: 0; }
.product:hover { background-position: 0 bottom !important; }

#permapave { width: 388px; height: 222px; background: url(images/logo-permapave-merged.png); margin: 25px auto 30px; position: relative; }
#dymonpallet { width: 227px; height: 106px; background: url(images/logo-dymonpallet-merged.png); top: 70px; left: 245px; }
#dymoncrete { width: 248px; height: 132px; background: url(images/logo-dymoncrete-merged.png); top: 50px; right: 379px; }
#lumicoat { width: 313px; height: 145px; background: url(images/logo-lumicoat-merged.png); top: 245px; left: -15px; }
#dymonrock { width: 318px; height: 194px; background: url(images/logo-dymonrock-merged.png); top: 193px; right: -15px; }

#button-contact { display: block; width: 171px; height: 73px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/button-contact-merged.png); }
#button-contact { position: absolute; top: 20px; left: 0; }
#button-contact:hover { background-position: 0 bottom !important; }

.popup { width: 674px; position: absolute; z-index: 101; }
.popup .close { display: block; font-size: 0; line-height: 0; text-indent: -4000px; position: absolute; top: -8px; right: -8px; width: 24px; height: 24px; }
.popup .close { background: url(images/popup-close.png); }
.popup .popup-top,
.popup .popup-bot { font-size: 0; line-height: 0; text-indent: -4000px; height: 14px; }
.popup .popup-top { background: url(images/popup-top.png) no-repeat 0 0; }
.popup .popup-bot { background: url(images/popup-bot.png) no-repeat 0 0; }
.popup .popup-cnt { background: url(images/popup-cnt.png) repeat-y 0 0; height: 100%; padding: 5px 22px 0 32px; }
.popup p { margin-bottom: 15px; }

#overlay {
	display: block;
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	background-color:#fff;
	filter:alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}
* html #overlay { /* ie6 hack */
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

.button-simple { display: block; width: 215px; height: 40px; line-height: 40px; padding: 3px; text-align: center; background: url(images/button.gif) no-repeat 0 0; margin: 0 auto; }
.button-simple { font-size: 14px; font-weight: bold; color: #005e31; font-family: Arial, Helvetica, Sans-Serif; text-shadow: #fff 1px 1px 3px; }
.button-simple:hover { text-decoration: none;  color: #5095ce; }

#contact { font-family: Arial, Helvetica, Sans-Serif; color: #868586; line-height: 18px; } 
#contact h2 { font-family: "Trebuchet MS", Tahoma, Arial, Sans-Serif; font-size: 20px; font-weight: normal; color: #4d921e; margin-bottom: 5px; }
#contact form { float: left; display: inline; width: 400px; }
#contact .nfo { float: right; display: inline; width: 195px; padding-left: 12px; border-left: solid 1px #cfcecc; }
#contact form .field { float: right; display: inline; margin-bottom: 5px; }
#contact form label { float: left; display: inline; line-height: 26px; margin-bottom: 5px; }
#contact form .button { border: 0; cursor: pointer; display: block; margin-left: 170px; margin-top: 10px; }
#contact form .button { width: 105px; height: 40px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/button-submit.gif); }

.field { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; color: #868586; padding: 4px 5px; width: 320px; }
.field { background: #f5f5f5; border: solid 1px #e3e3e1; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
textarea.field { height: 86px; }