/* Hides the whole contact form until needed */	
#contactForm {
    height:289px;
    width:500px;
    text-align: left;
}   

/* Loading bar that will appear while the ajax magic is happening */
.bar{
    display:none;
    background:url(imagens/ajax-loader.gif) no-repeat center;
    margin-top:100px;
    height:40px; width:230px;
}

/* Hides the confirmation message until needed */	
#messageSent {display:none;}

/* This hides the form validation alert messages until needed */
#contactForm span { 
    display:none;
    font-size:9px;
    line-height:10px;
    padding-left:6px;
    color:#33bfd1;
}

/* Hides the darkening layer for the Modal effect. The z-index is necessary for layering purposes, and be sure to keep the positioning/height/width the same */	
#backgroundPopup{
    display:none;
    position:fixed;
    _position:absolute;
    height:100%; width:100%;
    top:0; left:0;
    background:#000;
    z-index:11;
}  

/* Form styling from here on out. There is nothing in here that you HAVE to use to get this to work */	
/*#contactForm textarea, #contactForm input {
    width:180px;
        background:#ffffff url(imagens/contact_input.png) repeat-x top;
    color:#fff;
    border:1px solid #8a8a8a;
    height:15px;
    line-height:14px;
    font-size:11px;
    padding:2px 2px 0px;
}*/
#contactForm .input-grande {
    width: 438px;
    height: 22px;
    background: url(imagens/caixa_form_grande.png) no-repeat 0px 0px;
    border: none;
    padding: 2px;
}
#contactForm .input-pequeno {
    width: 310px;
    height: 22px;
    background: url(imagens/caixa_form_pequena.png) no-repeat 0px 0px;
    border: none;
    padding: 2px;
}
#contactForm textarea {
    width:438px;
    height: 55px;
    background: url(imagens/caixa_form_texto.png) no-repeat 0px 0px;
    border: none;
    padding: 2px;
}
#contactForm .submit {
    display: block;
    color: #505050;
    border: none;
    width: 81px;
    height: 26px;
    text-decoration: none;
    text-align: center;
    background:url(imagens/botao.png) no-repeat 0px 0px;
    cursor: pointer;
    float: right;
}
#contactForm .submit:hover {
    color: white;
    background:url(imagens/botao.png) no-repeat 0px -26px;
}
#contactForm .submit:active {background:#cacaca; }
#contactForm label {}
#contactForm p {padding-bottom:8px;}
#contactForm .input_boxes {float:left; width:500px;}

#dummycontent {padding-top:100px; height:900px; position:relative;}
.bottomlink {position:absolute; bottom:0;}

.input_row{
    margin-bottom: 10px;
    width: 442px;
}

.required{
    font-size: 10px;
    margin-top: -10px;
    margin-bottom: 20px;
}