/*
Author: Jordan Hilario
Author URI: http://72dpiCreative.net/
*/


/* header */
#header {
	background: url(../images/curvy-header-work.gif) bottom left repeat-x;
	padding: 50px 0 65px 0;
}

.headerContent {
	width: 930px;
	margin: 0 auto;
	border-bottom: 1px solid #ededed;
	padding: 0 0 38px 0;
}
.headerContent h1 {
	width: 304px;
	height: 70px;
	background: url(../images/jordan-hilario-web-designer-manila.gif) no-repeat;
	text-indent: -6000px;
	float: left;
}
.headerContent ul {
	margin: 0;
	padding: 26px 0 0 0;
	width: 430px;
	float: right;	
}
.headerContent li {
	float: right;
	list-style-type: none;
	margin: 0 0 0 26px;
}


a.work {
	width: 77px;
	height: 19px;
	background: url(../images/nav-work.gif) no-repeat;
	text-indent: -6000px;
	display: block;
}
a.work:hover {
	background: url(../images/nav-work-on.gif) no-repeat;
}
a.services {
	width: 116px;
	height: 19px;
	background: url(../images/nav-services.gif) no-repeat;
	text-indent: -6000px;
	display: block;
}
a.services:hover {
	background: url(../images/nav-services-on.gif) no-repeat;
}
a.contact {
	width: 124px;
	height: 19px;
	background: url(../images/nav-contact.gif) no-repeat;
	text-indent: -6000px;
	display: block;
}
a.contact:hover {
	background: url(../images/nav-contact-on.gif) no-repeat;
}

#header h2 {
	width: 706px;
	height: 53px;
	margin: 0 auto;
	background: url(../images/corporate-smart-websites.gif) no-repeat bottom center;
	text-indent: -6000px;
	padding: 53px 0 0 0;
	display: block;
}


/* work */
#work {
	background: url(../images/bg-work.gif);
	padding: 62px 0 58px 0;
}

#work ul {
	margin: 0;
	padding: 0;
	width: 930px;
	margin: 0 auto;
}
#work li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	width: 310px;
	height: 200px;
}


#curvyWork {
	height: 40px;
	background: url(../images/curvy-work-services.gif) repeat-x;
}

#like {
	width: 134px;
	height: 98px;
	background: url(../images/like-what-you-see.gif) no-repeat;
	z-index: 10px;
	left: 0;
	top: -50px;
	margin: 0 0 0 96px;
	position: relative;
}


/* services */
#services {
	background: url(../images/bg-services.gif);
	padding: 50px 0 55px 0;
}

.servicesContent {
	width: 930px;
	margin: 0 auto;
}
.servicesContent h2 {
	width: 118px;
	height: 19px;
	background: url(../images/services.gif) no-repeat;
	text-indent: -6000px;
	margin: 0 0 50px 0;
}

.design {
	width: 244px;
	float: left;
	margin: 0 90px 0 0;
	color: #767676;
}
.design h3 {
	height: 19px;
	background: url(../images/web-ui-design.gif) no-repeat;
	margin: 0 0 24px 0;
	text-indent: -6000px;
}

.development {
	width: 250px;
	float: left;
	margin: 0 92px 0 0;
	color: #767676;
}
.development h3 {
	height: 19px;
	background: url(../images/xhtml-css-dev.gif) no-repeat;
	margin: 0 0 24px 0;
	text-indent: -6000px;
}

.wordpress {
	width: 250px;
	float: left;
	margin: 0;
	color: #767676;
}
.wordpress h3 {
	height: 19px;
	background: url(../images/wordpress.gif) no-repeat;
	margin: 0 0 24px 0;
	text-indent: -6000px;
}

#curvyServices {
	height: 40px;
	background: url(../images/curvy-services-contact.gif) repeat-x;
}


/* testimonial */
#fadeTesti {
    height: 300px;
    overflow: hidden;
    position: relative;
}

#fadeTesti div{
    position: absolute;
    top: 0px;
    left: 0px;
    width:300px;
    display:none;
}


/* footer */
#footer {
	background: url(../images/bg-contact.gif);
	padding: 50px 0 55px 0;
}

.footerHolder {
	width: 930px;
	margin: 0 auto;
}

#contact {
	width: 515px;
	float: left;
}
#contact h2 {
	height: 21px;
	background: url(../images/contact.gif) no-repeat;
	text-indent: -6000px;
	margin: 0 0 36px 0;
}
#contact input {
	width: 231px;
	height: 38px;
	background: url(../images/bg-field.gif) no-repeat;
	border: 0;
	color: #808080;
	padding: 0 0 0 12px;
	margin: 0 14px 12px 0;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#contact textarea {
	width: 477px;
	height: 88px;
	background: url(../images/bg-textarea.gif) no-repeat;
	border: 0;
	padding: 12px;
	color: #808080;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	clear: both;
	margin: 0 0 12px 0;
}
#contact input.btn {
	width: 243px;
	height: 38px;
	padding: 0;
}
#contact label.error { 
	display:none; 
	width:0px; 
}
#contact input.error { 
	color: #ff9898; 
}



#testimonials {
	width: 310px;
	float:right;
}
#testimonials h2 {
	height: 21px;
	background: url(../images/testimonials.gif) no-repeat;
	text-indent: -6000px;
	margin: 0 0 30px 0;
}
#testimonials blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #ffffff;	
	font-style: italic;
	padding: 0 0 30px 0;
}
#testimonials p {
	color: #e5e5e5;
}
#fadeTesti {
	background: url(../images/bg-contact.gif) #a99d94;
}