/* MAIN STYLES */
body, html {
    font-size: 13px;
    font-family: Verdana, Tahoma, Arial, Helvetica;
    margin: 0;
    padding: 0;
    line-height: 18px;
}

:focus {
    outline: 0;
}

img{
    border: 0;
}

h1, h2, h3, ul, ul li, li, p, form{
    padding: 0;
    margin: 0;
}

div#wrapper{
    width: 1000px;
    margin: 0 auto;
}

div#wrapper div#top{
    padding-top: 30px;
}

div#wrapper div#top div#topLogo{
    float: left;
    width: 300px;
}

div#wrapper div#top div#topContent{
    float: left;
    width: 700px;
}

div#wrapper div#top div#topContent h1{
    color: #55636F;
    font-size: 34px;
    font-weight: normal;
    letter-spacing: 8px;
    padding-top: 15px;
    text-shadow: 2px 2px 2px;
}

div#wrapper div#top div#topContent p{
    margin-top: 17px;
}

div#wrapper div#menuBox{
    float: right;
    width: 300px;
    margin-top: 40px;
}

div#wrapper div#menuBox div#topMenuBox{
    background: url('../images/topMenuBox.png');
    background-repeat: no-repeat;
    height: 28px;
}

div#wrapper div#menuBox div#contentMenuBox{
    background: url('../images/middleMenuBox.png');
    background-repeat: repeat-y;
    padding-left: 10px;
    font-size: 16px;
}

div#wrapper div#menuBox div#contentMenuBox span{
    font-weight: bold;
}

div#wrapper div#menuBox div#contentMenuBox ul{
    list-style-type: none;
    margin: 5px 0 0 16px;
    color: white;
}

div#wrapper div#menuBox div#contentMenuBox ul li{
    padding: 8px 0 8px 0;
    list-style-image: url('../images/listBg.png');
}

div#wrapper div#menuBox div#contentMenuBox ul li a{
    text-decoration: none;
    color: white;
}

div#wrapper div#menuBox div#bottomMenuBox{
    background: url('../images/bottomMenuBox.png');
    background-repeat: no-repeat;
    height: 28px;
}

div#wrapper div#rightBox{
    float: right;
    width: 300px;
    margin-top: 15px;
    color: white;
    text-align: justify;
}

div#wrapper div#rightBox div#topRightBox{
    background: url('../images/topMenuBox.png');
    background-repeat: no-repeat;
    height: 28px;
}

div#wrapper div#rightBox div#contentRightBox{
    background: url('../images/middleMenuBox.png');
    background-repeat: repeat-y;
    padding: 0 10px 0 10px;
}

div#wrapper div#rightBox div#contentRightBox a{
    color: white;
    text-decoration: none;
}

div#wrapper div#rightBox div#bottomRightBox{
    background: url('../images/bottomMenuBox.png');
    background-repeat: no-repeat;
    height: 28px;
}

div#wrapper div#content{
    width: 650px;
    margin: 40px 50px 0 0;
    float: right;
}

div#wrapper div#content div#topContentBox{
    background: url('../images/topContentBox.png');
    background-repeat: no-repeat;
    height: 28px;
}

div#wrapper div#content div#middleContentBox{
    background: url("../images/middleContentBox.png") repeat-y scroll 0 0 transparent;
    float: left;
    padding: 0 15px;
    text-align: justify;
    width: 620px;
}

div#wrapper div#content div#middleContentBox p{
    margin-top: 15px;
    color: white;
}

div#wrapper div#content div#middleContentBox p a{
    color: white;
    text-decoration: none;
}

div#wrapper div#content div#middleContentBox h2{
    color: white;
    font-size: 26px;
    text-shadow: 2px 2px 2px #000000;
}

div#wrapper div#content div#middleContentBox h3{
    font-size: 17px;
    margin-top: 40px;
    text-shadow: 2px 2px 2px #FFFFFF;
}

div#wrapper div#content div#middleContentBox ul{
    color: white;
    font-size: 15px;
    text-align: left;
}

div#wrapper div#content div#middleContentBox ul#first{
    margin: 15px 0 0 15px;
}

div#wrapper div#content div#middleContentBox ul#second{
    margin: 22px 0 0 225px;
}

div#wrapper div#content div#middleContentBox ul li{
    padding-top: 8px;
}

div#wrapper div#content div#middleContentBox img#left{
    float: left;
    margin: 20px 10px 0 0;
}

div#wrapper div#content div#middleContentBox img#right{
    float: right;
    margin: 20px 20px 0 10px;
}

div#wrapper div#content div#middleContentBox img#right2{
    float: right;
    margin: 60px 20px 0 10px;
}

div#wrapper div#content div#middleContentBox div#contactData{
    float: left;
    width: 230px;
}

div#wrapper div#content div#bottomContentBox{
    background: url("../images/bottomContentBox.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 28px;
    width: 650px;
}

div#wrapper div#content div#middleContentBox div#form{
    width: 332px;
    float: left;
    margin-top: 29px;
}

div#wrapper div#content div#middleContentBox div#form div#formContainer div#formContainerWrapper div.labelName{
    width: 114px;
    float: left;
    font-size: 14px;
    font-weight: bold;
    font-family: arial,sans-serif;
    padding: 5px 0px 0px 13px;
}

div#wrapper div#content div#middleContentBox div#form div#formContainer div#formContainerWrapper div.formName{
    float: left;
    width: 194px;
    height: 27px;
    background-image: url('../images/form/bg_input_name.png');
    background-repeat: no-repeat;
    margin: 0px 0px 4px 0px;
}

div#wrapper div#content div#middleContentBox div#form div#formContainer div#formContainerWrapper div.formName input{
    background-color:transparent;
    border: 0 none;
    height: 20px;
    margin: 1px 0 0 10px;
    width: 171px;
    font-size: 11px;
}

div#wrapper div#content div#middleContentBox div#form div#formContainer div#formContainerWrapper div.labelEmail{
    width: 47px;
    float: left;
    font-size: 14px;
    font-weight: bold;
    font-family: arial,sans-serif;
    padding: 5px 0px 0px 13px;
}

div#wrapper div#content div#middleContentBox div#form div#formContainer div#formContainerWrapper div.formEmail{
    float: left;
    width: 261px;
    height: 27px;
    background-image: url('../images/form/bg_input_email.png');
    background-repeat: no-repeat;
    margin: 0px 0px 4px 0px;
}

div#wrapper div#content div#middleContentBox div#form div#formContainer div#formContainerWrapper div.formEmail input{
    background-color:transparent;
    border: 0 none;
    height: 20px;
    margin: 1px 0 0 10px;
    width: 241px;
    font-size: 11px;
}

div#wrapper div#content div#middleContentBox div#form div#formContainer div#formContainerWrapper div.labelContent{
    width: 47px;
    float: left;
    font-size: 14px;
    font-weight: bold;
    font-family: arial,sans-serif;
    padding: 5px 0px 0px 13px;
}

div#wrapper div#content div#middleContentBox div#form div#formContainer div#formContainerWrapper div.formContent{
    float: left;
    width: 261px;
    height: 112px;
    background-image: url('../images/form/bg_input_content.png');
    background-repeat: no-repeat;
}

div#wrapper div#content div#middleContentBox div#form div#formContainer div#formContainerWrapper div.formContent textarea{
    border: 0 none;
    background-color: transparent;
    margin: 5px 0px 0px 5px;
    width: 248px;
    height: 100px;
    overflow-x: hidden;
    overflow-y: auto;
}

div#wrapper div#content div#middleContentBox div#form div#formContainer div#formContainerWrapper input.sender{
    float: right;
    display: block;
    margin: 13px 12px 0px 0px;
}

div.msg{
    text-align: center;
    font-weight: 700;
    font-size: 12px;
    padding: 65px 0px 0px 0px;
}

.error{
    color: #7c0909;
}

.errorInfo{
    color: #D84444;
    margin-left: 90px;
    margin-top: 10px;
}
/* MAIN CLASSES */



/* UNIVERSL CLASSES */

.clearBoth{
    clear: both;
}