h3{
	height:0px;
	overflow:hidden;
	margin:0;
	margin-bottom:15px;
}

#history h3{
	background:#e8e2d9 url(../pics/text_heading_history.gif) top left no-repeat;
	width:182px;
	padding-top:40px;
}

#craftsmanship #content{
	xoverflow:hidden;
}

#design h3{
	background:#e8e2d9 url(../pics/text_heading_design.gif) top left no-repeat;
	width:211px;
	padding-top:68px;
}


/** jared **/

#bedProgramPanes p {
text-align: left;
}

#bedProgramPanes .top {
padding-top: 29px;

}

.productPane p {
	line-height: 1.75;
	padding-left: 55px;
	padding-top: 15px;
}


#bedProgramPanes ul.listing{
	padding-left: 9px;
}

/*

.headboardStylePane ul.listing{
	padding-left: 9px;
}

.headboardHeightPane ul.listing{
	padding-left: 9px;
}
*/


#bedProgramPanes .productPane {
	
	/*padding-left: 54px;*/
	/*padding-top: 22px;*/
}

h3#nocturne {
	background:transparent url(../pics/nocturne_slogan.png) top left no-repeat;
	width:211px;
	
}




#nocturne_logo_wrapper {
	text-align: center;
	width: 100%;
	padding-bottom: 20px;
	margin-top: -20px;

}

#nocturnePoster{
	width:100%;
	white-space:nowrap;
	overflow:hidden;
}
#nocturnePosterImage{
	width:527px;
	_width:527px;
	overflow:hidden;
}

#design #posterImages{
	background:url(../pics/grid_large.gif);
	text-align:center;
	
}
#design #poster{
	padding-top:85px;
	padding-bottom:85px;
	width:426px;
}
#design  .heading{
	height:75px;
	background:#c1beb2;
	xposition:relative;
}

#design .downloadLink{
	text-align:right;
	display:block;
	font-size:12px;
	color:#6d6d6a;
	margin-right:50px;
	margin-top:-45px;
	margin-bottom:45px;
	position:relative;
	_position:none;
}
#design h4{
	font-variant:normal;
	color:#6d6d6a;
	font-size:14px;
}
#design #posterImages h4{
	color:white;
	font-variant:normal;
	font-size:20px;
	font-family:"Trebuchet MS", Trebuchet, sans-serif;
	padding:0;
	padding-top:25px;
	padding-left:25px;
	text-align:left;
	margin-top:0px;
}
#craftsmanship h3{
	background:#e8e2d9 url(../pics/text_heading_craftsmanship.gif) top left no-repeat;
	width:205px;
	padding-top:57px;
}
	
#story{
	width:210px;
	_height:265px;
	min-height:265px;
	padding:20px;
	padding-top:90px;
	float:left;
	margin-right:-20px;
	background:#d5d6d1;
	font-size:11px;
}
#design #story{
	padding-right:0;
	padding-left:25px;
	width:225px;
	margin-right:-50px;
	xmin-height:400px;
}
#design #story p{
	margin-right:20px;
	margin-bottom:15px;
}

#design #content{
	background-color:#d5d6d1;
	overflow:hidden;
}
#craftsmanship #story{
	xheight:225px;
	xmargin-bottom:-40px;	
}
#story p{
	display:block;
	float:left;
	clear:right;
	margin:0;
	padding:0;
}
#posterImages{
	width:509px;
	xheight:375px;
	overflow:hidden;
	float:right;
}
#multipleChoiceNav, #urbanPlanningNav{
	
}
#multipleChoicePanes, #urbanPlanningPanes{
	width:520px;

}

#multipleChoicePanes div div,#urbanPlanningPanes div div { overflow: hidden; }
.navButtons{
	height:250px;
	padding:0;
	margin-left:15px;
	
}

.navButtons li { 
	background: url(../pics/design_nav.png) no-repeat top left; 
	height:0px; 
	padding:0;
	padding-top:30px;
	overflow:hidden;
	display:block;
	margin-top:10px;
	cursor:pointer;
	
}


.bedProgramNavButtons li {
	background: url(../pics/bedprogram_nav.png) no-repeat top left; 
	height:0px; 
	padding:0;
	padding-top:30px;
	overflow:hidden;
	display:block;
	margin-top:10px;
	cursor:pointer;


}

#multipleChoiceNav .navButtons li{
	background-image:url(../pics/design_nav-multiple_choice.png);
}
#urbanPlanningNav .navButtons li{
	background-image:url(../pics/design_nav-urban_planning.png);
}
/* the CSS below could've been much simpler were it not for MSIE6.
	because the states are the same between MultipleChoice and UrbanPlanning,
	a simple class - .dn1 , .dn2 , .dn3 , etc. should suffice but IE6 didn't like it. */
	
#mc_dn1 { background-position: 0 -30px !important; } 
#mc_dn1.active { background-position: 0 -90px !important;} 
#mc_dn2 { background-position: 0 -150px !important; } 
#mc_dn2.active { background-position: 0 -210px !important; } 
#mc_dn3 { background-position: 0 -270px !important; } 
#mc_dn3.active { background-position: 0 -330px !important; } 
#mc_dn4 { background-position: 0 -390px !important; } 
#mc_dn4.active { background-position: 0 -450px !important; } 
#mc_dn5 { background-position: 0 -510px !important; } 
#mc_dn5.active { background-position: 0 -570px !important; } 
#mc_dn6 { background-position: 0 -630px !important; } 
#mc_dn6.active { background-position: 0 -690px !important; } 

#up_dn1 { background-position: 0 -30px !important; } 
#up_dn1.active { background-position: 0 -90px !important;} 
#up_dn2 { background-position: 0 -150px !important; } 
#up_dn2.active { background-position: 0 -210px !important; } 
#up_dn3 { background-position: 0 -270px !important; } 
#up_dn3.active { background-position: 0 -330px !important; } 
#up_dn4 { background-position: 0 -390px !important; } 
#up_dn4.active { background-position: 0 -450px !important; } 
#up_dn5 { background-position: 0 -510px !important; } 
#up_dn5.active { background-position: 0 -570px !important; } 
#up_dn6 { background-position: 0 -630px !important; } 
#up_dn6.active { background-position: 0 -690px !important; } 


#bp_dn1 { background-position: 0 -30px !important; } 
#bp_dn1.active { background-position: 0 -90px !important;} 
#bp_dn2 { background-position: 0 -150px !important; } 
#bp_dn2.active { background-position: 0 -210px !important; } 
#bp_dn3 { background-position: 0 -270px !important; } 
#bp_dn3.active { background-position: 0 -330px !important; } 
#bp_dn4 { background-position: 0 -390px !important; } 
#bp_dn4.active { background-position: 0 -450px !important; } 
#bp_dn5 { background-position: 0 -510px !important; } 
#bp_dn5.active { background-position: 0 -570px !important; } 
#bp_dn6 { background-position: 0 -630px !important; } 
#bp_dn6.active { background-position: 0 -690px !important; } 

#story ul{
	clear:both;
	margin:0;
	padding:0;
	list-style:none;
	margin-right:1px;
}
#story ul li a{
	background:url(../pics/arrow_sidebar_closed.gif) left center no-repeat;
	display:block;
	padding:3px;
	padding-left:12px;
	text-transform:uppercase;
}
#story ul li a:hover{
	background:url(../pics/arrow_sidebar_hover_closed.gif) left center no-repeat;
}	

.button_multipleChoice, .button_urbanPlanning, .button_bedProgram{
	cursor:pointer;
	color:#6d6d6a;
	text-decoration:underline;
}
#collectionPanes{
	width:225px;/*MSIE6*/
}

#collectionButtons{
	display:none;
}
#collectionButtons .active{
	display:none;
}
#collectionButtons span{
	display:none;
}
#collectionButtons .inactive span{
	display:inline;
}

p.nocturneIntro {
font-size: 10px;


}

.fullwidthlisting{
	list-style:none;
	margin:0;
	padding:0;
	width:509px;
	overflow:hidden;
	/*
	margin-bottom:25px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	*/
}
.fullwidthlisting li{
	list-style: none;
	width:425px;
	height:auto;
	_height:100px;
	float:left;
	padding:10px;
	font-size:11px;
	
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 35px;
	text-align: center;
	
}

.fullwidthlisting p {
	font-size: 12px;
	padding-left: 15px;

}

.listing{
	list-style:none;
	margin:0;
	padding:0;
	width:510px;
	overflow:hidden;
	margin-bottom:25px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
}
.listing li{
	width:215px;
	height:auto;
	_height:100px;
	float:left;
	padding:10px;
	font-size:11px;
	margin:5px;
}
.listing li.fullWidth{
	width:430px;
	height:auto;
	_height:100px;
	float:left;
	padding:10px;
	font-size:11px;
	margin:5px;
	margin-left: 5px;
	text-align: left;
}

.listing li.fullWidthTable{
	width:100%;
	margin: 0px;
}

td.left {
width: 114px;

}

td.right {
width: 185;

}


td.center {
width: 180px;

}

table.bottomRow td, table.bottomRow{
vertical-align: bottom;
font-size: 10px;
text-align: center;



}

.listing li.thirdWidth{
	width:140px;
	height:60px;
	/*
	_height:100px;
	height: 60px;
	*/
	float:left;
	
	padding-top: 0px;
	/*
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	*/
	
	font-size:10px;
	margin:0px;
	margin-top: 5px;
	text-align: center;
	vertical-align: bottom;
}

.listing li.thirdWidth img{
	vertical-align: bottom;
	margin: auto;
/*	margin-bottom: 5px; */
	display: block;
}

.listing li.left{
	/*padding-top: 5px;*/
	width:114px;
	
}

.listing li.center{
	width:143px;
	
}

.listing li.right{
	width:190px;
	
}

#bottomWrap {
	height: 60px;
	vertical-align: bottom;

}


.listing li img{
	display:block;
	margin:auto;
	margin-bottom:5px;
}
.listing br{
	display:block;
	width:100%;
	clear:both;
}

.ideasPane img{
	margin-top:50px;	
}

.ideasPane p{
	color:#949494;
	margin:50px;
	margin-top:20px;
}