/*vertical navigation*/
a {
   outline: none;
	}
	
div#nav {
	float: left;
	width: 200px;
	padding: 0;
	clear: both;
	}
div#nav ul {
	list-style-image: none!important;
	list-style-type: none!important;
	clear: both;
	margin: 0;
	padding: 0;
	}

div#nav ul li a {
	width: 170px;
	display: block;
	text-decoration: none;
	padding: 6px 15px;
	margin: 0;
	color: #fff;
	border-bottom: 1px solid #AE7343;
	font-size: 13px;
	/* font-weight: 800; */
	}
div#nav ul li.first a	{
	border-top: 1px solid #AE7343;
	}
	
div#nav ul li ul li a {
	width: 163px;
	text-decoration: none;
	padding: 5px 10px 5px 27px;
	border-bottom: 1px solid #AE7343;
	font-size: 11px;
	}	
div#nav ul li a:hover {
	color: #333;
	background-color: #fffffe;
	}
div#nav ul ul	{
	border-top: none!important;
	border-left: none!important;
	border-right: none!important;
	}
	
/* special cases popups */

	
/* body on states main level on states */	

body.home div#nav li.home a,
body.services-offered div#nav li.services-offered a,
body.products div#nav li.products a,
body.moulding-patterns div#nav li.moulding-patterns a,
body.about-us div#nav li.about-us a,
body.values div#nav li.values a,
body.request-quote div#nav li.request-quote a,
body.contact-us div#nav li.contact-us a,
body.links div#nav li.links a
	{
	color: #fff;
	background-color: #652d00;
	background-image: url(../images/shell/nav-on.gif);
	background-repeat: no-repeat;
	background-position: 5px 10px;
	cursor: default;
	}
div#nav li.moulding-patterns a	{
	background-image: url(../images/shell/nav-plus.gif);
	background-repeat: no-repeat;
	background-position: 3px 9px;
	}
body.moulding-patterns-sub div#nav li.moulding-patterns-sub a	{
	background-color: #652d00;
	background-image: url(../images/shell/nav-minus.gif);
	background-repeat: no-repeat;
	background-position: 3px 9px;
	}

/* hide subpages */
#nav ul ul	{
	display: none;
	}

body.moulding-patterns div#nav li.moulding-patterns ul li a,
body.moulding-patterns-sub div#nav li.moulding-patterns-sub ul li  a	{
	background-image: none;
	background-color: #754B01;
	color: #fff;
	/* cursor: pointer; */
	}
body.moulding-patterns div#nav li.moulding-patterns ul li a:hover,
body.moulding-patterns-sub div#nav li.moulding-patterns-sub ul li  a:hover	{
	background-image: none;
	background-color: #fffffe;
	color: #333;
	cursor: pointer!important;
	}	
	
body.moulding-patterns-sub div#nav li.moulding-patterns-sub a:hover	{
/* 	background-image: none;
	background-color: #fffffe; */
	color: #fff;
	cursor: default;
	}	
body.moulding-patterns div#nav li.moulding-patterns ul,
body.moulding-patterns-sub div#nav li.moulding-patterns-sub ul	{
	display: block!important;
	}
	
body.base-moulding div#nav li.base-moulding a,
body.base-moulding div#nav li.base-moulding a:hover,

body.casing div#nav li.casing a,
body.casing div#nav li.casing a:hover,

body.chair-rail div#nav li.chair-rail a,
body.chair-rail div#nav li.chair-rail a:hover,

body.crown div#nav li.crown a,
body.crown div#nav li.crown a:hover,

body.door-jamb div#nav li.door-jamb a,
body.door-jamb div#nav li.door-jamb a:hover,

body.flooring div#nav li.flooring a,
body.flooring div#nav li.flooring a:hover,

body.hand-rail div#nav li.hand-rail a,
body.hand-rail div#nav li.hand-rail a:hover,

body.decking div#nav li.decking a,
body.decking div#nav li.decking a:hover,

body.picture-frame div#nav li.picture-frame a,
body.picture-frame div#nav li.picture-frame a:hover,

body.siding div#nav li.siding a,
body.siding div#nav li.siding a:hover,

body.tg div#nav li.tg a,
body.tg div#nav li.tg a:hover,

body.small-mouldings div#nav li.small-mouldings a,
body.small-mouldings div#nav li.small-mouldings a:hover,

body.specialty-standard div#nav li.specialty-standard a,
body.specialty-standard div#nav li.specialty-standard a:hover	{
	color: #fff!important;
	background-color: #652d00!important;
	background-image: url(../images/shell/nav-on.gif)!important;
	background-repeat: no-repeat;
	background-position: 17px 10px;
	cursor: default!important;
	}
	
	
	
	
	
/* show a categories subpages when in that category */
body.crown-moulding div#nav li ul,
body.crown-moulding-sub div#nav li ul	{
	display: block;
	}
	
	
	
/* base
casing
chair-rail
crown
door-jam
flooring
hand-rail
picture-frame
siding
tg
small-mouldings
 */