/*****************************************************************
	Description: Master stylesheet for Portland Closet Co.
	Author:	420 Creative (420creative.com) for Threshold (yourthreshold.com)
	Version: 2008 Apr
	Updated: 03/23/09
*****************************************************************/


/*	Global
-------------------------------------------------------------------*/
body {
	text-align: center;
	margin: 0;
	padding: 0;
	font: 12px/1.5em Arial, Helvetica, "Trebuchet MS", sans-serif;
	background: #b59e75 url(/images/global/bg_body.jpg) repeat-x 0 0;
	color: #473325;
}

#wrapper {
	text-align: left;
	margin: 20px auto;
	padding: 0;
	width: 960px;
	border: 1px solid #4c3c05;
	background: #fff;
	overflow:hidden;
}

.clearer {
	clear: both;
	height: 1px;
	overflow: hidden;
	margin-top: -1px;
}

div#divider {
	width: 100%;
	background: #e2ded2;
	height: 1px;
	margin: 0;
	padding: 0;
}

div#divider hr { display: none; }

img { border: 0; }

a { outline: 0; }



/*	MASTHEAD
-------------------------------------------------------------------*/
#masthead {
	padding-bottom: 15px;
	border-bottom: 1px solid #e2ded2;
	overflow:hidden;
}
#masthead h1 {
	width: 188px;
	height: 74px;
	margin: 25px 0 0 25px;
	padding: 0;
	display: block;
	float: left;
	background: url(/images/global/pcc_logo.jpg) no-repeat 0 0;
}

#masthead h1 a {
	width: 188px;
	height: 74px;
	display: block;
}

#masthead h1 span {
	display: block;
	text-indent: -999em;
}

#masthead ul {
	list-style: none;
	background: #efede3;
/*	display: block;*/
	float: right;
	width: 705px;
	/*width: 680px;*/
	height: 74px;
	margin: 25px 25px 0 0;
	padding: 0;
	overflow: hidden;
}

#masthead ul li {
	display: block;
	float: left;
	width: 89px;
	height: 74px;
	border-left: 1px solid #fff;
	padding-top: 54px;
	padding-left: 10px;
}

#masthead ul li a {
	color: #4b3905;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
}


/*current page marker*/
#home li#nav-home a,
#process li#nav-process a,
#about li#nav-about a,
#resources li#nav-resources a,
#materials li#nav-resources a,
#contact li#nav-contact a,
#products li#nav-products a,
#blog li#nav-blog a { color: #528dcd; }




/*	CONTENT COLUMNS
-------------------------------------------------------------------*/
#column_left {
	width: 430px;
	margin: 5px 0 0 25px;
	padding: 0;
	float: left;
	height: 600px;
}

html>body #column_left { /* for browsers with better CSS support than IE6 */
	height: auto;
	min-height: 600px;
}

#column_right {
	width: 430px;
	margin: 80px 25px 0 0;
	padding: 0;
	float: right;
}

.singleCol { padding:15px; overflow:hidden; }
.floatBox { float:left; width:25%; margin-top:15px; min-height:320px;}
.floatBox table { float:right; margin-top:-22px; width:470px;}
.floatBox img{ width:220px;}
.floatBox2 { float:left; width:25%; margin-top:15px; min-height:320px;}
.floatBox2 img{ width:195px;}
.floatBox p{ padding-right: 10px;}
.floatBoxRight { float:right; width:50%;}
.floatBoxRight img{ width:100%;}
#materials.melamine .floatBox img { width:225px; height:150px; }
#materials.stanKnobsPulls .floatBox img { width:225px; height:100px; }
#materials.upKnobsPulls .floatBox img { width:225px; height:100px; }
#materials.thermofoil .floatBox img { width:200px; height:261px; }
#materials.crownbase .floatBox img { width:200px; height:278px; }
#materials.melamine .floatBox h3 { margin:3px 3px 0 3px; }
#materials.stanKnobsPulls h3 { margin:1px 0 3px 0; }
#materials.upKnobsPulls h3 { margin:1px 0; font-weight:normal; }
#materials.upKnobsPulls h4 { margin:1px 0 3px 0; font-size:1.17em;}
#materials.thermofoil h3 { margin:1px 0; }
#materials.thermofoil h4 { margin:1px 0 3px 0; }
#materials.upKnobsPulls .floatBox { height:185px;}
.floatBox h4 { margin:1px 3px 3px 3px; font-weight:normal; }
#materials.crownbase .floatBox p { width:190px; }
#materials.closetElements .floatBox { height:325px; }
#materials.closetElements .floatBox img { width:225px; height:150px; }
#materials.closetElements .floatBox p { width:210px; }
#materials.pantryElements .floatBox { height:325px; }
#materials.pantryElements .floatBox img { width:225px; height:150px; margin-right:7px; }
#materials.pantryElements .floatBox p { width:210px; }
#materials.pantryElements .floatBox.doubleSpan { width:50%; }
#materials.pantryElements .floatBox.doubleSpan img { float:left; }
#materials.pantryElements .floatBox.doubleSpan p { width:410px; }
#materials.officeElements .floatBox { height:325px; }
#materials.officeElements .floatBox img { width:225px; height:150px; }
#materials.officeElements .floatBox.vertical img { float:right; padding:5px; width:150px; height:225px; }
#materials.officeElements .floatBox.vertical p { width:210px; }
#materials.officeElements .floatBox p { width:210px; }
#materials.garageElements .floatBox p { width:210px; }
#materials.garageElements .floatBox { height:325px; }
#materials.garageElements .floatBox img { width:225px; height:150px; }
#materials.OMNI .floatBox p { width:210px; }
#materials.OMNI .floatBox { height:325px; }
#materials.OMNI .floatBox img { border:2px solid #000; height:295px; width:200px; }

#home #column_right { margin-top: 32px; }

#column_left, #column_right { padding-bottom: 2em; }

#column_left_wide {
	width: 645px;
	margin: 5px 0 0 25px;
	padding: 0;
	float: left;
	height: 600px;
}

#column_wide_single {
	width: 100%;
	margin: 5px 0 0 25px;
	padding: 0;
	float: left;
	height: 600px;
}

html>body #column_left_wide,
html>body #column_wide_single {
	height: auto;
	min-height: 600px;
}

#column_right_narrow {
	width: 215px;
	margin: 80px 25px 0 0;
	padding: 0;
	float: right;
}

/*	narrow columns	*/
.col_narrow {
	float: left;
	width: 200px;
	margin-right: 15px;
}





/*	Flash
-------------------------------------------------------------------*/
#flash {
	margin: 20px auto;
	width: 910px;
}





/*	FOOTER PARAGRAPHS
-------------------------------------------------------------------*/
p#footer_left {
	margin: 12px 0 25px 25px;
	font-size: 10px;
	width: 430px;
	float: left;
}

p#footer_left a {
	color: #473325;
	text-decoration: underline;
}

p#footer_left a:hover { text-decoration: none; }

p#footer_right {
	margin: 12px 25px 25px 0;
	font-size: 10px;
	width: 430px;
	float: right;
	text-align: right;
	color: #c5b290;
}

p#footer_right a {
	color: #c5b290;
	text-decoration: underline;
}

p#footer_right a:hover { text-decoration: none; }

/*	post-footer logos	*/
#assoc_logos {
	width: 960px;
	margin: 0 auto;
}

#assoc_logos img {
	margin: 4px 8px;
	padding: 0;
}




/*	TYPOGRAPHY
-------------------------------------------------------------------*/
#home #column_left p {
/*	font-size: 14px;
	line-height: 26px;*/
}

#column_left a,
#column_right a,
#column_left_wide a,
#column_right_narrow a,
#column_wide_single a { color: #528dcd; }

#column_left a:hover,
#column_right a:hover,
#column_left_wide a:hover,
#column_right_narrow a:hover,
#column_wide_single a:hover { text-decoration: none; }

/* headers */
h1 {
	width: 500px;
	height: 33px;
	display: block;
	margin: 0;
	padding: 0 0 .3em 0;
	line-height: 1em;
}

#home #column_left h1 { background: url(/images/global/hdr_home.gif) no-repeat; }
#process #column_left h1 { background: url(/images/global/hdr_process.gif) no-repeat; }
#products #column_left h1 { background: url(/images/global/hdr_products.gif) no-repeat; }
.walkin h1 { background: url(/images/global/hdr_walkin.gif) no-repeat; }
.reachin h1 { background: url(/images/global/hdr_reachin.gif) no-repeat; }
.home_office h1 { background: url(/images/global/hdr_office.gif) no-repeat; height: 60px; }
.wallbed h1 { background: url(/images/global/hdr_wallbed.gif) no-repeat; }
.pantries h1 { background: url(/images/global/hdr_pantry.gif) no-repeat; }
.garage h1 { background: url(/images/global/hdr_garage.gif) no-repeat; }
.other h1 { background: url(/images/global/hdr_other.gif) no-repeat; height: 60px; }
#about #column_left h1 { background: url(/images/global/hdr_about.gif) no-repeat; height: 60px; text-indent:-9999px; }
#contact #column_left h1 { background: url(/images/global/hdr_contact.gif) no-repeat; text-indent:-9999px;}
#resources #column_left h1 { background: url(/images/global/hdr_resources.gif) no-repeat; text-indent:-9999px;}
.siena_collection #column_left h1 { background: url(/images/global/hdr_siena.gif) no-repeat; text-indent:-9999px;}
#privacy #column_left h1 { background: url(/images/global/hdr_privacy.gif) no-repeat; text-indent:-9999px;}
#materials #column_left_wide h1 { background: url(/images/global/hdr_formfunction.gif) no-repeat; text-indent:-9999px;}
#materials #column_wide_single h1 { background: url(/images/global/hdr_formfunction.gif) no-repeat; text-indent:-9999px;}
#materials #column_right_narrow h1 {
	background: url(/images/global/hdr_accessories.gif) no-repeat;
	margin: -7px 0 0 0;
}
#blog #column_left_wide h1.blogmain { 
	width: 500px;
	background: url(/images/global/hdr_blog.gif) no-repeat;
}
#materials.melamine .singleCol h1 { background:url(/images/hdr_melamine.jpg) no-repeat; }
#materials.stanKnobsPulls .singleCol h1 { background:url(/images/hdr_stanknobspulls.jpg) no-repeat; }
#materials.upKnobsPulls .singleCol h1 { background:url(/images/hdr_upknobspulls.jpg) no-repeat; }
#materials.thermofoil .singleCol h1 { background:url(/images/hdr_thermofoil.jpg) no-repeat; }
#materials.crownbase .singleCol h1 { background:url(/images/hdr_moldings.jpg) no-repeat; }
#materials.closetElements .singleCol h1 { background:url(/images/hdr_closetElements.jpg) no-repeat; }
#materials.pantryElements .singleCol h1 { background:url(/images/hdr_pantryelements.jpg) no-repeat; }
#materials.officeElements .singleCol h1 { background:url(/images/hdr_officeelements.jpg) no-repeat; }
#materials.garageElements .singleCol h1 { background:url(/images/hdr_garageelements.jpg) no-repeat; }
#materials.OMNI .singleCol h1 { background:url(/images/hdr_omni.jpg) no-repeat; }
#materials.baldhead .singleCol h1 { background:url(/images/bald-17.jpg) no-repeat; }
#materials.baldhead .singleCol ul { list-style:none; }
#materials.baldhead .singleCol ul.features { list-style:disc; width:210px;}
#materials.baldhead .floatBox { width:300px;}

h1 span {
	display: block;
	text-indent: -9999em;
}

p.breadcrumb {
	font-size: 10px;
	color: #b29c55;
	margin-bottom: 4em;
}

p.breadcrumb a,
#column_left p.breadcrumb a,
#column_wide_single p.breadcrumb a {
	color: #b29c55;
}

.disclaimer { width:750px; margin:25px 0 15px 25px; color:#528DCD; }

#column_left h2,
#column_left_wide h2,
#column_wide_single h2 {
	font-weight: normal;
	margin-top: 20px;
	margin-bottom: 5px;
	color: #b29c55;
}

#column_right h2,
#column_right_narrow h2 {
	color: #135fb3;
	font-weight: normal;
	text-transform: uppercase;
	border-bottom: 1px solid #135fb3;
	font-size: 15px;
	padding: 0;
}

#materials #column_right_narrow h3 {
	font-size: 18px;
}

#home #column_right h3 {
	margin-bottom: -.9em;
}

#materials #column_right_narrow h3.h3first {
	margin-top: 13px;
}

#column_right_narrow h1 {
	width: auto;
}

#materials #column_left_wide ul,
#materials #column_right_narrow ul,
#materials #column_wide_single ul {
	margin: -.5em 0 2em .5em;
	padding: 0;
}

#materials #column_left_wide ul ul,
#materials #column_right_narrow ul ul,
#materials #column_wide_single ul ul {
	margin-top: .2em;
	margin-bottom: 0;
	background: none;
	border: 0;
}

#materials #column_left_wide ul.material_list,
#materials #column_wide_single ul.material_list {
	margin-top: .3em;
}

ul.material_list li.pdf {
	list-style: none;
	padding-left: 22px;
	background: url(/images/global/icon_pdf.gif) no-repeat 0 0;
}


ul.downloads {
	margin: 0 0 20px 0;
	padding: 8px 16px;
	background: #f0eee7;
	border: 1px solid #e2ded2;
	list-style: none;
}

ul.downloads li { padding-left: 20px; margin-bottom: 4px; }

ul.downloads li.pdf { background: url(/images/global/icon_pdf.gif) no-repeat 0 0; }
ul.downloads li.word { background: url(/images/global/icon_doc.gif) no-repeat 0 0; }
ul.downloads li.excel { background: url(/images/global/icon_xls.gif) no-repeat 0 0; }

.feature_box {
	margin: 30px 0 0 0;
	padding: 0 18px;
	background: #f0eee7;
	border: 1px solid #e2ded2;
}

dl#contact_info {
	margin: 0;
	padding: 0;
}

dl#contact_info dt {
	font-weight: bold;
	margin: 1.4em 0 0 0;
}

dl#contact_info dd {
	margin: 0;
	display: block;
	position: relative;
}

dl#contact_info dd span {
	display: block;
	position: absolute;
	left: 3em;
	top: 0;
}

ul.list_arrow {
	margin: .8em 0 0 .8em;
	padding: 0;
	list-style: none;
}

ul.list_arrow li {
	margin-top: .2em;
	padding: 0 0 0 20px;
	background: transparent url(/images/global/arrow.gif) no-repeat 0 1px;
}







/*	Photos
-------------------------------------------------------------------*/
.thumb_row {
	margin: 0 auto;
	width: 430px;
	text-align: center;
	margin-bottom: 2em;
}

.reachin .money_shot { text-align: center; }

/* set up borders for all "money shot" images */
.money_shot img {
	margin: 3em auto 2em auto;
	display: block;
	border: 6px solid #4868a2;
}

/* custom colors for product money shot images */
.reachin .money_shot img { border: 6px solid #61797e; }
.pantries .money_shot img { border: 6px solid #c56d34; }
.walkin .money_shot img { border: 6px solid #4868a2; }
.home_office .money_shot img { border: 6px solid #566f31; }
.wallbed .money_shot img { border: 6px solid #88a251; }
.garage .money_shot img { border: 6px solid #691d20; }
.other .money_shot img { border: 6px solid #b29c55; }

/* same colors, thinner border for thumbnails */
.reachin img.thumb { border: 2px solid #61797e; margin: 0 10px; }
.pantries img.thumb { border: 2px solid #c56d34; margin: 0 10px; }
.walkin img.thumb, .siena_collection img.thumb { border: 2px solid #4868a2; margin: 0 10px; }
.home_office img.thumb { border: 2px solid #566f31; margin: 0 10px; }
.wallbed img.thumb { border: 2px solid #88a251; margin: 0 10px; }
.garage img.thumb { border: 2px solid #691d20; margin: 0 10px; }
.other img.thumb { border: 2px solid #b29c55; margin: 0 10px; }









/*	Contact form
-------------------------------------------------------------------*/
#contact_form {
	margin: 0;
	padding: 0;
}

#contact_form label.checkbox,
#contact_form label.textfield,
#contact_form label.textarea,
#contact_form label.submit {
	float: left;
	clear: both;
	position: relative;
	width: 100%;
	display: block;
	margin: 4px 0 10px 0;
}

#contact_form label.textfield input {
/*	display: block;
	position: absolute;
	left: 8em;*/
}




/*	Images + other
-------------------------------------------------------------------*/
img#badge {
	float: right;
	display: block;
	margin: -8px 20px 0 20px;
}










/*	Blog
-------------------------------------------------------------------*/
.blog_entry {
	margin-bottom: 2em;
	padding-bottom: 2em;
	border-bottom: 1px solid #e2ded2;
}

.blog_metadata {
/*	font-size: 90%;*/
	margin: 0;
	padding: 0;
}

.blog_metadata p {
	line-height: 1em;
	margin-bottom: -.5em;
	color: #b29c55;
}

#column_left_wide .blog_metadata p a {
	color: #b29c55;
}

.blog_metadata h1 {
	font-weight: normal;
	margin-bottom: 15px;
}

.blog_metadata img {
	float: right;
	margin: 0 0 0 20px;
	padding: 3px;
	border: 1px solid #b59e75;
	background: #cfbb9a;
}

.blog_image {
	display: block;
	margin: 15px 0 15px 0;
	padding: 4px;
	border: none;

}