﻿/* Clearfix
****************************************************************************************/
.clearfix:after
{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix
{
    display: inline-block;
}
html[xmlns] .clearfix
{
    display: block;
}
* html .clearfix
{
    height: 1%;
}

body 
{
    text-align:center;
    background: url('images/body_bg.jpg') #e5e5e5 top center no-repeat;
    font-family:Arial, Trebuchet MS, Sans-Serif;
    font-size: 14px;
    color:#6c6c6c;    
}

h1
{
    font-family: Arial, Trebuchet MS, Serif;
    font-size:1.2em;
    margin-bottom:5px;
    color:#720341;
}

p
{
    margin-bottom:5px;
    font-size:0.85em;
    line-height:1.3em;
}

li 
{
    color:#720341;
    font-size:0.95em;
    font-weight:bold;
    line-height:1.5em;
}

a 
{
    color:#6c6c6c;
}
a:hover 
{
    color:#cccccc;
}

#wrapper
{
    margin:auto;
    width:920px;
    clear:both;
    background-color:#ffffff;
    margin-top:20px;
}

#header
{
    height:120px;
    width:920px;
}

#content
{
    width:920px;
    background: url('images/main_bg.jpg') top no-repeat;
    padding:20px 0px 20px 0px;
    text-align:left;
}

#col1
{
    width:280px;
    padding-left:20px;
    float:left;
}

#col2
{
    float:left;
    width:280px;
    padding:0 20px 0 20px;
    margin-top:20px;
}

#col3
{
    float:left;
    width:280px;
    padding-left:10px;
    border-left:dotted 1px #dedede;
    margin-top:20px;
}

#footer
{
    display:block;
    margin:30px 20px 20px 20px;
    padding-top:10px;
    padding-bottom:10px;
    border-top:dotted 1px #cccccc;
}

#ref
{
    margin: 10px 20px 0 20px;
    border-top:dotted 1px #cccccc;
    padding-top:20px;
}

#ref img 
{
    margin-right:7px;
    margin-left:7px;
}


#col1 img
{
    float:left;
    margin:0px;
    padding:0px;
}

#col3 span
{
    width:280px;
    font-size:0.75em;
    float:none;
    display:block;
}

#col3 input
{
    width:270px;
    border:solid 2px #dedede;
    height:20px;
    margin: 2px 0 5px 0;
    background-color:#f4f4f4;
}

#col3 .buttonsend
{
    width:101px;
    height:28px;
    background: url('images/button.jpg') no-repeat;
    border:0px;
    float:right;
    margin-right:5px;
    color:#ffffff;
    font-size:1em;
    font-weight:bold;
    line-height:30px;
}

#col3 .buttonsend:hover
{
    background: url('images/button_hover.jpg') no-repeat;
}

#col3 textarea
{
    width:270px;
    border:solid 2px #dedede;
    margin: 2px 0 10px 0;
    background-color:#f4f4f4;
}
#footer-left
{
    width: 750px;
    float:left;
    font-size:0.7em;
    border-right:dotted 0px #cccccc;
    text-align:left;
    padding-left:10px;
}
#footer-right
{
    float:left;
    font-size:0.7em;
}


