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

/* -- Introduction Box -- */

#introduction {
width: 335px;
padding: 22px;
float: left; 
}

#introduction h2 {
width: 328px; 
height: 33px; 
background: url("../images/pages/index/introduction-heading.gif"); 
text-indent: -9999px;
}

#introduction h1 {
width: 333px; 
height: 142px;
background: url("../images/pages/index/hello.gif"); 
text-indent: -9999px;
}

#introduction img {
float: right;
margin-top: -10px;
}

/* -- Slider -- */
#slider { 
float: left; 
width: 480px; 
height: 272px;
margin-left: 20px; 
margin-top: 22px;
}

#wrapSlider {
	height: 272px;
	position: relative;
	width: 480px;
}
#showSlider {
	margin-left: 20px;
}
#prevBtn {
	background: transparent url('../images/buttons/prevbtn.png') 0 0 no-repeat;
	cursor: pointer;
	display: block;
	height: 44px;
	left: 0;
	position: absolute;
	top: 110px;
	text-indent: -9999px;
	width: 44px;
	z-index: 10;
}
#nextBtn {
	background: transparent url('../images/buttons/nextbtn.png') 0 0 no-repeat;
	cursor: pointer;
	display: block;
	height: 44px;
	position: absolute;
	right: 0;
	top: 110px;
	text-indent: -9999px;
	width: 44px;
	z-index: 10;
}
.caption {
width: 441px; 
height: 30px; 
position: absolute; 
top: 233px;
background: transparent url('../images/backgrounds/slidercaption.png');
font: 11px verdana,arial,helvetica,sans-serif; color: #fff; padding: 5px;
}

#slider a:link, a:visited {
color: #fff; text-decoration: underline;
}

/* -- Services -- */

#services-desc {
float: left; 
clear: both;
height: 255px; width: 100%;
margin-top: 1px; 
padding-top: 15px;
font: 12px verdana,arial,helvetica,sans-serif; line-height: 20px; color: #444; 
}

#services-1 {
width: 286px; float: left;
}

#services-desc p.text {
margin-top: 10px; margin-left: 3px; text-align: justify; 
}

.services-1 {
background: url('../images/pages/index/what-do-we-do.gif') no-repeat; width: 286px; height: 62px;
text-indent: -9999px; 
}

#services-2 {
width: 286px; float: left; margin-left: 40px;
}

.services-2 {
background: url('../images/pages/index/why-choose-us.gif') no-repeat; width: 285px; height: 61px;
text-indent: -9999px; margin-top: 1px;
}

#services-3 {
width: 286px; float: left; margin-left: 40px;
}

.services-3 {
background: url('../images/pages/index/how-is-our-work.gif') no-repeat; width: 286px; height: 62px;
text-indent: -9999px; margin-top: 1px; 
}


/* -- 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; line-height: 1.5em; 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;
}

#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%;
}

#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; }