@charset "UTF-8";
/* 
	Pascucci Woodwork & Design
	Author: Matt Oatley
	
*/

img, div, h1, h2, input, li, a {
	behavior: url(../images/iepngfix.htc); 
}

.clear {
	clear: both;
}

a {
	outline: none;
}

html, body {
	margin: 0px;
	width: 100%;
}

body {
	background: url(../images/bg.jpg) repeat;
}

#top {
	position: absolute;
	height: 12px;
	width: 100%;
	background: url(../images/bg_top.jpg) repeat-x;
}

#bannerBG {
	position: relative;
	width: 100%;
	min-height: 300px;
	background: url(../images/bg_banner.jpg) top center no-repeat;
}

#banner {
	position: relative;
	width: 740px;
	height: 211px;
	margin: 0px auto;
}

a#logo {
	position: absolute;
	width: 179px;
	height: 115px;
	display: block;
	background: url(../images/logo.png) no-repeat;
	top: 50px;
	left: 25px;
}

#content {
	position: relative;
	width: 740px;
	margin: 0px auto;
}

/* Navigation */


#nav {
	position: absolute;
	width: 441px;
	height: 49px;
	left: 283px;
	top: 75px;
}


#homeBG, #homeBTOn { position: absolute; left: 0px; background: transparent url(../images/nav.png) 0px -98px no-repeat; }
#aboutBG, #aboutBTOn { position: absolute; left: 101px; background: transparent url(../images/nav.png) -101px -98px no-repeat; }
#workBG, #workBTOn { position: absolute; left: 209px; background: transparent url(../images/nav.png) -209px -98px no-repeat; }
#contactBG, #contactBTOn { position: absolute; left: 324px; background: transparent url(../images/nav.png) -324px -98px no-repeat; }

a#homeBT { display: block; width: 84px; height: 49px; }
a#aboutBT { display: block; width: 91px; height: 49px; }
a#workBT { display: block; width: 97px; height: 49px; }
a#contactBT { display: block; width: 117px; height: 49px; }

a#homeBT:hover { background: transparent url(../images/nav.png) 0px -49px no-repeat; }
a#aboutBT:hover { background: transparent url(../images/nav.png) -101px -49px no-repeat; }
a#workBT:hover { background: transparent url(../images/nav.png) -209px -49px no-repeat; }
a#contactBT:hover { background: transparent url(../images/nav.png) -324px -49px no-repeat; }

#homeBTOn { background: transparent url(../images/nav.png) 0px 0px no-repeat; }
#aboutBTOn { background: transparent url(../images/nav.png) -101px 0px no-repeat; }
#workBTOn { background: transparent url(../images/nav.png) -209px 0px no-repeat; }
#contactBTOn { background: transparent url(../images/nav.png) -324px 0px no-repeat; }

#homeBTOn a:hover, #aboutBTOn a:hover, #workBTOn a:hover, #contactBTOn a:hover {
	background: none;
}

.smallHairline {
	position: relative;
	width: 241px;
	height: 2px;
	background: url(../images/small_horizontal_hairline.jpg) no-repeat;
}

.largeHairline {
	position: relative;
	width: 461px;
	height: 2px;
	background: url(../images/large_horizontal_hairline.jpg) no-repeat;
}


/* Home Page */

#webisodes {
	position: relative;
	width: 740px;
	height: 325px;
}

#whattheysaydo {
	position: relative;
	width: 740px;
	height: 52px;
	background: url(../images/whattheysaydo.jpg) no-repeat;
}

#saydoContainer {
	position: relative;
	margin: 0px 0px 60px 0px;
}
	
#whattheysay {
	position: relative;
	width: 241px;
	float: left;
	padding: 0px;
	margin: 0px 38px 0px 0px;
}

.testimonial {
	position: relative;
	padding: 0px 5px 10px 60px;
	background: url(../images/thumbs_up.jpg) 8px 12px no-repeat;
}

#whatwedo {
	position: relative;
	width: 461px;
	height: 240px;
	float: left;
}

.offering {
	position: relative;
	height: 105px;
	padding: 0px 10px 0px 100px;
}

#quality {
	background: url(../images/saw.jpg) 12px 15px no-repeat;
}

#offsite {
	background: url(../images/hammer.jpg) 12px 15px no-repeat;
}

#communication {
	background: url(../images/clamp.jpg) 12px 15px no-repeat;
}

#price {
	background: url(../images/staple.jpg) 12px 15px no-repeat;
}

/* About Us */

#aboutModule {
	position: relative;
	width: 740px;
	height: 274px;
	margin-bottom: 60px;
}

#aboutText {
	position: relative;
	width: 420px;
	float: left;
}

#aboutNav {
	position: relative;
	width: 241px;
	height: 182px;
	background: url(../images/aboutNav.jpg) no-repeat;
	margin-top: 17px;
	float: left;
	margin-right: 50px;
}

#aboutusBG, #aboutusBTOn { position: absolute; top: 0px; background: transparent url(../images/aboutNav.jpg) 0px 0px no-repeat; }
#bookcasesBG, #bookcasesBTOn { position: absolute; top: 46px; background: transparent url(../images/aboutNav.jpg) 0px -46px no-repeat; }
#mantelsBG, #mantelsBTOn { position: absolute; top: 92px; background: transparent url(../images/aboutNav.jpg) 0px -92px no-repeat; }
#builtinsBG, #builtinsBTOn { position: absolute; top: 138px; background: transparent url(../images/aboutNav.jpg) 0px -138px no-repeat; }

a#aboutusBT { display: block; width: 241px; height: 46px; }
a#bookcasesBT { display: block; width: 241px; height: 46px; }
a#mantelsBT { display: block; width: 241px; height: 46px; }
a#builtinsBT { display: block; width: 241px; height: 44px; }

a#aboutusBT:hover, #aboutusBTOn { background: transparent url(../images/aboutNav.jpg) 0px -182px no-repeat; }
a#bookcasesBT:hover, #bookcasesBTOn { background: transparent url(../images/aboutNav.jpg) 0px -228px no-repeat; }
a#mantelsBT:hover, #mantelsBTOn { background: transparent url(../images/aboutNav.jpg) 0px -274px no-repeat; }
a#builtinsBT:hover, #builtinsBTOn { background: transparent url(../images/aboutNav.jpg)  0px -320px no-repeat; }


#moreaboutus {
	position: relative;
	width: 700px;
	height: 52px;
	background: url(../images/moreaboutus.jpg) no-repeat;
	padding: 60px 15px;
}

/* Work */

#workModule {
	position: relative;
	width: 740px;
	height: 525px;
	margin-bottom: 60px;
}

#whatwedo2 {
	position: relative;
	width: 700px;
	height: 52px;
	background: url(../images/whatwedo.jpg) no-repeat;
	padding: 60px 15px;
}

/* Contact */

#contactText {
	position: absolute;
	width: 200px;
	left: 40px;
	top: 70px;
}

#contactLeft, #contactRight {
	position: relative;
	float: left;
}

#contactTemp {
	position: relative;
	width: 700px;
	height: 52px;
	background: url(../images/contactTemp.jpg) no-repeat;
	margin-left: 10px;
}

#contactForm, #contactSuccess {
	position: relative;
	width: 474px;
	height: 337px;
	display: block;
	background: url(../images/contactForm.jpg) no-repeat;
	left: 270px;
}

#contactSuccess {
	background: url(../images/contactSuccess.jpg) no-repeat;
}

form {
	margin: none;
	padding: none;
}

input, textarea {
	border: none;
	position: absolute;
	width: 180px;
	height: 18px;
	padding: 4px;	
	outline: none;
	font-size: 11px;
	color: #746d67;
	background: none;
}

#name, #email {
	top: 48px;
	left: 35px;
}

#message {
	top: 130px;
	left: 35px;
	width: 390px;
	height: 110px;
	line-height: 18px;
	font-size: 12px;
	overflow: hidden;
}

#email {
	left: 245px;
}

#submit {
	width: 45px;
	height: 23px;
	top: 276px;
	left: 394px;
	background: none;
	cursor: pointer;
}

#countdown {
	left: 400px;
	top: 225px;
}

/* Typography */

p, a, h1, h2, h3, span, ul, li {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: 100;
	font-size: 12px;
	color: #746d67;
	line-height: 15px;
}

.testimonial p {
	font-size: 11px;
}

.testimonial p span.author, .offering p span.title {
	font-size: 13px;
	color: #99ccff;
	line-height: 25px;
}

.offering p {
	line-height: 20px;
}

#about p {
	font-size: 12px;
	line-height: 20px;
}

#moreaboutus p {
	line-height: 20px;
	text-align: justify;
}

#whatwedo2 p {
	position: relative;
	width: 200px;
	float: left;
	margin-left: 0px;
	margin-right: 30px;
	font-size: 14px;
	line-height: 22px;
}

#contactText p {
	font-size: 13px;
}

#contactText a:hover {
	color: #ff6600;
}

#aboutText p {
	font-size: 12px;
	line-height: 20px;
	text-align: justify;
}