#contactFormContainer {
position:absolute;
top:0;right:0;
z-index:25;
}

/* Hides the whole contact form until needed */
#contactForm {
position:relative;top:0;
height:460px;width:282px;
background:transparent url('../images/c_back.png') repeat-y 0 0;
padding:7px 0px;
color:#fff;
display:none;
text-align:left;
z-index:5;
}   

/* 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:525px;
}

/* 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:#f30;
}

/* Some styling for the contact button */
#contactFormContainer .contact {
height:97px;width:282px;
background:url('../cs_img/c_tab.png'); 
position:relative;
left:0px; bottom:0px;
cursor:pointer;
}

/* 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:245px; 
background:#755d5d; 
color:#fff; 
border:1px solid #acacac; 
height:25px; 
line-height:14px; 
font:14px/18px 'Helvetica', helvetica, arial, sans-serif; 
padding:2px 2px 0px;
}
#contactForm input {background-position:0px -20px;}
#contactForm textarea {height:90px;}
#contactForm .submit {
display:block;
background:transparent url('../images/c_submit.png') 0 0 no-repeat; 
text-transform:uppercase;
padding:12px 16px 12px 14px; 
height:70px;width:164px; 
cursor:pointer; 
float:right;
border:none;
color:transparent;
margin:10px 80px 0 0;
}
#contactForm .submit:active {background:transparent; }
#contactForm label {padding-left:4px; font-weight:bold;}
#contactForm p {padding:4px 5px;color:#fff;width:260px;margin:0 0 0 10px;}
#contactForm .input_boxes {float:left; width:204px;}

.bottomlink {position:absolute; bottom:0;}