/* Capital Remodeling
------------------------------------------------------------------------------ */
/* Navigation CSS by Round2 Communications 
------------------------------------------------------------------------------ */
/* 2005_08_18
------------------------------------------------------------------------------ */
/*

	1.  	display
	2.  	float and position
	3.  	width and height
	4.  	Specific element properties
	5.  	margin
	6.  	border
	7.  	padding
	8.  	background
	9.  	color
	10.  font related properties

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

/* Main Nav
------------------------------------------------------------------------------ */

#nav-tier1
{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:740px;
	margin:0;
	padding:0 0 2px;
	border-bottom:5px solid #878787;
}




#nav-tier1 ul
{
	margin:0px 0;
}

* html #nav-tier1
{
	margin:0;
}

#nav-tier1 ul li
{
	display:inline;
	position:relative;
	top:0px;
	left: 0px;
	float:left;
	width:182px;
	height:150px;
	margin:0;
}

#nav-tier1 ul li a
{
	display:block;
	position:absolute;
	bottom:0px;
	width:182px;
	height:27px;
	text-indent:-1000em;
}

#nav-tier1 ul li.roofing, #nav-tier1 ul li.siding, #nav-tier1 ul li.roofing a, #nav-tier1 ul li.siding a {
  width: 91px;
}

/* Just for Opera, but hide from MacIE */ 
/*\*/html>body #nav-tier1 ul li a { letter-spacing : normal; text-indent : -999em; overflow : hidden;} 
/* End of hack */

/**** Interior Nav is Smaller ****/

#interior #nav-tier1
{
	padding-top:3px;
	border-bottom:none;
}

#interior #nav-tier1 ul li
{
	height:27px;
}

/* Local Navigation
--------------------------------------------------------------------*/
#interior div#nav-local 
{
	position:absolute;
	top:52px;
	left: 1px;
	width: 181px;
	margin-left: 0px;
}

#interior div#nav-local ul
{
	width:181px;
	margin:0;
	padding:0;
	list-style:none;
}

#interior div#nav-local li
{
	margin:2px;
	width:181px;
	
}

#interior div#nav-local ul li a
{
	display:block;
	height:22px;
	text-decoration:none;
	letter-spacing:-1000em;
}

/* Just for Opera, but hide from MacIE */ 
/*\*/html>body #nav-local ul li a { letter-spacing : normal; text-indent : -999em; overflow : hidden;} 
/* End of hack */

/***** Utility Nav *****/

#nav-utility 
{
	position:absolute;
	top:162px;
	left: 2px;
	width: 182px;
	margin-left: 0px;
}

#nav-utility ul
{
	display:block;
	width:182px;
	list-style:none;
}

#nav-utility li
{
	height:22px;
margin:0 0 2px 0;
	
}

#nav-utility li a
{
	display:block;
	height:22px;
	text-decoration:none;
	letter-spacing:-1000em;
}

/* Just for Opera, but hide from MacIE */ 
/*\*/html>body #nav-utility ul li a { letter-spacing : normal; text-indent : -999em; overflow : hidden;} 
/* End of hack */


/***** Interior Utility Navigation *****/
#interior #nav-utility 
{
	position:absolute;
	top: 174px;
	left: 3px;
	width: 181px;
	margin:0px;
}

#interior.kitchen #nav-utility
{
	top: 198px;
}

#interior.roofing #nav-utility
{
	top: 150px;
}

#interior.utility #nav-utility 
{
	top:54px;
}

#interior #nav-utility ul
{
	display:block;
	width:181px;
	list-style:none;
}

#interior #nav-utility li
{
	margin:0 0 2px 0;
}

#interior #nav-utility li a
{
	display:block;
	height:22px;
	text-decoration:none;
	letter-spacing:-1000em;
}

/* Just for Opera, but hide from MacIE */ 
/*\*/html>body #interior #nav-utility ul li a { letter-spacing : normal; text-indent : -999em; overflow : hidden;} 
/* End of hack */

#nav-global
{
	position:absolute;
	top:104px;
	margin:0;
	height:18px;
	width:740px;
	background:#a2a1a1;
	
}

#nav-global ul
{
	display:inline;
	position:absolute;
	right:40px;
	margin-top:4px;
}

#nav-global li
{
	float:left;
	margin:0px 5px 0 0;
	padding-right:5px;
	height:10px;
	list-style:none;
}

#nav-global li.first 
{
	border-right:1px solid #fff;
}


/***** Kitchen Specific Navigation *****/

/* Kitchen Cabinets --
---------------------------------- */
#cab_nav, #cabopt_nav
{
	width:100%;
}

#cab_nav ul li img, #cabopt_nav ul li img, #co_nav ul li img, #counter_nav ul li img
{
	margin:0;
	padding:0;
}

#cab_nav ul
{
	margin:0 0 0 20px;
	padding:0;
	list-style:none;
}

* html #cab_nav ul
{
	margin:0 0 0 10px;
}

#cab_nav ul li
{
	display:inline;
	float:left;
	width:75px;
	margin:0 10px 0 0;
	padding:0;
	list-style:none;
}

* html #cab_nav ul li
{
	margin: 0 5px 0 0;
}

#cabopt_nav ul
{
	width:100%;
}

#cabopt_nav ul li, #co_nav ul li
{
	display:inline;
	float:left;
	width:175px;
	margin:0 5px 0 0;
	padding:0;
	list-style:none;
}

#co_nav ul li
{
	width:175px;
}

#counter_nav ul li
{
	display:inline;
	float:left;
	width:125px;
	margin:0 5px 0 0;
	padding:0;
	list-style:none;
}

#cab_nav ul li.last, cabopt_nav ul li.last, #counter_nav ul li.last, #counter_nav ul li.last
{
	margin-right:0px;
}

#cab_nav ul a, #cabopt_nav ul a, #counter_nav ul li a, #co_nav ul li a
{
	display:block;
	margin:0;
	text-align:center;
	font-weight:bold;
}

#nav-sub-local
{
	position:absolute;
	top:9.5em;
	left:0px;
	width:100%;
}

#interior.iframe #nav-sub-local
{
	top:2.5em;
}

#nav-sub-local ul
{
	position:absolute;
	left: 190px;
	bottom:5px;
	padding: 0;
	margin: 0;
	width:auto;
	list-style:none;
}

#nav-sub-local ul li
{
	float:left;
	padding: 0 5px 0 0;
	margin:0 0 0 1px;
	list-style: none;
}

#nav-sub-local ul li a
{
	display:block;
	float:left;
}


#nav-special
{
	display:none;
}