/*****************************************
// Layout
*****************************************/

#wrapper 
{
	width: 100%;
}

#logo
{
	float: none;
	height: 225px;
	background: url(images/logobkgnd.jpg) repeat-x;
	border:1px solid #000;
	
	/* create a gap between logo and menu beneath it.*/
	margin-bottom: 30px;
}

#mainNav
{
	float: none;
	border:1px solid #000;
	background-color:#E3EAEB;
	
	/* create a gap between menu and content beneath it.*/
	margin-bottom: 10px;
}

#mainContent
{
	width: 78%;
	float: left;

	/* create a gap between content and footer beneath it.*/
	margin-bottom: 10px;
}

#sidebar
{
	width: 20%;
	float: right;

	/* create a gap between sidebar and footer beneath it.*/
	margin-bottom: 10px;
}

#footer
{
	clear: both;
	height: 80px;
	border:1px solid #000;
	background: url(images/footerbkgnd.jpg) repeat-x;
}

/*****************************************
// Product Layout
*****************************************/

#thumbImage
{
	width: 19%;
	float: left;
}

#productDesc
{
	width: 79%;
	float: right;
}


/*****************************************
// Reusable Classes
*****************************************/
 
 .center
 {
	display:block;
	margin-left:auto; 
	margin-right:auto;
 }

.imageFloatLeft
{
	float:left;
	margin: 20px;
}