html { width:100%; height:100%; }
body { position:relative; min-width:982px; min-height: 100%; height: auto !important; font:normal 12px Arial, Tahoma, Verdana, Helvetica, sans-serif; color:#3e3e3e; background:#fff url(decor/bg-body.png) repeat-x; } /* fixed for IE in hacks.css */

a { text-decoration:underline; }
a:hover { text-decoration:none; }
h1 img, h2 img { display:block; }
#wrapper{background-image:url(decor/bg-yellow.png); background-repeat: repeat-x; background-position: 0 100%; padding-bottom: 120px;}
#all { position:relative; width:982px; min-height:100%; height:auto; margin:0 auto; } /* fixed for IE in hacks.css */
.content-over p, .index p{padding: 0 0 12px; line-height: 1.65 }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.header { height:172px; }

.logo { position:absolute; top:13px; left:18px; }
.slogan { position:absolute; top:60px; right:35px; width:485px; height: 30px;  background:url(decor/slogan.png) repeat-x; }
.contact {position: absolute; right: 20px; top:12px}
.contact img {position: relative; top: 4px;}
.contact span{font-size: 14px; margin:0 15px 0 5px}

/* Menu */
.menu { padding:141px 0 0 10px; }
.menu li { height:25px; float:left; font:bold 12px Arial; color:#000; }
.menu li.here { background:url(decor/bg-menu-here.gif) repeat-x; }
.menu li a { display:block; height:19px; padding:6px 12px 0; color:#000; text-decoration:none; } /* fixed for IE in hacks.css */
.menu li a:hover { color:#50a125; }
.menu li.here a, .menu li.here a:hover { color:#fff; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.content { min-height:295px; height:auto; padding:0 25px; } /* fixed for IE in hacks.css */
.second{ min-height:295px;background: url("decor/bg-content.gif") repeat-y scroll 158px 0 transparent; position: relative; top: -2px;}

.flash{height: 300px; clear: both; margin: 20px 0 40px }
.flash .left, .index .left{ width:530px; float: left; margin-right: 3px}
.flash .right, .index .right{float: left; width: 374px}
.flash .teaser{padding: 3px 10px 3px 3px; background-color: #e8e5d5; border: 1px solid #999; height: 91px; font-size: 14px; line-height: 1.25; margin-bottom: 4px}
.flash .teaser img{float: left; margin: 0 10px 5px 0}
.flash .teaser a { font:normal 18px/28px Georgia, Arial, Tahoma, Helvetica, sans-serif; color:#333;  margin: 3px 0 5px; display: block }
.flash .teaser:hover{background-color: #4f4e49; color: white}
.flash .teaser:hover a{color:white}


.index h2{font:normal 34px Georgia, Arial, Tahoma, Helvetica, sans-serif; color:#000; margin: -15px 0 12px; position: relative}
.index .left p{margin-right: 45px}
.index .bold{font-size: 14px; font-weight: bold; line-height: 1.3}
.index {width: auto; margin: 0; }

.clr{float: none; clear: both;  }

/*left sidebar*/
.left-sidebar{float: left; margin: 40px 0 50px -15px; padding-right: 5px; position: relative; width: 170px;}
.sidebar-menu{text-align: right;  margin: 0 5px 25px 0;}
.sidebar-menu li{ padding: 0 15px 10px 0; position: relative}
.sidebar-menu li.active{background: url("decor/li.gif") no-repeat 100% 3px; }
.sidebar-menu li a, .sidebar-menu li{font-size: 11px; color: #000; text-decoration: none}
.sidebar-menu li.active a, .sidebar-menu li.active{color: #669933}
.sidebar-menu li a:hover{text-decoration: underline}

.left-sidebar .teaser{background: url("decor/bg-teaser.png") no-repeat scroll 0 0 transparent; height: 115px; padding-top: 3px; text-align: center; width: 162px; }
.left-sidebar .teaser a{color:#50a125}
.left-sidebar .t2 img, .left-sidebar .t3 img{margin-bottom: 8px}

.content-over{width: 740px; float: left;  margin: 28px 0 0 25px; padding-bottom: 50px; }
.content-text{width: 455px; float: left; margin-right: 50px}
.content-over h2{font: 24px/31px Georgia, Arial, Tahoma, Helvetica, sans-serif; color:#333; margin: 2px 0 5px}
.content-over h3{font-size: 16px; color:#333; margin: 2px 0 8px; font-weight: bold}
.content-over ul{margin: 2px 0 15px; padding-left: 20px}
.content-over li{background: url("decor/li_.gif") no-repeat 0 3px; padding: 0 0 8px 15px}
.content-img{float: left; width: 220px; position: relative; margin-top: 40px}
.content-img img{margin-bottom: 20px}

img.floatRight {float: right; margin: 4px;padding-left:15px;}
img.floatRightClear { float: right; clear: right; margin: 4px; } 

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.footer {bottom: 0; height: 120px; position: absolute; width: 100%; left: 0; color:#999;font-size:11px; z-index:10 }
.footer-content { width:982px; margin:0 auto; position: relative;  top:20px}

.bottom-menu { position:relative; z-index:100; overflow:hidden;  padding: 0 0 3px 25px;}
.bottom-menu li { float:left; padding:0 25px 0 0;  color:#fff; }
.bottom-menu li a { color:#999; text-decoration:none; }
.bottom-menu li a:hover { text-decoration:underline; }

.copyright {padding-top: 25px; clear: both}
.copyright span { padding-right:25px;}


body.cold-storage #wrapper{background-image: url("decor/bg-green.png")}
body.refrigeration #wrapper{background-image: url("decor/bg-green.png")}
body.engineering #wrapper{background-image: url("decor/bg-green.png")}
body.service-and-maintenance #wrapper{background-image: url("decor/bg-green.png")}
body.gallery .content-over a{float: left; margin: 0 8px 8px 0;}
body.gallery .gallery-wrap{margin-left: 15px}

#contact-form { padding:20px 0 5px 0; }
#contact-form .row { overflow:hidden; padding-bottom:12px; } /* fixed for IE in hacks.css */
#contact-form .row2 { padding-left:135px; }
#contact-form .row3 { padding-top:20px; }
#contact-form label { display:block; width:111px; float:left; padding:2px 26px 0 0; text-align:right; }
#contact-form .row input { display:block; width:273px; float:left; padding:2px 0; background:#fff; border:1px solid #000; }
#contact-form .row2 input { cursor:pointer; }
#contact-form textarea { display:block; float:left; width:273px; height:105px; background:#fff; border:1px solid #000; }

.contact-text { padding:58px 0 0 67px; font:12px/20px Arial; color:#000; text-align:left; }
.contact-text p { padding-bottom:22px; }
.contact-text a { color:#000; }

.map {width: 500px; height: 210px; background: url("decor/map.png") no-repeat; margin-bottom: 300px; position: relative; }
.content-img .map {width: auto; margin: -50px 0 20px;}
.content-img .map.usa {background-position: -250px 0}
.map .flag {position: absolute; top: 90px}
.map h2 {position: absolute; top: 142px; font-size: 20px;  width: 200px; text-align: center;}
.map .flag.gb {left: 15px}
.map .flag.eu {left: 115px}
.map .flag.usa {left: 265px}
.map .flag.canada {left: 365px}
.map h2.eu {left: 10px}
.map h2.ac {left: 260px}

.portfolio p { padding:0 0 15px 0px; }

.portfolio-over { overflow:hidden; } /* fixed for IE in hacks.css */
.portfolio-col { width:361px; float:left; }

.porto { overflow:hidden; padding-bottom:18px; } /* fixed for IE in hacks.css */
.porto-img { width:144px; float:left; }
.porto-txt { widtH:215px; float:left; padding-top:10px; }
.porto-txt h5 { padding-bottom:8px; font:bold 16px Arial; color:#000; }
.porto-txt p { padding:0 0 1px 0; line-height:16px; }
.porto-txt a { font-weight:bold; color:#75b71f; }


a.gallery { width:225px; height:24px; margin:0px; padding:4px 5px 4px 20px; background:url(../images/enlarge_bg.jpg) no-repeat; border:0; 
font:bold 10pt Arial, Tahoma, Helvetica, sans-serif; color:#fff; text-decoration:none;}
a:hover.gallery{text-decoration:underline;}