/* custom styles for website */
#top { height:320px; }
body { background:#fff url(../images/layout/hd-bg.png) repeat-x 0 320px;  }
#menu { float:left; width:750px; height:169px; padding-left:355px; background:transparent url(/assets/images/layout/logo.jpg) scroll no-repeat; }
#menu li { display:inline; float:left; }
#menu a { display:block; width:79px; height:169px; }
#menu a span { display:none; }
#m-about { background-image:url(../images/menu/about.jpg); }
#m-about:hover { background-image:url(../images/menu/about-hover.jpg); }
#m-gallery { background-image:url(../images/menu/gallery.jpg); }
#m-gallery:hover { background-image:url(../images/menu/gallery-hover.jpg); }
#m-prices { background-image:url(../images/menu/prices.jpg); }
#m-prices:hover { background-image:url(../images/menu/prices-hover.jpg); }
#m-sale{ background-image:url(../images/menu/sale.jpg); }
#m-sale:hover { background-image:url(../images/menu/sale-hover.jpg); }
#m-contact{ background-image:url(../images/menu/contact.jpg); }
#m-contact:hover { background-image:url(../images/menu/contact-hover.jpg); }


#bottom { position:absolute; top:320px; height:169px; }
#homecont { padding-top:190px; }


#ft { margin-top:4em; border-top:1px solid #ccc; font-size:85%; color:#999; padding:5px 10px 20px; }
#ft p { text-align:right;  line-height:1.5em; }
#ft a { color:#999; text-decoration:none; }
#ft a:hover { color:#666; }
#ft p a:hover { text-decoration:underline; }

#kb { float:left; }
#kb a { background:#fff url(../images/kb.jpg) scroll no-repeat; padding-left:50px; display:block; height:30px; }



/* hacks for various browsers */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */