/* @group RESET */

body,div,h1,h2,h3,h4,h5,h6,p { 
	margin:0;
	padding:0;
}

h1,h2,h3,h4,h5,h6 {
	font-size:1em;
	font-weight:normal;
}

/* @end */

body{ /* 10px */
	font-family: Verdana, Helvetica, Arial, san-serif;
	line-height: 1.3em;
	font-size: 10px;
}

#wrapper{
	width: 103em;
}

#toppanel
{	margin: 0em;
	top: 0;
	left: 4em;
	width: 50em;
	padding: 0em;
	position: fixed;
}
	
	#toppanel li
	{	margin-right: .1em;
		float: left;
		list-style: none;
	}

	#toppanel li a
	{	width: 10.9em;
		padding-left: 1em;
		display: block;
		background: #99CC00;
		text-decoration: none;
		border-right: 1px solid white;
		color: #fff;
		white-space: nowrap;	
	}

	#toppanel li a:hover
	{	background: #999999}
		
		#toppanel li ul
		{	margin: 0em;
			padding: 0em;
			position: absolute;
			visibility: hidden;
			border-top: .1em solid white}
		
		#toppanel li ul li
		{	float: none;
			display: inline}
		
		#toppanel li ul li a
		{	width: 10.9em;
			background: #999999}
		
		#toppanel li ul li a:hover
		{	background: #99CC00}
		
#logo
{	margin-left: 4em;
	margin-top: 3em;
}

#text
{	margin-top: 2em;
	margin-left: 4em;
	width: 47.9em;
	float: left;
	color: #676767
}

#about_pictures
{
	border: .1em solid #999999;
	margin-top: 2em;
	margin-left: 4em;
	width: 47.8em;
}


/* @group links */

#text a{
	padding: .1em;
	margin-left: -.1em;
}

#text a:link {
	text-decoration: none;
	color: #676767
}

#text a:visited {
	text-decoration: none;
	color: #99CC00;
}

#text a:active{
	text-decoration: none;
	background-color: #fff;
	color: #676767
}

#text a:hover {
	text-decoration: none;
	background-color: #99CC00;
	color: #fff;	
}
/* @end */

#pictures{
	margin-left: 4em;	
	margin-top: 2em;
}

.secnav
{
	width: 10.8em;
	background-color: #99CC00;
	color: #fff;
	padding-left: 1em;
	float: left;
}

#pictures a:link{
	text-decoration: none;

}

#pictures a:visited{
	text-decoration: none;
}

.chair a{
	display: block;
	float: left;
	margin-right: .1em;
	border: .1em solid #999999;
	width: 11.8em;
}

.chair a:link,
.chair a:visited{
	background-image: url('pictures/chairs.jpg');
	background-repeat: no-repeat;	
}

.chair a:active, 
.chair a:hover {
	background-image: url('pictures/chairs2.jpg');	
	background-repeat: no-repeat;	

}

.lamp a{
	display: block;
	float: left;
	margin-right: .1em;
	border: .1em solid #999999;
	background-repeat: no-repeat;	
	width: 11.8em;


}

.lamp a:link,
.lamp a:visited{
	background-image: url('pictures/lamps.jpg');	
	background-repeat: no-repeat;	

}

.lamp a:hover {
	background-image: url('pictures/lamps2.jpg');	
	background-repeat: no-repeat;	

}

.shelf a{
	display: block;
	float: left;
	margin-right: .1em;
	border: .1em solid #999999;
	width: 11.8em;

}

.shelf a:link,
.shelf a:visited{
	background-image: url('pictures/shelves.jpg');	
	background-repeat: no-repeat;	

}

.shelf a:active, 
.shelf a:hover {
	background-image: url('pictures/shelves2.jpg');	
	background-repeat: no-repeat;	

}

.table a{
	display: block;
	float: left;
	margin-right: .1em;
	border: .1em solid #999999;
	width: 11.8em;

}

.table a:link,
.table a:visited{
	background-image: url('pictures/tables.jpg');	
	background-repeat: no-repeat;	

}

.table a:active,
.table a:hover {
	background-image: url('pictures/tables2.jpg');	
	background-repeat: no-repeat;	

}

/* @group links */

#furniturepics{
	margin-left: 4em;
	margin-top: 2em;
	width: 49em;
}

.chairpage img{
	border: .1em solid #999999;
	float: left;
	}
#greennav{
	background-color: #fff;
	width: 10.9em;
	height: 25.4em;
	float: left;
	margin-left: .2em;
	padding-top: 1.5em;
	padding-left: 1em;
	border: .1em solid #999999;
}

#greennav a:link{
	text-decoration: none;
	color: #676767
}
#greennav a:visited{
	text-decoration: none;
	color: #676767

}
#greennav a:active{
	text-decoration: none;
}
#greennav a:hover{
	text-decoration: none;
	background-color: #99CC00;
	color: #fff;
}

#currentpage{
	color: #fff;
	background-color: #999999;
}

h1{
	font-size: 1.5em;
}
/* @end */