/* CSS :: TEMPLATE */ 

/* IMPORTS */
@import url("nav.css");
@import url("template-content.css");


/* TEMPLATE */

/* !!! DEBUG PURPOSES ONLY !!!
div {border: solid 1px #f00;} 
*/

html,body {
	height: 100%;
	padding: 0px;
	margin: 0px;
}

body {
	text-align: center;
	background-color: #FFF;
}

#container {
	width: 950px;
	height: 100%;
	margin: auto;
}
	
	#header {
		position: relative;
		float: left;
		width: 100%;
		background-attachment: scroll;
		background-repeat: no-repeat;
		background-image: url(../assets/img_headerbgr.jpg);
	}
	#prodcat-high #header { background-image: url(../assets/topbanner-high.jpg); }
	#prodcat-low #header { background-image: url(../assets/topbanner-low.jpg); }
	#prodcat-passive #header { background-image: url(../assets/topbanner-passive.jpg); }
	
	#topbanner {
		position: relative;
		float: left;
		clear: left;
		width: 100%;
		padding: 0px;
		margin: 0px;
	}
	#prodcat-high #topbanner,
	#prodcat-low #topbanner,
	#prodcat-passive #topbanner {	
		height: 185px;
	}
	
	#maincontainer {
		position: relative;
		float: left;
		width: 100%;
		background-attachment: scroll;
		background-image: url(../assets/img_maincontainerbgr.gif);
		background-repeat: repeat-y;
	}
	
		#main {
			position: relative;
			float: left;
			width: 100%;
		}
	
	#footer {
		position: relative;
		float: left;
		clear: both;
		width: 950px;
		height: 55px;
		background-attachment: scroll;
		background-image: url(../assets/img_footerbgr.jpg);
		background-repeat: no-repeat;
	}