body {
	width: 980px;
	margin: 0 auto;
	padding: 0;
	color: #3C2E29;
	font: 13px/22px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	background-color: #FFF;
}

p, h2, h3, h4 {
	margin: 0 0 1.2em;
	padding: 0;
}

a {
	color: #F58220;
	text-decoration: none;
}

a:hover { background-color: #EEF4E0; }

div#header { background: url("branch_top.jpg") top right no-repeat; }

div#header h1 {
	width: 660px;
	height: 180px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	background: url("foresta_logo.png") no-repeat;
}

div#nav {
	float: left;
	width: 182px;
	padding-top: 20px;
}

div#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

div#nav ul li {
	margin: 0;
	padding: 0 0 10px;
}

div#nav ul li a {
	display: block;
	width: 182px;
	height: 40px;
	outline: none;
	text-indent: -9999px;
	background: url("nav_sprite.png") no-repeat;
}

div#nav ul li a#discover { background-position: 0 0; }
div#nav ul li a#elements { background-position: 0 -50px; }
div#nav ul li a#design { background-position: 0 -100px; }
div#nav ul li a#pianos { background-position: 0 -150px; }
div#nav ul li a#evolution { background-position: 0 -200px; }
div#nav ul li a#worldwide { background-position: 0 -250px; }
div#nav ul li a#locations { background-position: 0 -300px; }

div#nav ul li a#discover:hover { background-position: -182px 0; }
div#nav ul li a#elements:hover { background-position: -182px -50px; }
div#nav ul li a#design:hover { background-position: -182px -100px; }
div#nav ul li a#pianos:hover { background-position: -182px -150px; }
div#nav ul li a#evolution:hover { background-position: -182px -200px; }
div#nav ul li a#worldwide:hover { background-position: -182px -250px; }
div#nav ul li a#locations:hover { background-position: -182px -300px; }

div#nav ul li a#discover.active { background-position: -364px 0; }
div#nav ul li a#elements.active { background-position: -364px -50px; }
div#nav ul li a#design.active { background-position: -364px -100px; }
div#nav ul li a#pianos.active { background-position: -364px -150px; }
div#nav ul li a#evolution.active { background-position: -364px -200px; }
div#nav ul li a#worldwide.active { background-position: -364px -250px; }
div#nav ul li a#locations.active { background-position: -364px -300px; }

div#content {
	float: left;
	width: 758px;
	margin-left: 40px;
}

div#content h2 {
	margin-bottom: 1em;
	height: 60px;
	text-indent: -9999px;
}

div#content h2.discover { background: url("title_discover.png") no-repeat; }
div#content h2.elements { background: url("title_elements.png") no-repeat; }
div#content h2.design { background: url("title_design.png") no-repeat; }
div#content h2.pianos { background: url("title_pianos.png") no-repeat; }
div#content h2.evolution { background: url("title_evolution.png") no-repeat; }
div#content h2.worldwide { background: url("title_worldwide.png") no-repeat; }
div#content h2.locations { background: url("title_locations.png") no-repeat; }

div#content h3 {
	margin-bottom: .3em;
	color: #86A63F;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 1px;
}

div#content img.left {
	float: left;
	margin: .3em 1em .8em 0;
}

div#content img.right {
	float: right;
	margin: .3em 0 .8em 1em;
}

div#content img.border {
	padding: 4px;
	background-color: #F8F8F8;
	border: #D7DEC7 1px solid;
}

div#content img.tight { margin-bottom: .1em; }
div#content img.tall { margin-bottom: 1.2em; }

div#content ul.links {
	margin-top: 0;
	margin-bottom: 1.2em;
	padding-bottom: 1.2em;
	list-style-type: square;
	border-bottom: #E3EAD2 1px solid;
}

div#content ul.links li {
	color: #B9AFAB;
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 0;
}

div#content ul.links li a span { color: #99918D; }

div#content td {
	width: 50%;
	padding: 0 1em 2.4em 0;
	vertical-align: top;
}

div#content td.right {
	padding: 0 0 2.4em 1em;
	border-left: #E3EAD2 1px dotted;
}

div#content td h3 {
	margin-bottom: .2em;
	color: #99918D;
	font-size: 19px;
	letter-spacing: 0;
}

div#content td h4 {
	margin-bottom: .4em;
	color: #86A63F;
	font-size: 13px;
	font-weight: normal;
}

div#content td p {
	margin-bottom: 0;
	font-size: 12px;
}

div#content ul#dealers {
	margin: 0;
	padding: 0;
	list-style: none;
}

div#content ul#dealers li {
	float: left;
	width: 340px;
	height: 130px;
	margin: 1em 1.2em 1em 0;
	padding: 0;
}

div#content ul#dealers li h4 {
	margin-bottom: .4em;
	font-size: 13px;
	line-height: 18px;
}

div#content ul#dealers li address {
	margin-bottom: .3em;
	line-height: 17px;
}

div#content ul#dealers li p.phone { margin-bottom: 0; }

div#content .cl { clear: left; }

div#footer {
	clear: left;
	height: 146px;
	background: url("footer_bg.png") no-repeat;
}
