/* Positions the contact form so it doesn't interfere with any other content, as well as a z-index above any other elements on the page */
#contactFormContainer
{
    position: absolute;
    left: 50%;
    margin-left: -279px;
    z-index: 1;
}

/* Hides the whole contact form until needed */
#contactForm
{
    height: 350px;
    width: 558px;
    background: rgba(45, 45, 45, 0.95) no-repeat 325px 57px;
    padding: 7px 12px;
    color: #ccc;
    display: none;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 18px;
    text-align: left;
    text-indent: 0;
    word-spacing: 0;
}

/* Loading bar that will appear while the ajax magic is happening */
.bar
{
    display: none;
    background: url(../images/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: #f5c478;
}

/* 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: #6d6d6d url(../images/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
{
    background-position: 0px -20px;
}
#contactForm textarea
{
    height: 114px;
    font-family: Verdana, Geneva, sans-serif;
}
#contactForm .submit
{
    text-transform: uppercase;
    font-weight: bold;
    padding: 7px 16px 7px 14px;
    height: 27px;
    width: 104px;
    cursor: pointer;
    float: left;
    margin-top: 250px;
    margin-left: 120px;
}
#contactForm .submit:active
{
    background: #cacaca;
}
#contactForm label
{
    padding-left: 4px;
    font-weight: bold;
}
#contactForm p
{
    padding-bottom: 8px;
}
#contactForm .input_boxes
{
    float: left; /*width: 204px;*/
}

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