@charset "iso-8859-1";

/*******************************************************************************
*  www.mishawakfurniture.net | background-images.css
* ------------------------------------------------------------------------------
*  this stylesheet is used to show how to apply background images
*  to elements within the layout. This includes switching from borders to 
*  background images for the side columns. This requires some additional 
*  values to be altered besides the background family of properties.
*******************************************************************************/
/*
html, body
{
	background-color: #8e8e8e;
	background-image: url("../images/body-bg.jpg");
	background-repeat: repeat;
	background-position: 100% 0;
}
*/
#outerColumnContainer
{
	border-left-width: 0;
/*	border-right-width: 0;	/* we remove the borders so we can apply background images. */
	padding-left: 14em;		/* because padding is on the left-side, the left-column"s background image is going to be applied to this element. */
/*	margin-right: 14em;		/* the right-column"s space is reserved with margin space rather than padding, so we can apply a background image to the parent element, #pageWrapper, and it will peek through. */
	background-image: url("../images/presentation/green/column-bg.jpg");
	background-repeat: repeat;
	background-position: 0 0;
}
/*
#pageWrapper
{
	background-image: url("../images/column-bg.jpg");
	background-repeat: repeat-y;
	background-position: 100% 0;
}
*/
	padding-left: 14em;		/* because padding is on the left-side, the left-column"s background image is going to be applied to this element. */
/*	margin-right: 14em;		/* the right-column"s space is reserved with margin space rather than padding, so we can apply a background image to the parent element, #pageWrapper, and it will peek through. */
	background-image: url("../images/presentation/green/column-bg.jpg");
	background-repeat: repeat;
	background-position: 0 0;
}
/*
#pageWrapper
{
	background-image: url("../images/column-bg.jpg");
	background-repeat: repeat-y;
	background-position: 100% 0;
}
*/
#masthead
{
	background-image: url("../images/presentation/green/top-bg.jpg");
	background-repeat: repeat;
	background-position: 100% 0;
}
.hnav
{
	background-image: url("../images/presentation/green/topnav-bg.jpg");
	background-repeat: repeat;
	background-position: 100% 0;
}
.hnav ul li a
{
	background-image: url("../images/presentation/green/button-bg.jpg");
	background-repeat: repeat;
	background-position: 100% 0;
}
.hnav ul li a:hover
{
	background-image: url("../images/presentation/green/button-hover-bg.jpg");
}
#footer
{
	background-image: url("../images/presentation/green/bottom-bg.jpg");
	background-repeat: repeat;
	background-position: 100% 0;
}
#contentColumn
{
	background-color: transparent;	/* need to reset the background color of the content column because we set it in v4.css */
}
#innerColumnContainer
{
	background-color: #ffffff;
}
.vnav ul li a
{
	background-image: url("../images/presentation/green/button-bg.jpg");
	background-repeat: repeat;
	background-position: 100% 0;
}
.vnav ul li a:hover
{
	background-image: url("../images/presentation/green/button-hover-bg.jpg");
	background-repeat: repeat;
	background-position: 100% 0;
}