/* 
CubeFlow Services v2 Theme 
Filename: index.css
Purpose: Sub-page Elements
Coded by: Syed Sameer - www.cubeflow.com
*/

/* -- Footer -- */

#footer {
width: 100%;
float: left; clear: both; 
}

/* Contact Form */

#contact-form {
float: left; width: 462px;
}

#contact-form p.heading {
background: url('../../images/pages/index/contact-us.gif') no-repeat; width: 462px; height: 28px;
text-indent: -9999px;
}

#contact-form form {
font: 12px verdana,arial,helvetica,sans-serif; line-height: 11px; color: #fff; 
}

#contact-form form input {
border: none;
width: 130px; height: 33px;
background: url('../../images/forms/contact-input.gif') no-repeat;
font: 12px verdana,arial,helvetica,sans-serif; line-height: 1.5em; color: #fff; 
padding-left: 5px; margin-top: 3px;
}

#contact-form form .submit {
width: 130px; height: 35px; padding: 0px; float: right;
}

#contact-form form label {
float: left;
}

#contact-form form textarea#enquiry {
width: 299px; height: 152px; 
background: url('../../images/forms/contact-textarea.gif') no-repeat;
border: none; padding-left: 5px;
font: 12px verdana,arial,helvetica,sans-serif; line-height: 1.5em; color: #fff; 
overflow: hidden; margin-top: 3px;
}

#contact-left {
float: left; width: 140px; margin-top: 13px;
}

#contact-right {
float: right; width: 299px; margin-top: 13px;
}

#contact .spacer {
margin-top: -14px;
}

#errorMsgFooter {
width: 75%;
float: right;
clear: both; 
padding-top: 20px;
}

label.error { 
color: #fb464a; width: 340px; float: right; line-height: 18px;
}

/* Follow us on twitter */
#twitter {
float: left; margin-left: 75px; width: 163px; 
}

#twitter p {
background: url('../../images/pages/index/follow-us-on-twitter.gif') no-repeat; width: 163px; height: 27px;
text-indent: -9999px;
}

#twitter img {
display: block; margin: 0 auto;
}

/* Our Services */
#our-services {
float: right; width: 165px; font: 10px verdana,arial,helvetica,sans-serif; color: #86a2c4; 
}

#our-services p.heading {
background: url('../../images/pages/index/our-services.gif') no-repeat; width: 166px; height: 28px;
text-indent: -9999px;
}

#our-services p.services {
margin-top: 10px; color: #86a2c4; font-size: 11px; line-height: 1.5em;
}

#our-services span {
color: #a8c7ec; font-weight: bold; font-size: 12px;
}

/* Copyright */
#copyright {
margin: 0 auto; display: block; width: 940px; text-align: center;
font: 11px verdana,arial,helvetica,sans-serif; line-height: 1.5em; color: #86a2c4; 
}

#copyright .left {
float: left; width: 350px; margin-left: 33%; font: 11px verdana,arial,helvetica,sans-serif; line-height: 1.5em; color: #86a2c4; 
}

#copyright .left a {
text-decoration: none; color: #86a2c4;
}

#copyright .left a:hover {
text-decoration: underline; color: #9ab9de;
}

#copyright .right {
float: right; 
font: 10px verdana,arial,helvetica,sans-serif; line-height: 1.5em; color: #6c7d91; 
}

#copyright a { text-decoration: underline; color: #6c7d91; }
#copyright a:hover { text-decoration: underline; color: #8193a9; }