html
{
    height: 100%;
}

body
{
    font-family: Arial, Helvetica, sans-serif;
    background-color: #EFF1F1;
    background-image:url('gray_jean.png');
    color: #666666;
    height: 100%;
    padding: 0;
    margin: 0;
}

.main-wrapper
{
    padding: 0 40px;
    margin: 0 auto;
    width: 940px;
    height: 100%;
    background: #fff;
    -moz-box-shadow: 0 -10px 10px 0 #333;
    -webkit-box-shadow: 0 -10px 10px 0 #333;
    box-shadow: 0 -10px 10px 0 #333;
    position: relative;
}

.non-footer
{
    min-height: 100%;
}

.main-bar
{
    padding-top: 30px;
}

.eu-logo
{
    background-image: url('data:image/gif;base64,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') /*/img/euslogo_white.gif*/;
    *background-image: url('logo.jpg'); /* For IE 6 and 7 */
    width: 228px;
    height: 34px;
    float: left;
}

.main-left
{
    float: left;
    width: 45%;
    padding-right: 5%;
}

.main-right
{
    float: left;
    width: 45%;
    padding-left: 5%;
}

.main-footer
{
    font-size: 12px;
    text-align: center;
    height: 110px;
    clear: both;
    margin-top: -110px;
}

.hr
{
    border-top: 1px solid #efefef;
    margin: 30px 0;
}

.image {
    position:relative;    
}

.image .text {
    position:absolute;
    top:10px; /* in conjunction with left property, decides the text position */
    left:10px;
    width:200px; /* optional, though better have one */
	color:lightgrey;
}