/* 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;
	padding: 0px;
}
	
	#header {
		position: relative;
		float: left;
		width: 950px;
		border-bottom: 1px solid #FFF;
	}
	
	#maincontainer {
		position: relative;
		float: left;
		width: 100%;
	}
	
		#colleft {
			position: relative;
			float: left;
			display: inline;
			width: 234px;
			padding: 0px;
			margin: 0px;
		}
				
		#maincontent {
			position: relative;
			float: left;
			display: inline;
			width: 716px;
			padding: 0px;
			margin: 0px;
			background-color: #FFF;
			background-attachment: scroll;
			background-position: top right;
			background-repeat: repeat-y;
			background-image: url(../assets/img_pix.jpg);
		}		
		
			#breadcrumbs {
				position: relative;
				float: left;
				width: 656px;
				height: 28px;
				padding: 0px 0px 0px 60px;
				margin: 0px;
				background-color: #E5E5E5;
				background-attachment: scroll;
				background-position: top right;
				background-repeat: repeat-y;
				background-image: url(../assets/img_pix.jpg);
			}
			
			#content {
				position: relative;
				float: left;
				width: 596px;
				padding: 43px 60px 25px 60px;
				margin: 0px;
				background-attachment: scroll;
				background-position: bottom right;
				background-repeat: no-repeat;
			}
			
			#quickpick {
				position: relative;
				float: left;
				display: inline;
				width: 715px;
				height: 160px;
				padding: 0px 0px 0px 1px;
				margin: 0px;
			}
	
	#footer {
		position: relative;
		float: left;
		display: inline;
		clear: both;
		width: 100%;
		margin: 0px;
		padding: 0px;
	}