body {
margin:0px;
padding: 0px;
background: #611015;
color: #6d5a40;
font-family: helvetica, arial, verdana;
font-size: 1.0em;
height: 100%;
overflow: visible;
}
a
{
text-decoration: none;
}
#containerwrapper
{
position: absolute;
display: block;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
overflow: visible;
}
#container_level1
{
height: 305px;
min-width: 960px;
background: url(/i/level1bg.jpg) top left repeat-x;
z-index: 200;
}
#block_level1
{
position:relative;
margin: 0 auto 0 auto;
width:960px;
padding:0;
height: 305px;
overflow: visible;
z-index: 200;
}
#container_level2
{
min-width: 960px;
background: #fff url(/i/level2bg.jpg) top left repeat-x;
z-index: 100;
}
#block_level2
{
position:relative;
margin: 0 auto 0 auto;
width:960px;
padding:0;
/*height: 100%;*/
overflow: hidden;
z-index: 100;
}
#container_level3
{
height: 106px;
min-width: 960px;
background: url(/i/level3bg.jpg) top left repeat-x;
}
#container_level3.fixwidth960, #container_level2.fixwidth960, #container_level4.fixwidth960
{
width: 960px;
}
#block_level3
{
position:relative;
margin: 0 auto 0 auto;
width:960px;
padding:0;
height: 106px;
display: block;
}
#container_level4
{
height: 29px;
min-width: 960px;
background: url(/i/level4bg.jpg) top left repeat-x;
}
#block_level4
{
position:relative;
margin: 0 auto 0 auto;
width:960px;
padding:0;
height: 29px;
display: block;
}
#margin-top
{
position: relative;
height: 9px;
width: 960px;
display: block;
overflow: hidden;
background: url(/i/margin-top.jpg);
}
#head-left
{
position: relative;
float: left;
width: 260px;
height: 296px;
display: block;
}
#head-margin-left-home
{
position: relative;
float: left;
height: 296px;
width: 15px;
display: block;
overflow: hidden;
background: url(/i/head-margin-left.jpg) top left no-repeat;
}
#head-logo-home
{
position: relative;
float: right;
width: 245px;
height: 245px;
display: block;
background: url(/i/head-logo-home.jpg) top left no-repeat;
}
#head-logo-home h1, #head-logo-home h2, #head-logo-home h3, #head-logo-home p
{
font-size: 0.2em;
text-indent: -99999px;
-moz-outline-style: none;
-moz-outline-width: 0px;
}
#head-logo-base-home
{
position: relative;
float: right;
width: 245px;
height: 51px;
display: block;
background: url(/i/head-logo-base-home.jpg) top left no-repeat;
}

#head-right
{
position: relative;
float: right;
width: 700px;
height: 296px;
display: block;
}

#head-right-top
{
position: relative;
width: 700px;
height: 107px;
float: right;
display: block;
}
#head-right-margin-left
{
position: relative;
float: left;
height: 107px;
width: 274px;
display: block;
overflow: hidden;
background: url(/i/head-right-marg-left.jpg) top left no-repeat;
}
#main-header
{
position: relative;
float: right;
width: 426px;
height: 81px;
display: block;
background: url(/i/main-header.jpg) top left no-repeat;
}
#head-phone
{
position: relative;
float: right;
width: 426px;
height: 26px;
display: block;
background: url(/i/head-phone.jpg) top left no-repeat;
}
#head-right-lower
{
position: relative;
width: 274px;
height: 160px;
float: right;
display: block;
}
#head-lower-top-left
{
position: relative;
float: left;
width: 274px;
height: 109px;
display: block;
overflow: hidden;
background: url(/i/head-lower-top-left.jpg) top left no-repeat;
}
#head-lower-bottom-left
{
position: relative;
float: left;
width: 274px;
height:51px;
display: block;
background: url(/i/head-lower-bottom-left.jpg) top left no-repeat;
}
#head-main-img1
{
position: relative;
float: right;
width: 426px;
height: 160px;
display: block;
background: url(/i/head-main-img1.jpg) top left no-repeat;
}
#content_top_marg
{
position: relative;
width: 960px;
height: 25px;
display: block;
overflow: hidden;
}
#contentwrapper
{
position: relative;
width: 960px;
height: 100%;
display: block;
overflow: hidden;
}
#leftsidecontent
{
position: relative;
float: left;
width: 534px;
display: block;
margin: 0 0 10px 0;
}
div.mainheader
{
position: relative;
width: 534px;
height: 75px;
display: block;
margin-bottom: 15px;
}
h2.welcome
{
position: relative;
height: 0px;
width: 0px;
padding: 75px 0 0 534px;
background: url(/i/headers/welcome.jpg) top left no-repeat;
overflow: hidden;
}
#contentleft
{
position: relative;
width: 489px;
padding: 0 0 0 45px;
margin: 0 0 0 0;
text-align: justify;
}
#contentleft p, #contentright p
{
font-size: 0.9em;
line-height: 1.4em;
color: #6d5a40;
}
#contentleft a, #contentright a
{
color: #6d5a40;
font-weight: bold;
text-decoration: underline;
}
#contentleft a:hover, #contentright a:hover
{
color: #3d2a10;
}
#contentleft img.floatleft
{
padding: 0 7px 3px 0;
float: left;
}
#contentleft img.floatright
{
padding: 0 0 3px 7px;
float: right;
}
#contentleft img.bodytext
{
margin-top: 4px;
}

#rightsidecontent
{
position: relative;
float: right;
width: 426px;
display: block;
margin: 0 0 10px 0;
}
#contentright
{
position: relative;
width: 391px;
padding: 0px;
margin: 10px 0 10px 35px;
display: block;
}
div.mkt_header
{
position: relative;
display: block;
width: 356px;
height: 30px;
}
#mkt_services
{
background: url(/i/mkt_service.jpg) top left no-repeat;
}
#mkt_products
{
background: url(/i/mkt_products.jpg) top left no-repeat;
}
#mkt_menus
{
background: url(/i/mkt_menus.jpg) top left no-repeat;
}
div.mkt_header h3
{
height: 0px;
width: 0px;
overflow: hidden;
}
div.mkt_body
{
position: relative;
width: 354px;
margin: 0;
border: 1px solid #e1dcd6;
border-top: 0px;
background: url(/i/mkt_bg.jpg) top left repeat-x;
}
div.mkt_body ul
{
font-size: 0.9em;
padding: 10px 0 0 10px;
margin-left: 5px;
list-style-position: outside;
}
div.mkt_body li
{
padding: 0 0 6px 14px;
line-height: 1.2em;
width: 220px;
background: url(/i/bullet1.png) 0px 0px no-repeat;
}
div.boxmore
{
position: relative;
display: block;
height: 21px;
width: 83px;
top: 4px;
left: 267px;
}
div.boxmore a
{
position: relative;
display: block;
height: 21px;
width: 83px;
cursor: pointer;
text-indent: -99999px;
-moz-outline-style: none;
-moz-outline-width: 0;
overflow: hidden;
}
div.mkt_img
{
position: relative;
display: block;
width: 391px;
height: auto;
padding: 0;
margin: -60px 0 0 0;
}
.mkt_pumpkin
{
float: right;
padding: 0;
margin: 10px 10px 25px 0;
}
.mkt_rub
{
float: right;
padding: 0;
margin: 0 17px 20px 0;
}
.mkt_soup
{
float: right;
padding: 0;
margin: 0 5px 1px 0;
}
.mkt_pestle
{
float: right;
padding: 0;
margin: 0 0px 1px 0;
}



/*css hack for floating div layers*/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix
{
display: block;
}
* html .clearfix
{
height: 1%;
}
.clearfix
{
display: block;
}
.clear
{
clear: both;
}