/* reset styles */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-style:normal;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* end reset styles */





/* general site */
	html, body {
		background-color: #272727;
		width:100%;
		height:100%;
		margin:0 0;
		line-height: 1.5;		
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #DAC2A9;	
	}
	#container {
		margin-left:auto;
		margin-right:auto; /* Sets the right margin to zero. To match left margin */
		width:960px; /* Sets the width of the middle "content" */
	}
	#header {
		clear:both;
		text-align:center;
		background-image: url(../images/nav/band_chisel.jpg);
		background-repeat: repeat-x;
		text-align:left; /* IE hack, forces left align on #header*/
		height:148px;
		width:100%;
	}
	#header img {
		margin-left:10px;
	}
	#navcontainer {
		position:absolute;
		top:148px;
		left:10px;
		float:left;
		clear:left;
		width:215px;
		background-color:#444343;
		font-size:.9em;
		letter-spacing:.05em;
		margin:20px 0px;
		padding-top:15px 15px;
		-webkit-border-radius: .6em;	
		-moz-border-radius: .6em;
		/*background-image:url(../images/nav/nav_chisel_bottoms.jpg);
		background-position:bottom left;
		background-repeat:no-repeat;
		padding-bottom:100px; */
			
	}
	.navlist {
		list-style:none;
	}
	.navlist li {
		padding:5px 8px;
		font-size:1.4em;
		white-space:nowrap;
	}
	.navlist li a {
		text-decoration:none;
		color: #DAC2A9;	/*color:#ccc; */
		padding:0 23px;
		height:100%;
		width:100%;
		font-weight:normal;
		
	}
	.home .navlist li a#home_bt, 
	.carriagedoors .navlist li a#carriagedoors_bt, 
	.slidingdoors .navlist li a#slidingdoors_bt, 
	.entrydoors .navlist li a#entrydoors_bt, 
	.doordetails .navlist li a#doordetails_bt, 
	.gallery .navlist li a#gallery_bt, 
	.doordesigns .navlist li a#doordesigns_bt, 
	.hardware .navlist li a#hardware_bt, 
	.openers .navlist li a#openers_bt, 
	.articles .navlist li a#articles_bt, 
	.faq .navlist li a#faq_bt, 
	.about .navlist li a#about_bt,
	.contact .navlist li a#contact_bt, 
	.mancaves .navlist li a#mancaves_bt, 
	.architects .navlist li a#architects_bt { /* active */
		background-image: url(../images/nav/woodchip.jpg);
		background-position: center left;
		background-repeat: no-repeat;
		padding:0px 23px;
		color: #ffc;
	}
	.navlist li a:hover { /* hover */
		color: #ffc;
		text-decoration: underline;
		background-image: url(../images/nav/woodchip.jpg);
		background-position: center left;
		background-repeat: no-repeat;
		padding:0px 23px;
	}
	.navlist h3 {
		padding-left: 32px;
	}
	.navlist hr {
		padding:0 0;
	}
	ul.subnavlist li {
		font-size:0.7em;
		line-height:1em;
	}
	p.navannounce img {
		margin-left: 32px;
		margin-bottom:20px;
	}
	
	#searchcontainer {
		background-color:#444343;
		font-size:.9em;
		-webkit-border-radius: .6em;
		float:right;
		padding:2px 2px;
		margin-right:3%;
	}
	#searchcontainer input#q {
		width:200px;
	}
		form#cse-search-box{
			margin:10px;
			padding:0;
		}
		div#cse-search-results iframe{
			height: 980px;
			width:90%;
			background:#363636;
			margin:0 20px 20px 0;
			padding:20px;
		}
		iframe.map {
			width:480px;
			height:425px;
		}
	#contentwrap {
		float:left;
		/*margin-top: 55px;*/
		margin: 20px auto;
		text-align: left;
		width:100%;
	}
	#contentwrap2 {
		padding-left:250px;  /* set start of main content from left, don't make skinnier, */
		padding-right:50px;
	}
	#footer {
		padding: 4px 0px 4px 0px;
		line-height: 24px;
		background-color:#333333;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:0.85em;
		clear:both;
		text-align:center;

	}
	p.cta {
		font-size: 1.5em;
		font-weight: bold;
		font-family:Georgia, "Times New Roman", Times, serif;
	}
	p.ctasm {
		font-weight: bold;
		font-size: 1.0em;
	}
	#header_image_print  { /* hides print header from screen */
		display:none !important;
	}

/* Headings & Paragraphs */
	h1 {
		font-size:1.5em;
		color: #FFCC99;
		margin: 0 0 0.5em 0;
		padding: 0 0;
		letter-spacing:.05em;
		font-weight: normal;
		overflow:visible;
	}
	h2 {
		font-size: 1.1em;
		color: #FFCC99;
		margin: 0 0 0 0;
		letter-spacing:.05em;
		font-weight: normal;
		clear:left; /*fixes problems with h2 text coming up on divs */
	}
	h3 {
		font-size: 1em;
		color: #DAC2A9;
		font-style:italic;
		font-weight: normal;
		clear:left; /*fixes problems with h2 text coming up on divs */
	}
	h4 {
		color: #DAC2A9;
		font-size:16px;
		font-weight: normal;
		clear:left; /*fixes problems with h2 text coming up on divs */
	}
	p {
		color: #DAC2A9;
		font-size: 0.95em;
		margin-bottom: 1em;
		clear:left; /*fixes problems with p text coming up on .gallery divs */
		margin: 0 0 0.83em 0;
	}
	hr {
		border:none;
		border-bottom: 1px solid #FADDA3;
		clear:left;
		padding:15px 0;
	}
	hr.space {
		margin:;
	}
	br.extraspace {
		margin-top:5px;
	}
	em {
		font-style:italic;
	}
/* Links */
	a:link {
	text-decoration:underline;
	color: #EFC68D;
	}
	a:visited {
	color: #EFC68D;
	}
	a:hover	{
	text-decoration:none;
	color: #EFC68D;
	}	
	a:active {
	text-decoration:underline;
	color: #EFC68D;
	}
	
/* Images */
	img {
	display: block; /* makes images not inline by default */
	border:0px;
	}
	#nav img {
		float:left; /* makes nav images float next to each other in a row */
	}
	.interest {
		border: 1px dashed white;
	}
	/* Gallery image Format (float left) */
	.igallery {
		display:block;
		width:auto;
		height:auto;
		clear:right;

	}
	.igallery img {
		float: left;
		margin-bottom: 10px;
		margin-right: 10px;
		border: 10px solid #666666;
	}	
	p img {
		padding: 0;
		max-width: 100%;
		}
	img.centered {
		display: block;
		margin-left: auto;
		margin-right: auto;
		}
	img.alignright {
		padding: 0px;
		margin: 0 0 2px 20px;
		display: inline;
		float:right;
		}
	img.alignleft {
		margin: 0 20px 2px 0;
		display: block;
		float:left;
		}
	.alignright {
		float: right;
		}
	.alignleft {
		float: left
		}
	p.alignleft {
		float:left;
		clear:none;
	}
	img.title {
		padding-bottom:8px;
	}
	img.float {
		float:left;
		margin-right:10px;
	}
	.small_caption {
		display:block;
		float:left;
		clear:both;
		font-size:.75em;
		font-style:italic;
		margin-top: -10px;
	}
	.photo_caption {
		font-weight:bold;
	}
	.imgblock {
		float:left;
		padding-bottom:25px;
	}
	
	
/* Begin Lists */
	ol.alpha {
		list-style-type: upper-alpha;
		margin-left:20px;
		}
	ol.decimal {
		list-style-type: decimal;
		margin-left:20px;
	}
	ul.quicknav {
		font-size:.78em;
	}
		ul.quicknav li {
			float:left;
			padding-right:6px;
		}

/* Begin Forms */
	fieldset {
		border:1px solid #CCCCCC;
		padding:1em 1em;
		background-color: #363636;
		position:relative;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		margin: 0 0 25px 0;
		}
	fieldset textarea, fieldset legend, fieldset label {
		font-size: 1.0em;
	}
	fieldset select, fieldset input {
		font-size: 0.8em;
	}
	form {
		width:100%;
		float:left;
		clear:both;
		margin:2em 0em;
		}
	label {
		display:block;
		}
	textarea{
		width:100%;
		height:150px;
		}
	label.checkbox {
		display:inline;
		}
	label.radio {
		display:inline;
		clear:right;
		padding-right:20px;
	}
	input.size {
		width:40px;
		height:15px;
	}
	label.size {
		height:15px;
	}
	input#submit {
		float:left;
		clear:both;
	}	
	
	/* Set main div line styling */
	fieldset div {
		float:left;
		display:block;
		width:100%;
		margin:8px 0px;
		padding-left:0;
	}
	/* newline style */
	div.newline {
		clear:left; //start new line
	}
	fieldset.size label, fieldset.doorinfo label, fieldset.doorinfo input, fieldset.doorinfo select  {
		float:left;
		display:block;
		margin-right:10px;
	}
	
	fieldset.doorinfo label {
		float:left;
		display:block;
	}
	.indentfield {
		padding-left:90px;
	}
	fieldset#upgrades input, fieldset.upgrades label, fieldset#accessories input {
		float:left;
		clear:none;
	}
	div.form span.label, div.form span.spacer, div.form span.multiple span {
		width:120px;float:left;
	} 
	div.form span.multiple {
		float:left;
	} 
	div.form span.button {
		padding-left:120px;
	} 
	div.form div.clear {
		clear:both;
		padding-top:5px;
	}
	div.form img {
		margin-right: 10px;
	}
	div.form form {
		margin:0 0 0 0;
	}
*/
/* Text sizes */
	.smalltext, .imgdesc {
		font-size: .75em;
		font-style:normal;		
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
/* Boxes and Highlights*/
.featured {
		float:left;
		margin: 0 0 20px 0;
		padding: 2em 2em;
		clear:both;
		width:600px;
		background-color: #363636;
		font-size: .75em;
		-webkit-border-radius: .6em .6em;	/* Progressive enhancement */
		-moz-border-radius: .6em .6em;		/* Progressive enhancement */
		}
		
	.featured p, .featured ol, .featured ul {
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	.featured h2 {
		font-size:18px;
		font-style:normal;
		margin-bottom:0.86em;
		border-bottom: 1px solid #FADDA3;
	}
	.featured h3 {
		padding: 0 0;
	}
	.featured td {
		font-size:1.2em;
		}
	.featured img {
		margin-bottom:1.5em;
	}
	div.featured li {
		margin-bottom:15px;
	}
	#article {
		font-size:inherit;
	}
	p.calltoaction {
		font-size:1.2em;
		border-bottom: dashed white 1px;
		
	}
		
.featureditem{
		width:230px;
		height:350px;
		overflow:hidden;
		float:left;	
		margin:2px 2px;
	}	
	.first, .second, .third {
		width:180px;
		float:left;
		padding: 0 0.75em 0.5em 0.75em;
		margin: 0 0;
	}
	.first {
		clear:left;
	}
	.second, .third {
		border-left: dashed 1px #FADDA3;
	}
	.firstwide {
		width:60%;
		float:left;
		padding: 0 0.75em 0.5em 0.75em;
		margin: 0 0;
	}
	.firstfull {
		width:100%;
		float:left;
		padding: 0 0.75em 0.5em 0.75em;
		margin: 0 0;
		
	}
	.firsthalf, .secondhalf {
		width: 250px;
		float:left;
		padding: 0 0.75em 0.5em 0.75em;
		margin: 0 0;
	}
	.secondhalf {
		border-left: dashed 1px #FADDA3;
	}
	.secondwide {
		width:60%;
		float:left;
		padding: 0 0.75em 0.5em 0.75em;
		margin: 0 0;
	}
	.indent {
		padding:20px 0 0 20px;
	}

.highlighted {
		float:left;
		width:600px;
		margin: 0 0 20px 0;
		padding: 2em 2em;
		clear:both;
		background-color: #363636;
		-webkit-border-radius: .6em .6em;	/* Progressive enhancement */
		-moz-border-radius: .6em .6em;		/* Progressive enhancement */
		}
		.highlighted h2 {
		font-size:18px;
		font-style:normal;
		margin-bottom:0.86em;
		border-bottom: 1px solid #FADDA3;
	}
div.snipplet {
		float:left;
		margin: 0 20px 20px 0px;
		padding: 1.0em 1.0em;
		width:285px;
		height:250px;
		background-color: #363636;
		overflow:hidden;
		-webkit-border-radius: .6em .6em;	/* Progressive enhancement */
		-moz-border-radius: .6em .6em;		/* Progressive enhancement */
		display:inline;
		}

		div.snipplet p, div.snipplet ol, div.snipplet ul {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size: .78em;
			line-height:1.6em;
			
		}
		div.snipplet h2 {
			font-size:1.0em;
			font-style:normal;
			margin-bottom:0.86em;
			border-bottom: 1px dashed #FADDA3;
			border-top: 1px dashed #FADDA3;
		}
		div.snipplet h2 a:link, div.snipplet h2 a:visited {
			text-decoration:none;
		}
		div.snipplet h2 a:hover {
			text-decoration:underline;
		}
		ul.snipplet {
			clear:left;
		}
		ul.snipplet li {
			display:inline; /* fixes ie bug where boxes indented down */
		}
		 #widesnipplet {
			width:600px;
			/*clear:left;*/
		}
		#widesnipplet p {
			line-height:2.2em;
		}
		ul.snipplet {
			margin-top: 20px;
		}
.tonedown {
	float:left;
	clear:left;
	padding:2em 2em;
	margin:0 20px 20px 0;
	background-color:#2e2e2e;
	width:90%;
	-webkit-border-radius: .6em .6em;	/* Progressive enhancement */
	-moz-border-radius: .6em .6em;		/* Progressive enhancement */
}
.section {
	float:left;
	clear:left;
	padding:1.5em 2em 2em 2em;
	margin:0 20px 20px 0;
	background-color:#2e2e2e;
	width:90%;
	-webkit-border-radius: .6em;	
	-moz-border-radius: .6em;
}
	.section h2 {
		padding-top:0;
		margin-top:0;
	}
/* Hacks */
	.inline {
		display:inline;
	}
	img.inline{
		display:inline;
	}
	.block {
		display:block;
	}
	.center {
		text-align:center;
	}
	.clear {
		clear:both;
		}
	.dimmer {
	color: #666666;
		}
	.opaque {
		opacity:.6;
	}
/* end general site */
		
/*------------------------------------------ */

/* home page / body class="home" */
	body.home div#contentwrap p {
	
	}
	div#press img {
		float:left;
	}
	#index {
	text-align: left;
	font-size:18px;
	color:#E2D2CB;
	line-height: 30px;

	}
	.intro {
		line-height: 1.9em;
	}
	.frontpic {
		float: right;
		display: block;
		margin: 0px 15px;
		border: 10px solid #666666;
	}
	img.decorate {
		border: 7px solid #666666;
	}
	img.decorate-sm {
		border: 3px solid #666666;
	}

	
/* */
	.openhouse {
		background-color: #363636;
	}
	.openhouse td {
		padding: 10px 10px;
		}
/* */

/* */
	#contest ul {
		list-style-type: disc;
		margin-left:20px;
		font-size:.95em;
	}
/* */

	#main {
		padding: 20px 0px 20px 0px;      
		}
		
	#quotes {
	/*	background-color:#3C3C3C;
		padding: 20px 20px 20px 20px;
		float:left;
		clear:both;
		width:100%;
		-webkit-border-radius: .6em;	
		-moz-border-radius: .6em;	 */

		}
	#quotes p {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 1.3em;
		}
/* end home page */

/*------------------------------------------ */

/* carriage-doors & entry-doors pages */

#firstpara {
}
.entrysection {
	float:left;
	margin: 0 0 30px 0;
	clear:left;
	width:650px;
}
.entrysection h2 {
	font-size: 1.2em;
	font-weight: normal;
	padding-left:15px;
	margin-left:15px;
	clear:none;
}
.entrysection p {
	float:left;
	clear:none;
	width:350px;
	margin: 0 10px;
	padding: 15px 15px;
	background-color:#333333;
	clear:none;
}
.entrysection img {
	float:left;
	border: 10px solid #666666;
	margin-right:25px;
}

/* this is for entry-doors.php */
body.entrydoors .entrysection {
	background-color: #363636;
	float:left;
	margin: 0 0 20px 0;
	padding: 2em 2em;
	clear:both;
	width:600px;
}
body.entrydoors .entrysection img {
	border:none;
	background:none;
}
body.entrydoors .entrysection p {
	background:none;
	padding-left:0;
	margin-left:0;
}
.featuredsection {
		background-color: #363636;
		font-size: .75em;
		margin-top: 50px;
	}
			.featuredsection h2 {
				font-size:18px;
				padding: 0.5em 0.5em 0.5em 0.5em;
				border-bottom: 1px solid #FADDA3;
			}
			.featuredsection td {
				padding: 10px 10px; 
			}
			
div#anatomy {
	width:600px;
}
div#PhotoContainer, div#PhotoContainer2 {
	float:left;
	margin-bottom:30px; /* allows bottom rail tooltip to show */ 
}
.anatomykey { /* "door anatomy" sidebar */
	/*margin: 20px 15px 20px 20px;*/
	float:left;
	width:130px;
	display:inline;
	padding: 0 0px 0 10px;
	margin:0 0;
}
div#hardware-basics {
	width:630px;
}
div#hardware-basics li {
	margin:0;
	font-size:.94em;
}
div#sliding-hardware li {
	margin:0;
}
div.featured.video {
	width:355px;
	float:left;
	display:block;
	clear:none;
	margin-right:20px;
}
div.featured.videowide {
	width:500px;
}
div.featured.videolittle {
	width: 180px;
}
div.featured.video h2 {
	font-size:1.2em;
}
#video1, #video3 {
	clear:left;
}
div#main-featured {
	clear:both;
}
.matchp { /* "what's included" sidebar */
	float:left;
	width:300px;
	padding-left:20px;
	font-size:1.05em;
	display:inline;
}
.matchsd {
	display:inline;	
}
.matchp ul {
	list-style-type: disc;

}
div#options li {   /* option lists in carriage-doors pages */
	width:580px;
	font-size:1.1em;
	clear:left;
	float:left; /* because floated boxes don't have collapsing margins */
	padding-bottom:15px;
	border-bottom: 1px dotted #FADDA3;	
	overflow:hidden;
	cursor:pointer;
	display:block;
}
div#options ul#duoline li {
	clear:none;
	width:250px;
	margin-right: 50px;
}
div#options h3 {
	display:inline;
	clear:none;
	font-weight:bold;
}
div#options p {
	clear:none;
	display:block;
	padding-left:105px;
}
div#options a:link, div#options a:visited, div#options a:hover, div#options a:active {
	text-decoration:none;
	color:inherit;
}
/* temporary styles */
div.label {
	position:relative;
	
}
div.button {
	position:relative;
	padding:5px;
	border:white 1px dotted;
	margin:10px;
}
div#misspellings {
	display:block;
	color:#93816f;
	float:left;
	font-size:.8em;
}
div#operation img {
	float:left;
	margin:0.5em 0.5em 0.5em 0;
	border:2px gray dashed;
}
div#operation .featureditem {
	color:black;
	clear:left;
	width:100%;
	height:100%;
}
div#operation .featureditem p {
	clear:none;
	padding:20px 30px;
	margin-left:190px;
	line-height:2.6em;
}

/* end CD & ED Sections */

/*------------------------------------------ */

/* about page / body class="about" */
	img#crew {
		border: 10px solid #666666;
	}
	.asection {
		margin: 20px 0; 
		padding: 0 0.5em 0.5em 0.5em;
		clear:both;
		background-color: #363636;
		width: 350px;
	}
	body.about h2 {
		padding-bottom: 10px;
	}
	body.about div.featured {
		width: 690px;
	}
/* end about-us page */

/*------------------------------------------ */

/* gallery page / body class="gallery" */
	.gallery_heading {
		padding-bottom: 40px;
	} 
	/* .gallery_item {
		padding-bottom: 60px;
	}
	.gallery_item img {
		float:left;
		border: 10px solid #727272;
		margin-top: 15px;
		margin-right: 15px;
		margin-top: 15px;
	}
	.gallery_subsection {
		background: #3C3C3C;
		clear:both;
	}*/
	
/* start new style */
	.gallery_item {
		padding: 20px 20px 20px 20px;
		margin-bottom: 60px;
		background: #3C3C3C;
		clear:both;
	}
	.gallery_item img {
		float:left;
		clear:none;
		display:block;
		border: 10px solid #727272;
		margin-right: 15px;
		margin-bottom: 15px;
	}
	div.gallery_subsection, img.gallery_subsection {
		clear:both;
		display:block;
	}
	#galleriesnav {
		padding: 10px 10px 10px 15px;
		margin-bottom: 10px;
		display:block;
		clear:both;
	}
	.hardwarenavlist {
		padding: 10px 10px 10px 0px;
		margin-bottom: 10px;
		display:block;
		clear:both;
	}
	.hardwarenavlist ul {
		border:red;
	}
	div#galleriesnav li, .hardwarenavlist li{
		float:left;
		width:80px;
		background-color:#353535;
		padding: 8px 8px;
		margin-right: 10px;
		margin-bottom:10px;
	}
	#featuredhw li{
		width: 250px;
	}
	div#featuredhw {
		width: 600px;
		float:left;
		margin-bottom:0;
	}
	div#featuredhw h2 {
		padding-bottom:20px;
	}
	div#galleriesnav img, .hardwarenavlist img{
		border: 3px solid #727272;
	}
	body.hardware .tonedown {
		background:#3C3C3C;
	}
	body.hardware h2 {
		font-size:1.4em;
		color: #FFCC99;
		margin: 0 0 0.5em 0;
		padding: 0 0;
		letter-spacing:.05em;
		font-weight: normal;
		overflow:visible;
	}

/* end new style */
blockquote {
	padding-left:20px;
}
	blockquote p.firstword {
		text-indent: 1em; /* styles first paragraph (indent)*/
		background:transparent url(../images/decorative/ql.png) no-repeat scroll 0pt 2px; /* to move ql up, decrease second*/
	}
	blockquote p { /* child p styling */
		color: #D5A484;
		font-style: italic;
		line-height: 30px;
		margin:10px 0 10px 0;
	}
	span.lastword { /* styles <span class="lastword"> to add right quotation (qr.png)*/
		background: transparent url(../images/decorative/qr.png) no-repeat scroll right top;	
		padding:0pt 18px 0pt 0pt;
		font-style:inherit;
	}
	.gallery_note {
		color: #D5A484;
	}
	.page_descrip {
		/*font-size:14px; */
		line-height: 26px;
		
	}
	.gallerydoortitle {
		font-size: small;
		font-weight: 500;
		color: #FFCC66;
		letter-spacing: 0px;
		font-size: 14px;
	}
	.gallerydoortitle a {
		color: #FFCC66;
		text-decoration:none;
	}
	/* Exceptions for gallery-zoom*/
	
	body.gallery-zoom  {
		background-color: #272727;
	}
	.gallery-zoom img {
		display:block;
		margin-top: 50px; /*makes body top margin zero */
		margin-left: 50px;
	}

	li a:hover img, .hardwareitem a:hover img{
		opacity : .6;
	}
	div.addthis {
		display:block;
		clear:both;		
	}
	div.addthis img {
		border:none;
		clear:both;		
		
	}
	p.galleryhardware {
		font-size: .75em;
		color:#a29282
	}
	
/* end gallery page*/

/*------------------------------------------ */

/* hardware pages / body class="hardware" */
	#hardware_nav {
		/*background-color: #414040; */
		display:block;
		clear:both;
		margin-bottom: 20px;
	}
	#hardware_nav p {
		padding:12px;
		margin-bottom:20px;
		line-height: 35px;
		-webkit-border-radius: .6em;	
		-moz-border-radius: .6em;
	}
	#hardware_intro {
		line-height: 26px;
		margin-bottom: 20px;
	}
	#hardwareitems {
	}
	.hardwareitem {
		/*padding: 15px 20px 20px 20px;
		text-align: left;*/
		width:334px;
		height:520px;
/*		width:270px;
		height:400px; */
		overflow:none;
		display:block;
		float:left;
		margin: 0px 35px 35px 0px; /* 0px padding to left and right, prevents loop squishing*/
		background-color: #363636;	
		line-height:1.0em;
		padding: 2em 2em;*/
		font-size: .85em;
		-webkit-border-radius: .6em .6em;	/* Progressive enhancement */
		-moz-border-radius: .6em .6em;		/* Progressive enhancement */	
	}
	.hardwareitem .hwdetails {
		margin-top:2em;
	}
	.hardwareitem img, .hardwareitemlg img {
		float:left;
		border: 7px solid #666666;
		margin-bottom:15px;
	}
	img.imgb {
		margin-left: 20px;
	}
	div.smallbox {
		float:left;
		display:block;
		width:300px;
		height: 200px;
		padding-right:20px;
	}
	div.widebox {
		float:left;
		display:block;
		width:600px;
		height: 200px;
		padding: 10px 20px 10px 0;
	}
	div.finishes h3 {
		font-style: normal;
		font-weight: bold;
		border-bottom: 1px solid #FADDA3;
		margin: 20px 0;
	}
	div.finishes img {
		margin-right: 20px;
	}
	div.finishes h2 {
		font-size: 1.6em;
		padding-bottom: 20px;
	}
	p.lastpara {
		padding-bottom: 20px;
	}
	span.imgdesc {
		float:left;
		font-style:italic;
		font-size: .8em;
	}
	.hardwareitem h3, .hardwareitemlg h3 {
		clear:left; /* keeps header from riding up on floated images */
		float:left;
		color: #DAC2A9;
		margin: 0px 0 10px 0;
		font-size: 1.2em;
		padding-bottom:5px;
		line-height: 1.3em;
	}
	.hardwareitem h3 a {
		text-decoration:none;
	}
	.hardwareitemlg h3 {
		font-style:normal;
		font-size: 1.2em;
		padding-bottom:5px;
	}
	.hardwareitemlg {
		/*padding: 15px 20px 20px 20px;
		text-align: left;*/
		display:block;
		clear:both;
		float:left;
		margin: 0px 35px 35px 0px; /* 0px padding to left and right, prevents loop squishing*/
		background-color: #363636;	
		line-height:1.4em;
		padding: 2em 2em;*/
		font-size: .85em;
		-webkit-border-radius: .6em .6em;	/* Progressive enhancement */
		-moz-border-radius: .6em .6em;		/* Progressive enhancement */	
	}
	.hardware_subtitle {
		font-weight: bold;
	}
	.hardware_linkback {
		clear:both;
	}
	span.featuredhw {
		font-size:1.1em;
	}
	div.featuredhw li {
		width:auto;
	} 
	body.hardware .tonedown {
		line-height:2em;
	}
/* end hardware pages */

/*------------------------------------------ */

/* door-designs pages / body class="door-lines" */
	#doorlinenav {
		margin-bottom: 50px;
	}	
	#doorlineintro {
		line-height: 26px;
		margin-bottom: 80px;
		clear:both;
	}
	#dooritemscontainer {
	}
	.doorlineitem {
		padding: 15px 20px 20px 20px;
		text-align: left;
		float: left;
		height: 400px;
		width: 300px;
		background-color:#2f2f2f;
		
	}
	.doorlineitem img {
		border-width: 0px;
		margin-right: 20px;
	}
	.doorlineitem h3 {
		color: #DAC2A9;
	}
	.doorlineitem_subtitle {
		font-weight: bold;
	}
	.doorlineitem_linkback {
		clear:both;
	}
	.formerid {
		font-size: .8em;
	}
	#ddintro {
		background: #363636 url(../images/decorative/deskfinal.jpg) no-repeat scroll right top;
		padding-right:215px;
		font-size:1.0em;
		line-height:1.8em;
	}

/* end door-lines pages */

/*------------------------------------------ */

/* faq page / body class="faq" */
	body.faq h3 {
		font-weight:bold;
	}
	body.faq .decorate {
		margin-bottom:70px;
	}
/* end faq page */

/*------------------------------------------ */

/* contact-us page / body class="contact"*/

div#chat {
	/*border-top:#FADDA3 dotted 1px;*/
	padding:10px 0 5px 30px;
}

/* end contact page*/

/*------------------------------------------ */

/* door-details pages / body class="door-details" */
	ul.doordetails {
		padding: 20px 20px;
		margin: 0 10px 20px 0;
		background-color: #333;
		width:200px;
		float:left;
	}
	li.doordetails {
		margin: 20px 20px;
	}
	#detailscontent {
		width:400px;
		height:400px;
		float:left;
		margin-left:10px;
		overflow:auto;
	}
	/* new door-options page */
	
	/* end new door-options page*/
/* end details pages */

/*------------------------------------------ */

/* customer-quotes pages / body class="customer-quotes" */
	.quote-section {
		background-color: #3C3C3C;
		padding: 20px 60px 20px 20px;
		margin: 40px 0px 70px 0px;
		}
	.quote-section blockquote {
		color: #000000;
		clear:both;
		line-height: 1.9em;
		}
/* end customer-quotes pages */

/*------------------------------------------ */

/* start iframe */
	iframe.fb {
		background:#fff;
	}
/* end iframe*/

/*------------------------------------------ */

/* custom_details page*/
	.ConstDet {
	}
	.ConDetGeneral {
		padding: 10px 10px 10px 10px;
	}
	#optionbore {
		visibility: hidden;
	}
	#optionborecust {
		visibility: hidden;
	}
	#optionphe {
		visibility: hidden;
	}
	#optionborevisible {
		visibility: visible;
	}
	#optionborecustvisible {
		visibility: visible;
	}
	#optionphevisible {
		visibility: visible;
	}
	#visible { /*delete soon */
		visibility: visible;
	}
	.hide {
		visibility: hidden;
	}
	.show {
		visibility: visible;
	}
/* end custom_details*/

/*------------------------------------------ */

/* Start PhotoNotes styles*/
/*
The overall container: always has class="fn-container", and also one of:
container-inactive container-active
*/

.fn-container {
 position: relative;
}

.fn-container img {
 border-width: 0;
}

.fn-area 
{
	position: absolute;
	border:none;
	border: 0px solid #D4D82D;
	margin:1px;
}

.fn-area-blackborder
{
	border: 1px solid #000;
}

.fn-area-whiteborder
{
	border: 1px solid #FFF;	
}

.fn-area-inner
{
	border: 1px solid #000000;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	cursor: pointer;
}

.fn-note 
{
	position: absolute;
	max-width: 200px;
	padding: 5px;
	display:none;
	cursor:default;
	z-index:5000;
}

.fn-note-text
{
	background-color: black;
	border: 1px solid #ffffff;
	padding: 5px;
	-moz-border-radius: 7px; /* Non-standard */
}
.fn-note-edit
{
	display:none;
}



/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;
    position: fixed;
    top: 0;
    left: 50%;
    margin-left: -380px;
	margin-top:0;
    width: 750px;
    background-color: #292929;
    color: #FFF;
    border: 1px solid black;
    padding: 12px;
}
a.jqmClose {
	padding: 0px 0 10px 0;
	float:right;
	display:block;
	clear:right;
	height:20px;
}
.jqmWindow img {
	clear:left;
	float:left;
	display:block;
}

.jqmOverlay { background-color: #000; }
/* End jqModal CSS*/

/* Articles Worpress CSS*/
acronym, abbr {
	border-bottom: 1px dashed #333;
}

acronym, abbr, span.caps {
	font-size: 90%;
	letter-spacing: .07em;
}

acronym, abbr {
	cursor: help;
}

cite {
	font-size: 90%;
	font-style: normal;
}
ol#comments li p {
	font-size: 100%;
}

.feedback {
	font: 90%/175% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: -1px;
}

/* classes used by the_meta() */
ul.post-meta {
	list-style: none;
}

ul.post-meta span.post-meta-key {
	font-weight: bold;
}

.credit {
	background: #90a090;
	border-top: 3px double #aba;
	color: #fff;
	font-size: 11px;
	margin: 10px 0 0 0;
	padding: 3px;
	text-align: center;
}

.credit a:link, .credit a:hover {
	color: #fff;
}

.feedback {
	color: #ccc;
	text-align: right;
	clear: both;
}

.meta {
	font-size: .75em;
}

.meta li, ul.post-meta li {
	display: inline;
}

.meta ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

.meta, .meta a {
	color: #808080;
	font-weight: normal;
	letter-spacing: 0;
}
.post {
	background: #363636;
	margin:20px 0;
	padding:20px 20px;
}
.post h3 {
}
.post p:first-child {
	margin-top:20px;
}
.post ol {
	padding: 0 0 20px 35px;
	margin: 0;
	}

.post ol li {
	list-style: decimal outside;
	margin:7px 0 8px 10px;
	}
.post img.alignright {
	margin: 0  0px 20px 20px;
}
.author {
	background: none;
	border: 1px gray solid;
	padding: 15px;
	font-size:0.9em;
	line-height:1.5em;
}
	
.storytitle {
	margin: 0;
}

.storytitle a {
	text-decoration: none;
}

#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
	background: #fff;
	border: 1px solid #333;
	padding: .2em;
}

#commentform textarea {
	width: 100%;
}

#commentlist li ul {
	border-left: 1px solid #ddd;
	font-size: 110%;
	list-style-type: none;
}

#commentlist li .avatar {
	float: right;
	margin-right: 25px;
	border: 1px dotted #ccc;
	padding: 2px;
}

.feedback {
	border-top: gray solid 1px;
}
.thread-even, .thread-odd {
	margin:20px 0;
	padding:20px;
}
.thread-even {
	border: gray dashed 2px;
}
.thread-odd {
	border: gray solid 2px;
}
#content {
	margin-right:6em;
	padding-right: 60px;
}

#menu {
	position:absolute;
	top:148px;
	margin:10px 0px;
	border: 1px solid #ccc;
	right: 2px;
	width: 11em;
}

#menu form {
	margin: 20px 0;
}

#menu input#s {
	width: 80%;
	background: #eee;
	border: 1px solid #999;
}
#menu input#submit {
	margin:10px 0;
}

#menu ul {
	list-style-type: none;
	margin: 0;
}

#menu ul li {
	letter-spacing: 0.1em;
	margin-top: 0px;
	padding-bottom: 2px; border-bottom: dotted 1px #ccc;*/
}

#menu ul ul {
	font-variant: normal;
	font-weight: normal;
	line-height: .8em;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

#menu ul ul li {
	border: 0;
	font-size:1.0em;
	letter-spacing: 0;
	line-height:1.6em;
	margin-top:10px 0 0;
	padding: 0;
	padding-left: 10px;
}

#wp-calendar {
	border: 1px solid #ddd;
	empty-cells: show;
	font-size: 14px;
	margin: 0;
	width: 90%;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
	text-decoration: none;
}

#wp-calendar a:hover {
	background: #e0e6e0;
	color: #333;
}

#wp-calendar caption {
	color: #999;
	font-size: 16px;
	text-align: left;
}

#wp-calendar td {
	color: #ccc;
	font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: normal;
	padding: 2px 0;
	text-align: center;
}

#wp-calendar td.pad:hover {
	background: #fff;
}

#wp-calendar td:hover, #wp-calendar #today {
	background: #eee;
	color: #bbb;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}

/* Captions & aligment */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions & aligment */

/* end Articles Wordpress CSS */