#navigation {
	width:1646px;
	height:29px;
	position:relative;
	z-index: 500;
	background:url("../images/navigation.gif") no-repeat;
	background-color:#e7e0d2;
	float:left;
	list-style:none;
	padding:0;
	margin:0;
}
#navigation li {
	display:inline;
	padding:0;
	margin:0;
	float:left;
}
#navigation li a {
	float:left;
	height:0;
	padding-top:29px;
	line-height:0;
	overflow:hidden;
	text-indent: -100em;
}
#navigation li a:hover {
	background-position:0 -29px;
}
#navigation li a:active, #navigation a.selected {
	background-position:0 -29px;
}

/* Buttons */

#navigation li#gn-about-greer a { background-position:0 0; width:391px; }
#navigation li#gn-what-we-do a { background-position:-91px 0; width:91px; }
#navigation li#gn-portfolio a { background-position:-182px 0; width:79px; }
#navigation li#gn-case-process a { background-position:-261px 0; width:100px; }
#navigation li#gn-remodeling-trends a { background-position:-360px 0; width:164px; }
#navigation li#gn-press a { background-position:-525px 0; width:52px; }
#navigation li#gn-contact-us a { background-position:-577px 0; width:69px; }

#navigation li#gn-about-case a:hover, #navigation li#gn-about-case a.selected { background-position:0 -29px; }
#navigation li#gn-what-we-do a:hover, #navigation li#gn-what-we-do a.selected { background-position:-91px -29px; }
#navigation li#gn-portfolio a:hover, #navigation li#gn-portfolio a.selected { background-position:-182px -29px; }
#navigation li#gn-case-process a:hover, #navigation li#gn-case-process a.selected { background-position:-261px -29px; }
#navigation li#gn-remodeling-trends a:hover, #navigation li#gn-remodeling-trends a.selected { background-position:-360px -29px; }
#navigation li#gn-press a:hover, #navigation li#gn-press a.selected { background-position:-525px -29px; }
#navigation li#gn-contact-us a:hover, #navigation li#gn-contact-us a.selected { background-position:-577px -29px; }

#navigation li a {
	background-image: url("../images/navigation.gif");
	background-repeat: no-repeat;
	}
#navigation li a#on {
	background-image: url("../images/navigation_on.gif");
	}
#navigation li a#off {
	background-image: url("../images/navigation.gif");
	}
/*START DROPDOWN STYLES */
#navigation .subnav-dropdown
{
	position:absolute;
	top:29px;
	left:0px;
	width:150px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #C6B99F;
	border-right-color: #C6B99F;
	border-bottom-color: #C6B99F;
	border-left-color: #C6B99F;
	visibility:hidden;
}
#navigation .subnav-dropdown, #navigation .subnav-dropdown li
{
	background-image: none;
	float:none;
	display:block;
	padding: 0px;
	margin:0px;
}
#navigation .subnav-dropdown li a:link, #navigation .subnav-dropdown li a:visited, #navigation .subnav-dropdown li a:active
{
	background-image: none;
	text-indent: 0px;
	line-height: normal;
	overflow:visible;
	background-color:#E7E0D2;
	display:block;
	float:none;
	height:auto;
	padding-top:0px;
	text-indent: 0em;
	padding:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #36210F;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #C6B99F;
	border-right-color: #C6B99F;
	border-bottom-color: #C6B99F;
	border-left-color: #C6B99F;
}
#navigation .subnav-dropdown li a:hover
{
	background-color:#F2EADA;
}
#navigation li#gn-about-case .subnav-dropdown a, 
#navigation li#gn-what-we-do .subnav-dropdown a,
#navigation li#gn-portfolio .subnav-dropdown a,
#navigation li#gn-case-process .subnav-dropdown a,
#navigation li#gn-remodeling-trends .subnav-dropdown a,
#navigation li#gn-press .subnav-dropdown a,
#navigation li#gn-contact-us .subnav-dropdown a 
{
	width:140px; 
}

/*END DROP DOWN STYLES */	
	
/* START SUBNAV */
.subnav
{
	color: #FFFFFF;
	margin-top:5px;
}
.subnav ul 
{
	margin-top:0px;
	margin-bottom:0px;
}
.subnav ul li
{
	display: block;
	margin-top:0px;
	margin-bottom:5px;
}
.subnav ul li a:link, .subnav ul li a:visited,.subnav ul li a:active
{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	display:block;
	display:inline;
}
.subnav ul li a.active
{
text-decoration:underline;
}

.subnav ul li a:hover
{
	text-decoration: underline;
}
.sidebar-left .subnav ul li a:hover
{
text-decoration:underline;
}
/* third level */
.subnav ul li ul 
{
	margin-top:5px;
}
.subnav ul li ul li
{
	margin-left:10px;
	margin-bottom:0px;
}
.subnav ul li ul li a:link, .subnav ul li ul li a:visited, .subnav ul li ul li a:active
{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	display:block;
	display:inline;
}
.subnav ul li ul li a.active
{
text-decoration:underline;
}
.subnav ul li ul li a:hover
{
	text-decoration: underline;
}