
body{
	font-size:11px;
	font-family: "lucida sans", helvetica, sans-serif;
}

		#sidebar-a {
			float:left;
			width: 200px;
			\width: 205px;
			w\idth: 205px;
			margin: 0;
			padding: 0px;
			height:655px;
		}
		table{
			margin:0px;
			padding:0px;
			border: 2px solid #728073;
			border:collapse;
		}
		td{
			padding:0px;
			margin:0px;
		}
		.left{
			width:201px;
		}
		.right{
			width:420px;
		}
        #navlist
		{
			padding: 0px;
			margin: 0px;
			font: bold 11px Verdana, sans-serif;
			border: 2px solid;
			border-color: #AAA #666 #666 #AAA;
			background:  #728073;
			width: 200px;
		}
		#horizontal li{
			display: inline;
			list-style-type: none;
			padding-left: 0px;
			background:white;
		}
		#horizontal li a{
			font-weight:bold;
			background: /*#c5cbc5*/#fff;
			padding: 5px;
			line-height:25px;
		}
		.horizontal{
			background: #fff;
		}
		
		#navlist li
		{
			list-style: none;
			margin: 0;
			padding: 7px 5px 7px 0px;
			border: 1px solid;
			border-color: #FFF #AAA #AAA #FFF;
			text-align: left;
           /* background: #728073 url(../images/curved_staircase.png) left center no-repeat;*/
		}
		#navlist li.home{
            background: #728073 url(../images/home-light.jpg) left center no-repeat;
        }
        #navlist li.about{
	        background: #728073 url(../images/about-light.gif) left center no-repeat;
        }
        #navlist li.wood-stairs{
	        background: #728073 url(../images/wood-spiral-light.gif) left center no-repeat;
        }
        #navlist li.metal-stairs{
	        background: #728073 url(../images/metal-spiral-light.jpg) left center no-repeat;
        }
        #navlist li.curved-stairs{
	        background: #728073 url(../images/curved-stairs-light.jpg) left center no-repeat;
        }
        #navlist li.straight-stairs{
	        background: #728073 url(../images/straight-stairs-light.jpg) left center no-repeat;
        }
        #navlist li.balusters{
	        background: #728073 url(../images/balusters-light.jpg) left center no-repeat;
        }
        #navlist li.newels{
	        background: #728073 url(../images/newels-light.jpg) left center no-repeat;
        }
        #navlist li.rail-fittings{
	        background: #728073 url(../images/rail-fittings-light.jpg) left center no-repeat;
        }
        #navlist li.accessories{
	        background: #728073 url(../images/accessories-light.jpg) left center no-repeat;
        }
        #navlist li.hand-bottom-rails{
	        background: #728073 url(../images/hand-bottom-rails-light.jpg) left center no-repeat;
        }
        #navlist li.iron-balusters{
	        background: #728073 url(../images/iron-balusters-light.jpg) left center no-repeat;
        }
        #navlist li.iron-newels{
	        background: #728073 url(../images/iron-newels-light.jpg) left center no-repeat;
        }
        #navlist li.madallions{
	        background: #728073 url(../images/madallions-light.jpg) left center no-repeat;
        }
        #navlist li.iron-shoes-knuckles{
	        background: #728073 url(../images/iron-shoes-knuckles-light.jpg) left center no-repeat;
        }
        #navlist li.about a:hover{
	        background: transparent url(../images/about.gif) left center no-repeat;
        }
        #navlist li.wood-stairs a:hover, li.wood-stairs-current{
	        background: transparent url(../images/wood-spiral.gif) left center no-repeat;
        }  
        #navlist li.metal-stairs a:hover, li.metal-stairs-current{
	        background: transparent url(../images/metal-spiral.jpg) left center no-repeat;
        }       
        #navlist li.curved-stairs a:hover, li.curved-stairs-current{
	        background: transparent url(../images/curved-stairs.jpg) left center no-repeat;
        }       
        #navlist li.straight-stairs a:hover, li.straight-stairs-current{
	        background: transparent url(../images/straight-stairs.jpg) left center no-repeat;
        }       
        #navlist li.balusters a:hover, li.balusters-current{
	        background: transparent url(../images/balusters.jpg) left center no-repeat;
        }       
        #navlist li.newels a:hover, li.newels-current{
	        background: transparent url(../images/newels.jpg) left center no-repeat;
        }       
        #navlist li.rail-fittings a:hover, li.rail-fittings-current{
	        background: transparent url(../images/rail-fittings.jpg) left center no-repeat;
        }       
        #navlist li.accessories a:hover, li.accessories-current{
	        background: transparent url(../images/accessories.jpg) left center no-repeat;
        }       
        #navlist li.hand-bottom-rails a:hover, li.hand-bottom-rails-current{
	        background: transparent url(../images/hand-bottom-rails.jpg) left center no-repeat;
        }       
        #navlist li.iron-balusters a:hover, li.iron-balusters-current{
	        background: transparent url(../images/iron-balusters.jpg) left center no-repeat;
        }       
        #navlist li.iron-newels a:hover, li.iron-newels-current{
	        background: transparent url(../images/iron-newels.jpg) left center no-repeat;
        }       
        #navlist li.iron-shoes-knuckles a:hover, li.iron-shoew-knuckles-current{
	        background: transparent url(../images/iron-shoes-knuckles.jpg) left center no-repeat;
        }       
       
		#navlist li.heading{
			background: #728073;
		}
		
		#navlist li a{ 
			text-decoration: none; 
			padding: 7px 0px 7px 30px;
			color:#ddd;

		}
		#navlist li.home-current{
	    background: #728073 url(../images/home.jpg) left center no-repeat;
        }
        #navlist li.about-current{
	    background: #728073 url(../images/about.gif) left center no-repeat;
        }
        #navlist li.home-current a:link, #navlist li.home-current a:visited, 
        #navlist li.about-current a:link, #navlist li.about-current a:visited,
        #navlist li.wood-stairs-current a:link, #navlist li.wood-stairs-current a:visited,
        #navlist li.metal-stairs-current a:link, #navlist li.metal-stairs-current a:visited,
        #navlist li.curved-stairs-current a:link, #navlist li.curved-stairs-current a:visited,
        #navlist li.straight-stairs-current a:link, #navlist li.straight-stairs-current a:visited,
        #navlist li.balusters-current a:link, #navlist li.balusters-current a:visited,
        #navlist li.newels-current a:link, #navlist li.newels-current a:visited,
        #navlist li.rail-fittings-current a:link, #navlist li.rail-fittings-current a:visited,
        #navlist li.accessories-current a:link, #navlist li.accessories-current a:visited,
        #navlist li.hand-bottom-rails-current a:link, #navlist li.hand-bottom-rails-current a:visited,
        #navlist li.iron-balusters-current a:link, #navlist li.iron-balusters-current a:visited,
        #navlist li.iron-newels-current a:link, #navlist li.iron-newels-current a:visited,
        #navlist li.iron-shoes-knuckles-current a:link, #navlist li.iron-shoes-knuckles-current a:visited
{
	        color:white;
	        cursor:default;
        }
			
		#navlist li a:link, #navlist li a:visited{
			 color: #ddd; 
			 text-decoration: none;
	    }
        #navlist li.current a:link, #navlist li.current a:visited, #navlist li a:hover{
			 color: white; 
			 text-decoration: none;
			/* background: url(../images/curved_staircase_pressed.png) left center no-repeat;*/
	    }
	    #navlist li p{
		    padding: 2px 2px 2px 10px;
		    margin:0px;
	    }
	    
		#container {
			width: 845px;
			\width: 865px;
			w\idth: 845px;
			margin: 0px;
			margin-left: auto;
			margin-right: auto;
			padding: 0px;
		}
		#banner {
			/*
			width: 835px;
			\width: 855px;
			w\idth: 835px;
			*/
			padding: 0px;
			margin-bottom: 0px;
            background: #728073;
		}
		#banner p{
			padding:10px;
			margin:5px;
			color:#fff;
			font-weight:bold;
		}
		#banner img{
			border:none;
		}
		#banner a{
			text-decoration:none;
			border:none;
			padding:0px;
		}
		#banner a.contact{
			padding: 5px;
			border:2px solid #fff;
			font-size:12px;
			font-weight:bold;
			color:#fff;
			background-color:#5766a4;
		}

		#content {
			padding: 0px;
			margin:0px;
			padding-top:10px;
			background-color: #fff;
			font-size:12px;
			margin-left:210px;
		}
		#content a:link, #content a:visited{
			text-decoration: none;
			color: #5766a4;
		}
		#footer {
			text-align:center;
			font-size:11px;
			padding: 0px;
	        background: #728073;
	        color:#fff;
		}
		#footer p{
			font-size:14px;
			padding:5px;
			font-weight:bold;
		}
		.blank{
	        background: #728073 url(../images/diag_bg.png) 0 0 repeat;
	       /*height:135px;*/
        }
        .bottom{
	        height:
	        45px;
            background: #728073;
            text-align:center;
        }
        .bottom a:link, .bottom a:visited{
         color: white;
     }
		#footer a{
			text-decoration:none;
			font-weight:bold;
		}
		#footer a:link, #footer a:visited{
						color: #fff;
		}
		.boldmessage{
			font-weight:bold;
		}
		#content ul{
			padding:0px;
			margin:0px 0px 0px 50px;
        }
        #content li{
	        font-size:12px;
	    	list-style: none;
	    	line-height:16px;
        }	
		#content p{
			padding:5px;
			margin:0;
			font-size:12px;
			line-height:18px;
		}
		#content img{
			margin:0px;
			padding:0px;
		}
		.thumbnail, 
		.baluster-thumbnail,
		.iron-newel-thumbnail, 
		.newel-thumbnail, 
		.fittings-thumbnail, 
		.fittings-caps-thumbnail, 
		.fittings-goose-thumbnail, 
		.accessories-thumbnail, 
		.accessories-small-thumbnail,
		.rails-thumbnail,
		.blank-thumbnail,
		.blank-shoes-thumbnail,
		.shoes-thumbnail{
			float: left;
			margin: 0 0px 0px 0;
			padding: 5px;
			font-size:10px;
			line-height:18px;
			text-align:center;
		}
		.thumbnail{
			width: 99px;
		}
		.shoes-thumbnail{
			width:123px;
		}
		.baluster-thumbnail, .newel-thumbnail{
			width: 56px;
		}
		.iron-newel-thumbnail{
			width:115px;
		}
		.blank-thumbnail{
			width:150px;
			height:146px;
		}
		.blank-shoes-thumbnail{
			width:150px;
			height:60px;
		}

		.fittings-thumbnail{
			width:150px;
			height:212px;
		}
		.accessories-thumbnail{
			width:150px;
			height:170px;
		}
		.rails-thumbnail{
			width:150px;
			height:148px;
		}
		.accessories-small-thumbnail{
			width:150px;
			height: 105px;
		}
		.fittings-caps-thumbnail{
			width:124px;
			height:142px;
			padding:0px;
			padding-top:2px;
		}
		.fittings-goose-thumbnail{
			width:100px;
			height:180px;
			padding:0px;
			padding-top:2px;
		}
		html > body .fittings-thumbnail, 
		html > body .accessories-thumbnail, 
		html > body .accessories-small-thumbnail,
		html > body .rails-thumbnail{
			width:145px;
		}
		html > body .fittings-thumbnail{
			height:202px;
		}
		html > body .accessories-thumbnail{
			height:160px;
		}
		html > body .accessories-small-thumbnail{
			height:95px;
		}
		html > body .fittings-caps-thumbnail{
			height:139px;
		}
		html > body .rails-thumbnail{
			height:138px;
		}

		html > body .baluster-thumbnail, html > body .newel-thumbnail{
			width:46px;
		}
		html > body .thumbnail{
		width: 93px;
		}
		.thumbnail a{
			font-weight:bold;
		}
		#thumbnail-container{
			padding-left:10px;
			margin-top:0px;
			padding-top:0px;
			padding-bottom:1px;
			height:100%;
		}
		#thumbnail-container{
			width:420px;
        }
		#baluster-container{
			width:624px;
		}
		html > body #thumbnail-container{
			width:414px;
		}
		.thumbnail img{
			height:146px;
			width:88px;
			border:2px solid black;
		}
		.baluster-thumbnail img{
			height:195px;
		}
		.iron-newel-thumbnail img{
			height:250px;
		}
		.newel-thumbnail img{
			height:185px;
		}
		.fittings-thumbnail img{
			height:100px;
		}
		.accessories-thumbnail img{
			height:120px;
		}
		.fittings-caps-thumbnail img{
			height:70px;
		}
		.fittings-goose-thumbnail img{
			height:100px;
		}
		.accessories-small-thumbnail img{
			height:50px;
		}
		.rails-thumbnail img{
			height:95px;
		}
			
		.thumbnail img.spacer{
			border:none;
			height:155px;
			width: 92px;
		}
		
		.clearboth { clear: both; }
		#content ul.horizontal-menu{
			margin-right:0px;
			margin-left:15px;
			margin-top:0px;
			margin-bottom:0px;
			padding-bottom:0px;
		}
		#content ul.horizontal-menu li{
			display:inline;
			margin:0px;
			padding:0px;
		}
		#content ul.horizontal-menu li a:link, #content ul.horizontal-menu li a:visited{
			color:white;
		}
		#content ul.horizontal-menu li img{
			border:none;
		}
		#content ul.specs{
			margin-left:15px;
			margin-top:3px;
		}
		#content ul.specs li{
			line-height:18px;
			font-size:14px;
		}
		.top{
			vertical-align:top;
		}
		
		.copy{
			background:#fff;
			vertical-align:top;
		}
        #content td.center{
	        text-align:center;
        }
        
        .submit{
          cursor:hand; 
          background:#728073; 
          color: #fff;
          font-size:12px;
          font-weight:bold;
          padding:5px;
        }
        hr{
	        border: 1px solid #728073;
        }
           
