html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
body, table, td { background: #FFF; font: 13px/18px "Segoe UI", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana; color: #444 }
img {border: 0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
h1 {color: #888; font-weight: normal; font-size: 18px; line-height: 40px; border-bottom: 1px solid #CCC; text-transform: uppercase;}
h2 {color: #528d00; font-weight: normal; font-size: 18px; line-height: 36px;}
h4 {color: #777; font-weight: normal; font-size: 15px; line-height: 20px;}

img { border: 0; }

ul { margin-bottom: 18px; list-style: none outside; }
ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; }
ul.square, ul.circle { margin-left: 2em; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul ul.circle, ul ul.square { margin-top: 4px; margin-bottom: 5px; }

a {color: #528d00; text-decoration: none;}
a:hover {color: #8dc63f; text-decoration: underline;}

.iUmami {position: absolute; left: 350px; top: 310px; z-index: 5; width: 253px; height: 95px; background: url(/images/umami_logo.png) no-repeat top center;}
.background {position: absolute; top: 0px; width: 100%; min-width: 973px; z-index: 5; height: 100%; background: url(/images/bg_front.png) no-repeat center 271px;}

.page {position: relative; display: block; width: 973px; min-height: 100px; padding-top: 447px; margin: auto;}
.johannepage {position: relative; display: block; width: 973px; min-height: 100px; margin: auto;}

.toppage {position: relative; display: block; width: 973px; min-height: 100px; margin: auto;}

.featured div { text-align: center;}
.featured a h2 { font-size: 15px; }
.featured a, .featured a:hover { color: #444; text-decoration: none;}
.featured {width: 100%;border-top: 1px solid #CCC;}

.content {padding: 15px 5px;}

/* NAVIGATION BUTTONS */
#navigation { position: absolute; list-style: none; list-style-position: outside; left: 0px; top: 405px; width: 973px; height: 42px; margin: auto; z-index: 9998;}
#navigation li {display: inline; margin: 0px; padding: 0px;}
#navigation li a { float: left; height: 0px; padding-top: 41px; overflow: hidden;}
#navigation li a { background: url(/images/navigation.png) no-repeat; _background: url(/images/navigation.gif) no-repeat; }
/* NAVIGATION BUTTONS SIZE */
#navigation li#home a { width: 165px; }
#navigation li#services a { width: 170px; }
#navigation li#products a { width: 163px; }
#navigation li#portfolio a { width: 173px; }
#navigation li#store a { width: 143px; }
#navigation li#contact a { width: 159px; }
/* NAVIGATION BUTTONS NORMAL */
#navigation li#home a { background-position: 0px 0px; }
#navigation li#services a { background-position: -165px 0px; }
#navigation li#products a { background-position: -335px 0px; }
#navigation li#portfolio a { background-position: -498px 0px; }
#navigation li#store a { background-position: -671px 0px; }
#navigation li#contact a { background-position: -814px 0px; }
/* NAVIGATION BUTTONS PRESSED */
#navigation li#home a:active { background-position: 0px -42px; }
#navigation li#services a:active { background-position: -165px -42px; }
#navigation li#products a:active { background-position: -335px -42px; }
#navigation li#portfolio a:active { background-position: -498px -42px; }
#navigation li#store a:active { background-position: -671px -42px; }
#navigation li#contact a:active { background-position: -814px -42px; }
/* NAVIGATION BUTTONS OVER */
#navigation li#home a:hover { background-position: 0px -84px; }
#navigation li#services a:hover { background-position: -165px -84px; }
#navigation li#products a:hover { background-position: -335px -84px; }
#navigation li#portfolio a:hover { background-position: -498px -84px; }
#navigation li#store a:hover { background-position: -671px -84px; }
#navigation li#contact a:hover { background-position: -814px -84px; }
/* NAVIGATION BUTTONS SELECTED */
.services #navigation li#services a { background-position: -165px -126px; }
.products #navigation li#products a { background-position: -335px -126px; }
.portfolio #navigation li#portfolio a { background-position: -498px -126px; }
.store #navigation li#store a { background-position: -671px -126px; }
.contact #navigation li#contact a { background-position: -814px -126px; }

.content .sides {float: left; width: 310px; margin: 10px 0px;}
.content .middle {float: left; width: 310px; margin: 10px 13px;}
.content .middle2 {float: left; width: 640px; margin: 10px 0px 10px 13px;}
.content .middle3 {float: left; width: 640px; margin: 10px 13px 10px 0px;}
.content .middle4 {float: left; margin: 10px 13px 10px 0px;}
.content .news {position: relative; display: block; width: 900px; min-height: 100px; margin: 10px auto;}

.bordertop {border-top: 1px solid #CCC;}

.listing li { float: left; width: 24%; margin: 3px 1% 3px 0px; overflow: hidden; }
.listing2 li { float: left; width: 15%; margin: 3px 1% 3px 0px; overflow: hidden; }
.listingbottom { width: 973px; margin: auto; }
.listingbottom li { float: right; overflow: hidden; padding: 3px 5%; }
.listingbottom li.news { float: left; padding: 3px 0px; }
.listingbottom li.news div { margin: 0px 0px .5em 0px; }

.listingbottom li div.section {border-left: 3px solid #555f69; padding-left: 12px;}

.listingbottom a {color: #d0d9e3; text-decoration: none;}
.listingbottom a:hover {color: #b5ed66; text-decoration: underline;}

.listingbottom h2 {color: #ffffff;}

.footer { width: 100%; height: auto; display: block; color: #a2abb4; position: relative; bottom: 0px; background: url(/images/footersep.jpg) #3b444d repeat-x top center;}

a.button1, a.button1 span{ display: block; height: 24px; border: none; outline: none; background: url('/images/btn_1.png') no-repeat; text-decoration: none;}

a.button1{ color: #FFF; margin-right: 18px; position: relative; float: right; width: auto; padding-left: 18px; font-weight: bold; font-size: 12px; line-height: 21px; text-align: center; background-position: -18px 0px;}
a.button1 span { position: absolute; left: 100%; top: 0px; width: 18px; background-position: 0px 0px;}
a.button1:hover{background-position: -18px -24px;}
a.button1:hover span {background-position: 0px -24px;}
a.button1:active {background-position: -18px -48px;}
a.button1:active span {background-position: 0px -48px;}

.buy {float: right; padding: .4em 0px 0px 0px;}
.price {float: right;}