/* 
    AUTHOR: Julian Lannigan
            julian.lannigan@gmail.com
            http://jlservice.net
*/

/* RESETS & BASIC PAGE SETUP */
* { margin: 0; padding: 0; }
html { 
	overflow-y: scroll;
	min-height: auto;
}
body { 
	font: 14px "Arial", sans-serif;
	min-height: auto;
}

ul { list-style-position: outside; margin-left: 40px; }
p { line-height: 1.2em; margin-bottom: 1.2em; }
	p.metadata { background: #fff9a7; padding: 3px;} 
a { outline: none; }
a img { border: none; }

h1 {
	font-family: Georgia, serif;
	font-size: 2.4em;
	font-weight: normal;
	color: #a69028;
	}
	h1#logo {
		width: 654px;
		height: 112px;
		background: url(../images/header.jpg) no-repeat center center;
		text-indent: -9999px;
	}

/* END RESET */

/* TOOLBOX */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
/* END TOOLBOX */

/* STRUCTURE AND STUFF */
#header-wrap {
	background-color: #000;
	}
	#header {
		width: 879px;
		margin: 0 auto;
		}
		#cart-top-bar {
			display: block;
			color: #b0d0ed;
			position: absolute;
			width: 850px;
			text-align: right;
			padding-top: 6px;
			font-size: 10px;
			}
			#cart-top-bar a {
				color: #fff;
				text-decoration: none;
				}
				#cart-top-bar a:hover {
					color: #b0d0ed;
					}

#banner-wrap {
	/*background-color: #000;*/
	}
	#banner {
		width: 879px;
		height: 274px;
		margin: 0 auto;
		z-index: 0;
		background: url(../images/banner-bg.jpg) no-repeat;
		}
	#banner-wrap-left {
		background: url(../images/banner-wrap-left-bg.jpg) repeat-x;
		width: 50%;
		height: 274px;
		position: absolute;
		top: 80px;
		z-index: -10;
		}
	#banner-wrap-right {
		background: url(../images/banner-wrap-right-bg.jpg) repeat-x;
		width: 50%;
		height: 274px;
		position: absolute;
		right: 0;
		top: 80px;
		z-index: -10;
		}

#cart-search-bar-wrap {
	background: transparent url(../images/page-wrap-bg.png) repeat scroll 0 2px;
	height: 32px;
	}
	#cart-search-bar {
		width: 879px;
		margin: 0 auto;
		height: 32px;
		background: url(../images/cart-search-bar-bg.png) no-repeat;
		z-index: 20;
		}
		
#page-content-wrap {
	background: url(../images/page-wrap-bg.png) repeat;
	}
	#page-content-container {
		width: 879px;
		margin: 0 auto;
		background: url(../images/page-content-bg.png) repeat-y;
		}
		
		#page-content {
			padding: 10px 40px 95px 40px;
			}
	#page-content-fade-bg {
		display: none;
		}
#footer-wrap {
	width: 879px;
	height: 75px;
	}
	#footer-content {
		background: url(../images/footer-bg.jpg) no-repeat;
		margin: 0 17px 0 20px;
		width: 841px;
		height: 75px;
		}
	
	#footer-content a {
			color: #fff;
			text-decoration: none;
			}
			#footer-content a:hover {
				color: #b0d0ed;
				}
	#footer-left {
		float: left;
		color: #b0d0ed;
		font-size: 10px;
		margin: 5px 0 0 10px;
		}
		* html #footer-left {
			margin: 56px 0 0 -175px;
			}
	#footer-left-image {
		float: left;
		margin: 2px 0 0 5px;
		}
		* html #footer-left-image {
			margin: 2px 0 0 2px;
			}
	#footer-right {
		float: right;
		color: #b0d0ed;
		font-size: 10px;
		margin: 5px 8px 0 0;
		}
		* html #footer-right {
			margin: 2px 3px 0 0;
			}
	#footer-right-image {
		float: right;
		margin: 2px 0px 0 0;
		}
		* html #footer-right-image {
			margin: 2px 0px 0 0;
			}

/* END STRUCTURE */


html
{
	height: 100%;
}

body
{
	background: url(../images/page-wrap-bg.png) repeat;
}

#nonFooter
{
	position: relative;
	min-height: 100%;
	width: 879px;
	margin: 0 auto;
}

* html #nonFooter
{
	height: 100%;
}

#footer-wrap
{
	position: relative;
	margin: -75px auto 0 auto;
}

/* A CSS hack that only applies to IE -- specifies a different height for the footer */

* html #footer-wrap
{
	margin-top: -75px;
}

#page {
	min-height: 100%;
	}