#background_container { position: absolute; top:0; left:0; }
#background { position:fixed; top: 0px; left: 0px; overflow:hidden; }
* html #background {position:absolute;}

#page { position: absolute; top:0; left:0; width: 100%; height: 100%; min-height: 600px; z-index: 10;}

#menu, #menubar { position: absolute; margin:0; width: 100%; height: 238px; left: 0px; }

body {
	color:#f1dfb8;
	font-size: 10px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

#container { position: absolute; top:0; left:0; width: 100%; }

/*
#header {margin-bottom: 3em;}
html>body #header {margin-bottom: 1em;}
*/

#content {
	width: 960px;
	margin: 0 auto;
}

#contentSpacer {
	height: 240px;
	display:block;
}
#splash {
	height: 326px;
	width: 540px;
	background: url(images/splash.png) bottom right no-repeat;
}

.fRight {
	float: right;
}

#header {
	width: 960px;
	height: 238px;
	margin: 0 auto;
}

#navlist { position: absolute; bottom: 0px; }

#navlist
{
	padding-left: 0;
	margin-left: 0;
	float: left;
	height: 25px;
	margin-left: 50px;
	margin-bottom: 14px;
}

#navlist li { display: inline; }

#navlist li a
{
	display: block;
	float: left;
	height: 14px;
}
#navlist li span
{
	display: block;
	float: left;
	height: 14px;
	text-indent: -9000px;
}

#navlist li a:hover, #navlist li .active { background-position: 0px -14px; }

#navlist li div {
	display: block;
	float: left;
	height: 14px;
	width: 20px;
	background: url(images/nav/navSpacer.png) 0 0 no-repeat;
}

#approach a { background-position: 0px 0px; background-image: url(images/nav/approach.png); background-repeat: no-repeat; width: 81px; }
#chatter a { background-position: 0px 0px; background-image: url(images/nav/chatter.png); background-repeat: no-repeat; width: 73px; }
#contact a { background-position: 0px 0px; background-image: url(images/nav/contact.png); background-repeat: no-repeat; width: 74px; }
#portfolio a { background-position: 0px 0px; background-image: url(images/nav/portfolio.png); background-repeat: no-repeat; width: 85px; }
#services a { background-position: 0px 0px; background-image: url(images/nav/services.png); background-repeat: no-repeat; width: 70px; }


#subNav {
	margin-right: 18px;
	float:left;
}

#subnavList
{
	float: left;
	padding-left: 0;
	margin-left: 0;
	margin-top: 1px;
	list-style: none;
}

#subnavList li
{
	clear: both;
}

#subnavList li a
{
	display: block;
	float: right;
	height: 14px;
	margin-bottom: 10px;
	text-indent: -9000px;
}

#subnavList li a:hover, #subnavList li .active { background-position: 0px -14px; }

#subnavList li div {
	display: block;
	float: right;
	height: 14px;
	width: 20px;
	background: url(images/nav/navSpacer.png) 0 0 no-repeat;
}

h2 {
	margin-bottom: 10px;
	text-transform: uppercase;
	font-size: 12px;
}

#main {
	margin-left: 52px;
	padding-top: 10px;
	padding-bottom: 10px;
	background: url(images/TransparentBar.png) 0 0 repeat;
}

#mainSpacer {
	height: 280px;
	display:block;
}

#innerContent {
	letter-spacing: 0.1em;
	line-height: 18px;
	overflow: auto;
	position: relative;
}

#innerContent p {
	clear: both; margin-bottom: 15px;
}

#bulletList, .bList {
	list-style-type: disc;
	list-style: disc;
	margin-left: 5px;
	padding-left: 25px;
	margin-top: 4px;
	margin-bottom: 4px;
}

.sList {
	list-style-type: square;
	list-style: square;
	margin-left: 5px;
	padding-left: 10px;
	margin-top: 4px;
	margin-bottom: 4px;
}

#bulletList li {
	margin-bottom: 15px;
}


#innerContent a {
	color:#f1dfb8;
	font-size: 10px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-style: italic;
	text-decoration: none;
}

#innerContent a:hover {
	text-decoration: underline;
}


/* * * * * * * * * * * * *
*
* #approachSection
*
* * * * * * * * * * * * */

#bio a { background-position: 0px 0px; background-image: url(images/nav/approach/bio.png); background-repeat: no-repeat; width: 32px; }
#beliefs a { background-position: 0px 0px; background-image: url(images/nav/approach/beliefs.png); background-repeat: no-repeat; width: 57px; }

#approachSection #main {
	display: block;
	height: 230px;
	width: 610px;
}
#bioSection #main {
	display: block;
	height: 320px;
	width: 590px;
}
#beliefsSection #main {
	display: block;
	height: 280px;
	width: 580px;
}

#bioSection #subNav, #beliefsSection #subNav, #approachSection #subNav {
	width: 82px;
}

#approachSection #innerContent {
	width: 490px;
	height: 325px;
}

#bioSection #innerContent, #beliefsSection #innerContent {
	width: 475px;
	height: 325px;
}


/* * * * * * * * * * * * *
*
* #chatterSection 
*
* * * * * * * * * * * * */

#testimonials a { background-position: 0px 0px; background-image: url(images/nav/chatter/testimonials.png); background-repeat: no-repeat; width: 112px; }

#testimonialsSection #subNav, #chatterSection #subNav {
	width: 138px;
}


#chatterSection .uLink {
	text-decoration: underline;
}

#chatterSection #main {
	display: block;
	height: 215px;
	width: 640px;
}

#chatterSection #innerContent {
	width: 470px;
	height: 215px;
	overflow: hidden;
}

#testimonialsSection #main {
	display: block;
	height: 330px;
	width: 640px;
}

#testimonialsSection #innerContent {
	width: 470px;
	height: 320px;
}


/* * * * * * * * * * * * *
*
* #servicesSection
*
* * * * * * * * * * * * */

#residential a { background-position: 0px 0px; background-image: url(images/nav/services/residential.png); background-repeat: no-repeat; width: 93px; }
#full-service a { background-position: 0px 0px; background-image: url(images/nav/services/full-service.png); background-repeat: no-repeat; width: 86px; }
#packaged-design a { background-position: 0px 0px; background-image: url(images/nav/services/packaged-design.png); background-repeat: no-repeat; width: 123px; }
#commercial a { background-position: 0px 0px; background-image: url(images/nav/services/commercial.png); background-repeat: no-repeat; width: 97px; }

#servicesSection #main {
	display: block;
	width: 600px;
	height: 300px;
}

#residentialSection #main {
	display: block;
	width: 520px;
	height: 250px;
}

#full-serviceSection #main {
	display: block;
	width: 600px;
	height: 330px;
}

#full-serviceSection ol {
	list-style-type: decimal;
	margin-top: 0; margin-bottom: 0;
	margin-left: 20px;
}

#packaged-designSection #main {
	display: block;
	width: 630px;
	height: 330px;
}

#commercialSection #main {
	display: block;
	width: 600px;
	height: 330px;
}

#servicesSection #subNav, #full-serviceSection #subNav, #packaged-designSection #subNav, #residentialSection #subNav, #commercialSection #subNav {
	width: 150px;
}

#servicesSection #innerContent {
	width: 420px;
	height: 320px;
}

#residentialSection #innerContent {
	width: 340px;
	height: 280px;
}

#full-serviceSection #innerContent {
	width: 420px;
	height: 320px;
}

#packaged-designSection #innerContent {
	width: 450px;
	height: 320px;
}

#commercialSection #innerContent {
	width: 420px;
	height: 320px;
}

#packaged-designSection .uLink, #full-serviceSection .uLink {
	text-decoration: underline;
}





/* * * * * * * * * * * * *
*
* #contact 
*
* * * * * * * * * * * * */

#get-started a { background-position: 0px 0px; background-image: url(images/nav/contact/get-started.png); background-repeat: no-repeat; width: 96px; }
#questionnaire a { background-position: 0px 0px; background-image: url(images/nav/contact/questionnaire.png); background-repeat: no-repeat; width: 117px; }

#get-startedSection #subnav, #contactSection #subNav, #questionnaireSection #subNav {
	width: 140px;
}


#contactSection #main {
	display: block;
	height: 310px;
	width: 620px;
}

#contactSection #innerContent {
	overflow: hidden;
	width: 450px;
	height: 300px;
}


#get-startedSection #main {
	display: block;
	height: 560px;
	width: 888px;
}

#get-startedSection #innerContent {
	height: 560px;
	width: 600px;
}

#questionnaireSection #main {
	display: block;
	height: 610px;
	width: 888px;
}

#questionnaireSection #innerContent {
	overflow: hidden;
	height: 600px;
	width: 720px;
}

#get-startedSection .uLink, #contactSection .uLink {
	text-decoration: underline;
}

#get-startedSection .bigger {
	clear: both;
	font-size: 12px;
}

#contactSection strong {
	clear: both;
	font-size: 12px;
	font-weight: bold;
}

#questionnaireSection input.submitButton {
	display: block;
	background-color: #fce2ae;
	border: 0px;
	height: 1.5em;
	font-size: 1.4em;
	color: #000;
	font-weight: bold;
}

#questionnaireSection input.textentry {
	display: block;
	background-color: #fce2ae;
	border: 0px;
	height: 1.5em;
	font-size: 1.4em;
	color: #444;
}

#questionnaireSection #Comments {
	background-color: #fce2ae;
	border: 0px;
	font-size: 1.4em;
	color: #444;
	width: 320px;
}

#questionnaireSection select {
	display: block;
	background-color: #fce2ae;
	border: 0px;
	height: 1.5em;
	font-size: 1.4em;
	color: #000;
}

#questionnaireSection input.fullwidth {
	width: 320px;
}

.submitHolder {
	width: 322px;
}

.mostwidthHolder {
	margin-left: 20px;
}

input.mostwidth {
	width: 300px;
}

#questionnaireSection label {
	display: block;
}

.fTD {
	width: 330px;
}

.sTD {
	width: 20px;
}

.hInputs {
	width: 330px;
}		

.hInputs td {
	margin-right: 10px;
}

.hInputs label {
	margin-right: 10px;
}

.hInputs #City, .hInputs #ProjectCity {
	width: 160px;
}

.hInputs #State, .hInputs #ProjectState {
	width: 80px;
}

.hInputs #Zip,.hInputs #ProjectZip {
	width: 50px;
}

html>body .hInputs #City, html>body .hInputs #ProjectCity {
	width: 170px;
}


td.boxHolder {
	width: 30px;
	height: 22px;
}

td.textHolder {
	height: 22px;
	line-height: 22px;
}

.smaller {
	font-size: 8px;
}


/* * * * * * * * * * * * *
*
* #portfolioSection 
*
* * * * * * * * * * * * */

#before-after a { background-position: 0px 0px; background-image: url(images/nav/portfolio/before-after.png); background-repeat: no-repeat; width: 118px; }
#finished-projects a { background-position: 0px 0px; background-image: url(images/nav/portfolio/finished-projects.png); background-repeat: no-repeat; width: 140px; }

#portfolioSection #subNav {
	width: 165px;
}

#portfolioSection #main {
	display: block;
	height: 55px;
	width: 860px;
	background: none;
/* background-color: #c00; */
}

#portfolioSection #innerContent {
	height: 55px;
	width: 856px;
	overflow: hidden;
/* background-color: #c0C; */
}

#portfolioSection strong {
	clear: both;
	font-size: 12px;
	font-weight: bold;
}

#before-afterSection #subNav {
	width: 165px;
/* 	clear: both; */
}

#before-afterSection #main {
	display: block;
	height: 55px;
	width: 860px;
	background: none;
}

#before-afterSection #innerContent {
	height: 55px;
	width: 856px;
	overflow: hidden;
}

.flashIndent {
	margin-left: 50px;
}


/* * * * * * * * * * * * *
*
* #check boxes
*
* * * * * * * * * * * * */

.jquery-checkbox       {display: inline; font-size: 20px; line-height: 20px; cursor: pointer; cursor: hand;}
.jquery-checkbox .mark {display: inline;}

.jquery-checkbox img {vertical-align: middle; width: 25px; height: 22px;}
.jquery-checkbox img{background: transparent url(images/checkbox.png) no-repeat;}

.jquery-checkbox img{
	background-position: 0px 0px;
}
.jquery-checkbox-hover img{
	background-position: 0px -22px;
}
.jquery-checkbox-checked img{
	background-position: 0px -44px;
}
.jquery-checkbox-checked .jquery-checkbox-hover img {
	background-position: 0px -66px;
}

.jquery-checkbox-disabled img{
	background-position: 0px -88px;
}
.jquery-checkbox-checked .jquery-checkbox-disabled img{
	background-position: 0px -110px;
}



/* * * * * * * * * * * * * * * * * * * * *
* Form Validation
* * * * * * * * * * * * * * * * * * * * */
.validation-failed { /* for textboxes, textareas, passwords */
/* 	background-color: #f07d77; */
}

.validation-failed-cr { /* for checkboxes and radios */

}

.validation-failed-sel { /* for selects */
/* 	background-color: #f07d77; */
}

.validation-passed { /* for textboxes, textareas, passwords */
/* 	background-color: #69f95a; */
}

.validation-passed-cr { /* for checkboxes and radios */

}

.validation-passed-sel { /* for selects */
/* 	background-color: #69f95a; */
}


.smallText {
	font-size: 10px;
	float:right;
}

.copyright {
	color: #2d261f; 
	padding-left: 20px;
	display: block;
	text-indent: 30px;
	font-weight: bold; 
	line-height: 20px;
	margin-bottom: 20px;
	}
	
.bioimage { float: left; display: inline !important; margin: 0px 20px 10px 0px;}
/*.bio p { display: inline; }*/