/* 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 {
	background-color: #FFF;
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-image: url(../assets/img_BGR.jpg);
	background-position: 0px 0px ;
}

#container {
	position: absolute;
	height: 100%;
	min-height: 650px;
	width: 100%;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-image: url(../assets/img_container_BGR.jpg);
	background-position: bottom left;
}	
	
	#maincontainer {
		height: 100%;
		width: 950px;
		margin: auto;
	}
	
		#header {
			position: relative;
			float: left;
			width: 950px;
			height: 180px;
			margin: 0;
			padding: 0;
		}
		
			#logocontainer {
				position: relative;
				float: left;
				width: 220px;
				height: 180px;
				padding: 0;
				margin: 0;
				background-color: #FFF;
			}
			
			#nav {
				position: relative;
				float: left;
				width: 730px;
				height: 140px;
				padding: 0;
				margin: 0;
				background-attachment: scroll;
				background-position: top left;
				background-repeat: repeat-x;
				background-image: url(../assets/img_nav_BGR.jpg);
			}
		
		#main {
			position: relative;
			float: left;
			width: 730px;
			margin: 0;
			padding: 0px 0 0 220px;
		}

			#content {
				position: relative;
				float: left;
				width: 545px;
				margin: 0 0 50px 0;
				padding: 0 0 0 5px;
			}
				
			#footer {
				position: relative;
				float: left;
				width: 100%;
			}
			
			#test {
				position: absolute;
				bottom: 0;
				width: 100%;
			}