html { width:100%; height:100%; }
body { position:relative; min-width:982px; width:100%; height:100%; font:normal 12px Arial, Tahoma, Verdana, Helvetica, sans-serif; color:#3e3e3e; background:#fff url(../images/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; }

#all { position:relative; width:982px; min-height:100%; height:auto; margin:0 auto; } /* fixed for IE in hacks.css */

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

.logo { position:absolute; top:13px; left:18px; }
.slogan { position:absolute; top:60px; right:35px; font:normal 24px Georgia, Arial, Tahoma, Helvetica, sans-serif; color:#000; }

.top-links { position:absolute; top:7px; right:1px; font:bold 11px Arial; color:#50a125; }
.top-links span { padding-right:15px; font-weight:normal; color:#000; }
.top-links a { margin-left:10px; }
.top-links a img { margin-bottom:-2px; }

a.flash-img-left { display:block; position:absolute; top:0; left:0; z-index:999;}
a.flash-img-left img { display:block; }
a.flash-img-right { display:block; position:absolute; top:0; right:0; z-index:999;}
a.flash-img-right img { display:block; }

/* Menu */
.menu { padding:141px 0 0 138px; }
.menu li { height:25px; float:left; font:bold 12px Arial; color:#000; }
.menu li.here { background:url(/images/bg-menu-here.gif) repeat-x; }
.menu li a { display:block; height:19px; padding:6px 22px 0 22px; 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; }

.flash { position:relative; height:234px; }
.flash img { display:block; }
.flash-txt { position:absolute; top:0; left:334px; width:245px; padding-top:17px; text-align:right; }
.flash-txt h2 { padding-bottom:27px; font:normal 22px/31px Georgia, Arial, Tahoma, Helvetica, sans-serif; color:#333; }
.flash-txt p { padding-right:5px; font:bold 12px/17px Arial; color:#333; }
.flash-txt a { display:block; padding-right:15px; color:#999; background:url(/images/bg-footer-li.gif) no-repeat 100% 5px; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.content { min-height:250px; height:auto; padding-bottom:261px; } /* fixed for IE in hacks.css */
.second { position:relative; overflow:hidden; min-height:250px; height:auto; background:url(/images/bg-content.gif) repeat-y 173px 0; } /* fixed for IE in hacks.css */

.left { width:174px; float:left; }
.center-over { overflow:hidden; width:808px; float:left; } /* fixed for IE in hacks.css */
.content-text { width:455px; float:left; padding:29px 20px 20px 26px; font:12px Arial; color:#3e3e3e; }
.fyffes { background:url(/images/bg-fyffes.gif) no-repeat 100% 32px; }
.content-img { width:287px; float:left; padding:15px 0; text-align:center; }

.content-text h2 { padding-bottom:25px; font:bold 18px Arial; color:#333; }
.content-text h1 { padding-bottom:6px; font:normal 22px Georgia, Arial, Tahoma, Helvetica, sans-serif; color:#3e3e3e; }
.content-text h3 { padding-bottom:15px; font:bold 14px Arial; color:#333; }
.content-text ul { padding-bottom:8px; }
.content-text li { padding:0 0 4px 27px; font-weight:bold; background:url(/images/bg-content-li.gif) no-repeat 18px 6px; }
.content-text p { padding-bottom:14px; }
.content-text a { font:bold 12px Arial; color:#50a125;padding:0px;margin:0px; }

.flash-content { padding:11px 0 20px 38px; }
.flash-content p { padding:10px 0 0 2px; font:bold 14px Arial; color:#333; }

.index-text { min-height:280px; padding:40px 400px 19px 28px; line-height:17px; background:url(/images/bg-index-text.jpg) no-repeat 100% 100%; } /* fixed for IE in hacks.css */
.index-text h1 { padding-bottom:4px; font:bold 20px/26px Arial; color:#3e3e3e; }
.index-text p { padding-bottom:6px; }

.submenu { padding:33px 10px 200px 0; text-align:right; }
.submenu h5 { padding:0 15px 22px 0; font:normal 14px Georgia, Arial, Tahoma, Helvetica, sans-serif; color:#000; }
.submenu li { padding-bottom:15px; font:11px Arial; }
.submenu li a { padding-right:16px; color:#000; text-decoration:none; background:url(/images/bg-submenu-here.gif) no-repeat 100% 3px; display:block;}
.submenu li a:hover { color:#fbab00; background:url(../images/bg-submenu-here.gif) no-repeat 100% 100%; }
.submenu li.here a, .submenu li.here a:hover { color:#74af20; background:url(/images/bg-submenu-active.gif) no-repeat 100% 4px; }

.room-diagram { position:absolute; z-index:999; bottom:10px; left:0; width:157px; height:146px; }

#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; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Portfolio page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.portfolio { padding:27px 0 20px 26px; font:12px Arial; color:#3e3e3e; }
.portfolio h1 { padding-bottom:6px; font:normal 22px Georgia, Arial, Tahoma, Helvetica, sans-serif; color:#3e3e3e; }
.portfolio h2 { padding:0 0 19px 3px; font:normal 22px Georgia, Arial, Tahoma, Helvetica, sans-serif; color:#3e3e3e; }
.portfolio p { padding:0 0 44px 5px; }

.portfolio-over { overflow:hidden; } /* fixed for IE in hacks.css */
.portfolio-col { width:381px; 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; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer { width:100%; height:492px; margin-top:-492px; background:url(/images/bg-footer.png) repeat-x; } /* fixed for IE in hacks.css */
.footer-content { width:982px; margin:0 auto; padding-top:232px; }

.thematic-blocks { position:relative; z-index:100; overflow:hidden; padding:10px 0 12px 0; } /* fixed for IE in hacks.css */
.thematic-blocks h2 { font:22px Georgia, Arial, Tahoma, Helvetica, sans-serif; color:#fff; }
.what-clients { width:327px; float:left; height:187px; background:url(/images/bg-thematic-blocks.gif) no-repeat 100% 0; }
.why-choose-mtx { width:338px; float:left; height:187px; background:url(/images/bg-thematic-blocks.gif) no-repeat 100% 0; }
.get-in-touch { width:317px; float:left; height:187px; }

.what-clients h2 { padding:25px 0 14px 102px; background:url(/images/ico-smile.gif) no-repeat; }
.why-choose-mtx h2 { padding:25px 0 14px 106px; background:url(/images/ico-fruit.gif) no-repeat; }
.get-in-touch h2 { padding:25px 0 14px 120px; background:url(/images/ico-tel.gif) no-repeat 13px 0; }

.what-clients .kav { margin:8px 0 0 29px; padding:3px 0 0 32px; background:url(/images/bg-kav.gif) no-repeat; }
.what-clients .kav2 { width:230px; padding-bottom:3px; background:url(/images/bg-kav2.gif) no-repeat 100% 100%; }
.what-clients .kav2 p { font:12px/21px Georgia, Arial, Tahoma, Helvetica, sans-serif; color:#fff; }
.what-clients .kav2 a { font:12px Arial; color:#ffea00; }

.why-choose-mtx ul { padding:11px 0 0 46px; }
.why-choose-mtx li { padding:0 0 8px 13px; background:url(/images/bg-footer-li.gif) no-repeat 0 4px; font:12px Georgia, Arial, Tahoma, Helvetica, sans-serif; color:#fff; }
.why-choose-mtx p { padding-left:59px; font:12px Arial; }
.why-choose-mtx a { color:#ffea00; }

.get-in-touch p { padding:0 0 2px 49px; font:12px Georgia, Arial, Tahoma, Helvetica, sans-serif; color:#fff; }
.get-in-touch span { font-size:18px; color:#ffea00; }
.get-in-touch a { color:#fff; }
.get-in-touch p.txt { padding-top:28px; }
.get-in-touch p.txt a { color:#ffea00; }

.bottom-menu { position:relative; z-index:100; overflow:hidden; padding:3px 0 14px 31px; } /* fixed for IE in hacks.css */
.bottom-menu li { float:left; padding:0 20px; font-size:11px; color:#fff; }
.bottom-menu li a { color:#fff; text-decoration:none; }
.bottom-menu li a:hover { text-decoration:underline; }

.copyright { position:relative; z-index:100; font-size:11px; }
.copyright span { padding:0 26px 0 46px; }

br.clear { display:block; clear:both; float:none !important; height:1px !important; font-size:1px !important; border:none; margin:0 !important; padding:0 !important; background:transparent !important; visibility:hidden !important; }

a.gallery { 
width:172px; 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;
}