html, body {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-family: 'Arial', sans-serif;
    color: black;
    height: 100%;
}


/* -- clearfix -- */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* --- layout --- */

#mainx{
    margin-left: 300px;
    margin-top: 50px;
    padding: 0;
}

#lcolx{
    width: 210px;
    float: left;
    margin-left: -300px; /* 1px less because of older mozilla*/
    position: relative; /* keep it visible*/
    left: -1px; /* line it up exactly*/
}
#content {
    padding: 0;
    width: 450px;
}

.innerfix{
    width: 100%;
    margin-right: -1px;
    float: left;
    position: relative;
}
/*----------------------------------*/


html, body {
}

body {
    background: url(ebros_bubbles.jpg) top right no-repeat;
}

#container {
    position: relative;
    background: url(ebros_mosaik.gif) bottom left repeat-x;
}

#container { min-height: 100% } /* for none IE */
* html #container { height: 100% } /* for IE */

#spacer { height: 15px } /* just so everything lines up nicly */


#header {
    position: relative;
    top: 30px;
    height: 80px;
    overflow: hidden;
}

* html #header { /* for IE6 */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='ebros_tile.png');
}
html>body #header { /* for none IE */ 
  background: url(ebros_tile.png) top left repeat-x;
}

#header img {
    margin-left: 40px;
    margin-top: 8px;
}

#nav li {
    padding: 0;
    margin: 0;
    margin-bottom: 48px;
    display: block;
    text-align: right;
    font-weight: bold;
    color: #666;
    list-style-type: none;
}

#nav a,
#nav a:link,
#nav a:visited,
#nav a:active,
#nav a:hover {
    text-decoration: none;
    font-weight: bold;
    color: #666;
}
#nav a.active,
#nav a.active:link,
#nav a.active:visited,
#nav a.active:active,
#nav a.active:hover {
    color: #bd0000;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    padding: 0;
    color: #bd0000;
}

h1 {
    font-size: 12px;
}

p {
    line-height: 150%;
    margin: 0;
    margin-bottom: 30px;
}