/* 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;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../assets/img_bgr_repeat_shadow.jpg);
	background-attachment: scroll;
	background-repeat: repeat-y;
	background-position: top center;
}

#container {
	width: 900px;
	height: 100%;
	margin: auto;
	padding: 0px 0px 0px 10px;
}
	
	#header {
		position: relative;
		float: left;
		display: inline;
		height: 150px;
		width: 100%;
		z-index: 10;
		padding: 5px 0px 5px 0px;
		margin: 0px;
	}
	
		#logocontainer {
			position: relative;
			float: left;
			width: 200px;
			height: 150px;
			border: none;
			margin: 0px;
			padding: 0px 5px 0px 5px;
		}
		#headernav {
			position: relative;
			float: left;
			width: 675px;
			height: 150px;
			border: none;
			margin: 0px;
			background-image: url(../assets/img_header.jpg);
			background-attachment: scroll;
			background-repeat: no-repeat;
			background-position: 0px 0px;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
		}
			#breadcrumbs {
				position: relative;
				float: left;
				margin: 130px 0px 0px 10px;
			}

			#nav_hor {
				position: relative;
				float: right;
				width: 370px;
				margin: 130px 0px 0px 0px;
			}
		
	#main {
		position: relative;
		display: inline;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 900px;
	}
		#colleft {
			position: relative;
			float: left;
			display: inline;
			width: 200px;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 5px;
		}
		#maincontent {
			position: relative;
			float: left;
			width: 675px;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 5px;
		}
			#content {
				position: relative;
				float: left;
				width: 400px;
				background-image: url(../assets/img_main_bgr.jpg);
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
			}
				#content_header {
				position: relative;
				float: left;
				width: 400px;
				height: 20px;
				margin: 0px;
				padding: 0px;
				background-image: url(../assets/img_content_header.jpg);
				background-attachment: scroll;
				background-repeat: no-repeat;
				background-position: 0px 0px;
				}
				#content_body {
				position: relative;
				float: left;
				width: 380px;
				min-height: 699px;
				margin: 0px;
				padding: 0px 10px 0px 10px;
				background-image: url(../assets/img_content_body.jpg);
				background-attachment: scroll;
				background-repeat: repeat-y;
				background-position: 0px 0px;
				}
				#content_footer {
				position: relative;
				float: left;
				width: 400px;
				height: 20px;
				margin: 0px;
				padding: 0px;
				background-image: url(../assets/img_content_footer.jpg);
				background-attachment: scroll;
				background-repeat: no-repeat;
				background-position: 0px 0px;
				}
			#promo {
				position: relative;
				float: left;
				display: inline;
				width: 270px;
				height: 382px;
				margin: 0px 0px 0px 5px;
				padding: px 0px 0px 0px;
				background-attachment: scroll;
				background-repeat: no-repeat;
				background-position: 0px 0px;
			}
			
			#newsbox {
				position: relative;
				float: right;
				width: 270px;
				min-height: 316px;
				margin: 5px 0px 0px 0px;
				padding: 0px 0px 0px 5px;
			}
				#newsbox_header {
					position: relative;
					float: left;
					width: 270px;
					height: 31px;
					margin: 0px;
					padding: 0px;
					background-attachment: scroll;
					background-repeat: no-repeat;
					background-position: 0px 0px;
				}
				#newsbox_body {
					position: relative;
					float: left;
					width: 270px;
					min-height: 301px;
					margin: 0px;
					padding: 0px;
					background-image: url(../assets/img_newsbox_body.jpg);
					background-attachment: scroll;
					background-repeat: repeat-y;
					background-position: 0px 0px;
				}
				#newsbox_footer {
					position: relative;
					float: left;
					width: 270px;
					height: 20px;
					margin: 0px;
					padding: 0px;
					background-image: url(../assets/img_newsbox_footer.jpg);
					background-attachment: scroll;
					background-repeat: no-repeat;
					background-position: 0px 0px;
				}
				
			#content_wide {
				position: relative;
				float: left;
				width: 675px;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
			}
				#content_wide_header {
				position: relative;
				float: left;
				width: 675px;
				height: 20px;
				margin: 0px;
				padding: 0px;
				background-image: url(../assets/img_content_wide_header.jpg);
				background-attachment: scroll;
				background-repeat: no-repeat;
				background-position: 0px 0px;
				}
				#content_wide_body {
				position: relative;
				float: left;
				width: 655px;
				min-height: 699px;
				margin: 0px;
				padding: 0px 10px 0px 10px;
				background-image: url(../assets/img_content_wide_body.jpg);
				background-attachment: scroll;
				background-repeat: repeat-y;
				background-position: 0px 0px;
				}
				#content_wide_footer {
				position: relative;
				float: left;
				width: 675px;
				height: 20px;
				margin: 0px;
				padding: 0px;
				background-image: url(../assets/img_content_wide_footer.jpg);
				background-attachment: scroll;
				background-repeat: no-repeat;
				background-position: 0px 0px;
				}
							
	#footer {
		position: relative;
		float: left;
		display: inline;
		clear: both;
		width: 880px;
		height: 37px;
		margin: 5px 0px -10px 5px;
		background-color: #FFF;
		background-image: url(../assets/img_footer.jpg);
		background-attachment: scroll;
		background-repeat: no-repeat;
		background-position: 0px 0px;
	}
	
	#end {
		position: relative;
		float: left;
		display: inline;
		clear: both;
		width: 910px;
		height: 30px;
		background-image: url(../assets/img_end.jpg);
		background-attachment: scroll;
		background-repeat: no-repeat;
		background-position: 0px 0px;
		margin-bottom: 0px;
		margin-top: 0px;
		margin-left: -10px;
		padding: 0px;
	}