#top-navigation
{
	margin-left:13px;
}
#top-navigation ul
{
	margin:0px;
	list-style-type:none;
	height:44px;
	width:960px;
}
#top-navigation li
{
	float:left;
	background: url('../graphics/nav/nav-bar.gif'),url('../graphics/nav/nav-bg.jpg');
	background-position: right top,left top;
	background-repeat: no-repeat,repeat-x;
	padding:12px 12px 0 8px;
	margin:0px;
	list-style-type:none;
	position:relative;
	height:37px;
}
#top-navigation li a
{
	font-size:12px;
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
}
#top-navigation li.selected,#top-navigation li:hover
{
	background: url('../graphics/nav/nav-bar.gif'),url('../graphics/nav/nav-bg-hover.jpg');
	background-position: right top,left top;
	background-repeat: no-repeat,repeat-x;
}
#top-navigation ul ul
{
	display:none;
	position:absolute;
	z-index:1000;
	top:36px;
	left:0px;
	float:none;
	border:1px solid #6C6D69;
   -moz-border-radius: 0px 0px 3px 3px;
	-webkit-border-radius: 0px 0px 3px 3px;
    -khtml-border-radius: 0px 0px 3px 3px;
	border-radius: 0px 0px 3px 3px;
    text-align:center;
    z-index:100000;
	filter:alpha(opacity=100);
	opacity:1;
    display:none;
	overflow:visible;
	padding-top:0px;
	
	background-image:none;
	background-color:#868687;
	background-image: -moz-linear-gradient(#7C6D6A, #625653);/* Firefox 3.6+ */
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#625653), to(#7C6D6A));/* Safari 4+, Chrome 1+ */
	background-image: -webkit-linear-gradient(#625653, #7C6D6A); /* Safari 5.1+, Chrome 10+ */
	background-image: -o-linear-gradient(#7C6D6A, #625653);/* Opera 11.10+ */
	
	box-shadow: 0px 0px 5px #C7C7C6;
	-moz-box-shadow: 0px 0px 5px #C7C7C6;
	-webkit-box-shadow: 0px 0px 5px #C7C7C6;
	-khtml-box-shadow: 0px 0px 5px #C7C7C6;
	
}
#top-navigation ul ul li
{
	padding:7px 13px;
	background-image:none;
	clear:left;	
	width:151px;
	text-align:left;
	height:auto;
}
#top-navigation ul ul li:hover
{
	background-image:none;
	background-color:#cccccc;
	
	background-image: -moz-linear-gradient(#dddddd, #aaaaaa);/* Firefox 3.6+ */
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aaaaaa), to(#dddddd));/* Safari 4+, Chrome 1+ */
	background-image: -webkit-linear-gradient(#aaaaaa, #dddddd); /* Safari 5.1+, Chrome 10+ */
	background-image: -o-linear-gradient(#dddddd, #aaaaaa);/* Opera 11.10+ */
}
#top-navigation ul ul li a:hover, #top-navigation ul ul li:hover a
{
	color:#333;
}
#top-navigation ul li:hover ul
{
	filter:alpha(opacity=90);
	opacity:0.9; 
    z-index:1000;  	
    display:block;
}
#top-navigation li.menufirstselected,
#top-navigation li.menufirst:hover{
	background: url('../graphics/nav/nav-bar.gif'),url('../graphics/nav/nav-bg-first-hover.jpg');
	background-position: right top,left top;
	background-repeat: no-repeat,no-repeat;
	padding-left:13px;
}
#top-navigation li.menufirst {
	background: url('../graphics/nav/nav-bar.gif'),url('../graphics/nav/nav-bg-first.jpg');
	background-position: right top,left top;
	background-repeat: no-repeat,no-repeat;
	padding-left:13px;
}
#top-navigation .menulast
{
	background: url('../graphics/nav/nav-bg-last.jpg') top right no-repeat;
	padding-right:14px;
}
#top-navigation li.menulastselected,
#top-navigation li.menulast:hover
{
	background: url('../graphics/nav/nav-bg-last-hover.jpg') top right no-repeat;
	padding-right:14px;
}
#top-navigation ul ul.design-specification
{
	height:232px;
	width:177px;
}
#top-navigation ul ul.why-decorated-shed
{
	height:261px;
	width:177px;
	left:-35px;
}
