@charset "utf-8";
/* CSS Document */

#nav ul {
	margin-top:20px;
	list-style-type:none;
}

#nav ul#item1{
	position:absolute;
	top:50px;
	left:0px;
}

#nav ul#item2{
	position:absolute;
	top:107px;
	left:0;
}

#nav ul#item3{
	position:absolute;
	top:164px;
	left:0;
}

#nav ul#item4{
	position:absolute;
	top:221px;
	left:0;
}

#nav ul#item5{
	position:absolute;
	top:278px;
	left:0;
}

#nav ul li.item{
	display:none;
}

#nav ul li.item a{
	padding-left:10px;
	padding-top:4px;
	text-decoration:none;
	display:block;
	width:230px;
	height:25px;
	background-image:url(../images/nav-back.png);
	background-repeat:repeat;
	position:relative;
	top:-50px;
	left:160px;	
	border-right:solid 2px #666;
	color:white;
}

#nav ul li.item a:hover{
	background:#ECECEC;
	color:#333;
}

#nav ul li.homes{
	background:url(../images/smarthome.png) 0 0;
	width:159px;
	height:57px;
}

#nav ul li.homes:hover,
.hoverhomes {
	background:url(../images/smarthome.png) -163px 0;
	width:159px;
	height:57px;
}

#nav ul li.growth{
	background:url(../images/smartgrowth.png) 0 0;
	width:159px;
	height:57px;
}

#nav ul li.growth:hover,
.hovergrowth {
	background:url(../images/smartgrowth.png) -163px 0;
	width:159px;
	height:57px;
}

#nav ul li.building{
	background:url(../images/smartbuilding.png) 0 0;
	width:159px;
	height:57px;
}

#nav ul li.building:hover,
.hoverbuilding {
	background:url(../images/smartbuilding.png) -163px 0;
	width:159px;
	height:57px;
}

#nav ul li.design{
	background:url(../images/smartdesign.png) 0 0;
	width:159px;
	height:57px;
}

#nav ul li.design:hover, 
.hoverdesign {
	background:url(../images/smartdesign.png) -163px 0;
	width:159px;
	height:57px;
}

#nav ul li.questions {
	background:url(../images/smartquestions.png) 0 0;
	width:159px;
	height:57px;
}

#nav ul li.questions:hover,
.hoverquestions {
	background:url(../images/smartquestions.png) -163px 0;
	width:159px;
	height:57px;
}

#nav ul:hover .item{
	display:block;
}

#nav{
	position:absolute;
}