/* --- Header - H1 is Banner, H2 is Shadow Under Banner --- */

#header {
	position:				relative;
	height:					169px;
	padding:				0px 0px 0px 220px;
	background: 			url(/images/template/header_bar_black.gif) repeat-x;
}

#header h1 {
	position: 				absolute;
	margin: 				0px;
	left: 					0px;
	padding: 				0px;
	top: 					32px;
	height: 				132px;
}

#header h1 a {
	display: 				block;
	width: 					750px;
	height: 				0px !important;
	height /**/:			132px; /* IE 5/Win hack */ 
	padding: 				132px 0 0 0;
	overflow: 				hidden;
	background-image: 		url(/images/template/header_graphic.jpg);
	background-repeat: 		no-repeat;		
}

#header h1 a:hover {
	text-decoration: 		none;
	border-bottom: 			none;	
}

/* --- Header Navigation --- */

#top_nav {
	height:					32px;
	width: 					376px;
	float:					left;
}

#top_nav ul {
	margin: 				0px;
	padding:				0px;
	list-style-type:		none;
}

#top_nav li {
	float:					left;
}

#top_nav li a {
	float: 					left;
	height: 				0px !important;
	height /**/:			32px; /* IE 5/Win hack */ 
	padding: 				32px 0 0 0;
	overflow: 				hidden;
	background-repeat: 		no-repeat;
}

#top_nav li a:hover {
	background-position: 	0 -64px;
	border-bottom: 			none;
}

#top_nav li#home_page a { 
	width: 					94px; 
	background-image: 		url(/images/template/home.png); 
}

#top_nav li#news a { 
	width: 					94px; 
	background-image: 		url(/images/template/news.png); 
}

#top_nav li#about_us a { 
	width: 					94px; 
	background-image: 		url(/images/template/about_us.png); 
}

#top_nav li#contact_us a { 
	width: 					94px; 
	background-image: 		url(/images/template/contact_us.png); 
}

/* --- Top Navigation Highlight Current Page / Body IDs --- */

body.home_page #top_nav li#home_page a,
body.news #top_nav li#news a,
body.about_us #top_nav li#about_us a,
body.contact_us #top_nav li#contact_us a {
	background-position:	0 -32px;
}

/* --- Left Navigation --- */

#left_nav {
	position:				absolute;
	top: 					189px;
	left: 					25px;
	width: 					155px;
	padding: 				0px;
	margin: 				0px;
	height: 				0px;
	
}

#left_nav ul {
	margin: 				0px;
	padding:				0px;
	list-style-type:		none;	
}

#left_nav li {
	float:					left;
}
		
#left_nav li a { 
	float: 					left;	 	
  	height: 				0px !important;
	height /**/:			37px; /* IE 5/Win hack */   	
	padding: 				37px 0 0 0;
	margin:					0px;
	width:					155px;
	overflow: 				hidden;
	background-repeat: 		no-repeat;	
}	

#left_nav .left_nav_top_shadow,
#left_nav .left_nav_bottom_shadow {
	float: 					left;	
	width:					155px; 	
	margin:					0px;
	overflow: 				hidden;
	background-repeat: 		no-repeat;	 
}

#left_nav li a:hover {
	background-position: 	0 -74px;
	border-bottom:			none;
}

#left_nav .left_nav_top_shadow {  
	height: 				0px !important;
	height /**/:			10px; /* IE 5/Win hack */ 
	padding: 				10px 0 0 0;	
	background-image: 		url(/images/template/left_nav_top_shadow.png) !important;
	background-image/**/:	url(/images/template/left_nav_top_shadow_ie.png); /* IE 5/Win hack */  
}

#left_nav li#products a { 
	background-image: 		url(/images/template/products.png) !important;
	background-image/**/:	url(/images/template/products_ie.png); /* IE 5/Win hack */  
}

#left_nav li#stairs a { 
	background-image: 		url(/images/template/stairs.png) !important;
	background-image/**/:	url(/images/template/stairs_ie.png); /* IE 5/Win hack */
}

#left_nav li#railings a { 
	background-image: 		url(/images/template/railings.png) !important;
	background-image/**/:	url(/images/template/railings_ie.png); /* IE 5/Win hack */ 
}

#left_nav li#flooring a { 
	background-image: 		url(/images/template/flooring.png) !important;
	background-image/**/:	url(/images/template/flooring_ie.png); /* IE 5/Win hack */  
}

#left_nav li#gallery a { 
	background-image: 		url(/images/template/gallery.png) !important;
	background-image/**/:	url(/images/template/gallery_ie.png); /* IE 5/Win hack */  
}

#left_nav li#wood_species a { 
	background-image: 		url(/images/template/wood_species.png) !important;
	background-image/**/:	url(/images/template/wood_species_ie.png); /* IE 5/Win hack */ 
}

#left_nav li#powder_coating a { 
	background-image: 		url(/images/template/powder_coating.png) !important;
	background-image/**/:	url(/images/template/powder_coating_ie.png); /* IE 5/Win hack */ 
}

#left_nav .left_nav_bottom_shadow {  
	height: 				0px !important;
	height /**/:			15px; /* IE 5/Win hack */ 
	padding: 				15px 0px 0 0;
	margin-bottom: 			20px;
	background-image: 		url(/images/template/left_nav_bottom_shadow.png) !important;
	background-image/**/:	url(/images/template/left_nav_bottom_shadow_ie.png); /* IE 5/Win hack */ 
}

/* --- Top Navigation Highlight Current Page / Body IDs --- */

body.products #left_nav li#products a,
body.stairs #left_nav  li#stairs a,
body.railings #left_nav  li#railings a,
body.flooring #left_nav  li#flooring a,
body.gallery #left_nav  li#gallery a,
body.wood_species #left_nav  li#wood_species a,
body.powder_coating #left_nav  li#powder_coating a {
	background-position:	0 -37px;
}


/* --- Left Navigation Hide/Show Groups --- */

.nav_group {
	display: block;
	height: 28px;
	width: 155px;
	line-height: 28px;
	padding-left: 10px;
	color: #555;
	text-decoration: none;
}

.nav_group:hover {
	color: #555;
}

.nav_option {
	clear: left;
	display: block;
	font-size: 70%;
	text-align: left;
	background-image:       url(/images/template/left_nav_exp_bg.png) !important;
	background-image/**/:	url(/images/template/left_nav_exp_bg_ie.png); /* IE 5/Win hack */  	
	height: 22px;
	padding-left: 11px;
	line-height: 21px;
	color: #444;
	text-decoration: none;
}

.nav_option:hover {
	clear: left;
	text-align: left;
	line-height: 19px;
	font-size: 75%;
	height: 20px;	
	padding-left: 10px;
	background-image:	none !important;
	border:	1px solid #aaa;	
	background-color: #ddd;
	color: #444;
	text-decoration: none;
}

.nav_option:visited {
	color: #555;
}
	
.show {
	display:inline;
}

.hide {
	display:none;
}

/* --- Left Navigation Highlight Current Page / Body IDs --- */

body.products_steel_spindles #left_nav #products_steel_spindles,
body.products_wood_spindles #left_nav #products_wood_spindles,
body.products_handrails #left_nav #products_handrails,
body.products_posts_caps #left_nav #products_posts_caps,
body.products_specialty_components #left_nav #products_specialty_components,

body.stairs_circular #left_nav #stairs_circular,
body.stairs_straight #left_nav #stairs_straight,
body.stairs_spiral #left_nav #stairs_spiral,
body.stairs_valmont #left_nav #stairs_valmont,

body.railings_all_wood #left_nav #railings_all_wood,
body.railings_wood_steel_spindles #left_nav #railings_wood_steel_spindles,
body.railings_wood_glass_panels #left_nav #railings_wood_glass_panels,
body.railings_all_steel #left_nav #railings_all_steel,
body.railings_all_aluminum #left_nav #railings_all_aluminum,
body.railings_int_steel_glass #left_nav #railings_int_steel_glass,
body.railings_ext_steel_glass #left_nav #railings_ext_steel_glass,
body.railings_falcon_topless_system #left_nav #railings_falcon_topless_system,

body.wood_species_domestic #left_nav #wood_species_domestic,
body.wood_species_import #left_nav #wood_species_import  {

	clear: left;
	text-align: left;
	line-height: 19px;
	font-size: 75%;
	height: 20px;	
	padding-left: 10px;
	background-image:	none !important;
	border:	1px solid #aaa;	
	border-left: 5px solid #111;
	background-color: #eee;
	color: #111;
	text-decoration: none;
}



/* --- Top Navigation Highlight Current Page / Body IDs --- */

body.home_page #top_nav li#home_page a,
body.about_us #top_nav li#about_us a,
body.contact_us #top_nav li#contact_us a {
	background-position:	0 -32px;
}