@font-face {
  font-family: 'Josefin Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Josefin Slab'), local('JosefinSlab'), url(src/font1.woff) format('woff');
}
@font-face {
  font-family: 'Josefin Slab';
  font-style: normal;
  font-weight: 600;
  src: local('Josefin Slab SemiBold'), local('JosefinSlab-SemiBold'), url(src/font2.woff) format('woff');
}
@font-face {
  font-family: 'La Belle Aurore';
  font-style: normal;
  font-weight: 400;
  src: local('La Belle Aurore'), local('LaBelleAurore'), url(src/font3.woff) format('woff');
}


body.mceContentBody { background-color:#EEE;}

html { height:200px; }
body {
/*
font-family: Arial, Helvetica, sans-serif;
font-family: 'La Belle Aurore', cursive;*/
font-family: 'Josefin Slab', serif;
font-weight: 600;

margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;}
h1,h2,h3,h4,h5,b {color:#900;}
p,center,td,li {color:#000000;}

#companyname { text-shadow:#F00 1px 1px;}

#maindiv {width:auto;z-index:5;position:relative; margin-top:-50px; height:auto;}

#waffletop{position:fixed; left:-50px; top:-50px; margin-top:-50px; z-index:-1;}

#topbodydiv {position:relative;top:60px;width:800px; height:700px; left:135px; z-index:1001;  }

#bodydiv { background-image:url(images/guilty.jpg); z-index:1;  opacity:0.8; filter:alpha(opacity=80); min-height:600px; background-color:#EEE;}

#content { position:relative; height:600px; overflow:auto; margin-top:-180px; top:-400px; padding:30px; z-index:1001;}


#logo{position:relative;left:135px; top:100px; z-index:2000;}

#waffleside {position:fixed; top:105px; left:40px; z-index:2;}

#guilty{position:absolute; margin-top:-5px; top:35px;left:-70px; z-index:300; margin-bottom:-200px;}

#logoside{position:fixed; margin-top:-5px; top:10px;left:850px; z-index:5000;}

#hrred {background: #7a3c28; height:4px; position:relative; top:-15px; border:0;}

#coname {position:relative;top:5px;left:40px; z-index:2;}


#footerdiv {position:relative;bottom:0%;left:0px; background:#e9d58c; }

#slogan {position:relative; bottom:-55px; z-index:500; left:1000px; margin-top:-224px;}


div.hr {
  height: 45px;position:relative; top:-15px; 
}
div.hr hr {
  display: none;
}



#menuu {width: 800px;
background: #000000;
float: left;
position:absolute;
margin-top:-11px;
left:0px;
height:51px;
z-index: 1000;}


#menuul {

background: #000000;
float: left;
position:relative;
left:240px;
z-index: 4000;
}

#menuul ul {
list-style: none;
margin: 0;
padding: 0;
margin-left:70px;
margin-top:20px;
width: auto;

float: left;
}

#menuul a, #menuul h2 {
font: bold 14px/16px arial, helvetica, sans-serif;
display: block;

margin: 0;
padding: 2px 3px;
}

#menuul h2 {
color: #fff;
background: #e9d58c;
text-transform: uppercase;
}

#menuul a {
color: #fff;
background: #000000;
text-decoration: none;
}

#menuul a:hover {
color: #F03;
text-decoration:underline;
background: #000000;
}

#menuul li {position: relative; left:-70px;}


#menuul ul ul {
position: absolute;
z-index: 500;
width:7em;
}

#menuul ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menuul ul ul,
div#menuul ul li:hover ul ul,
div#menuul ul ul li:hover ul ul
{display: none;}

div#menuul ul li:hover ul,
div#menuul ul ul li:hover ul,
div#menuul ul ul ul li:hover ul
{display: block;}