/* 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;
}

#container {
	width: 985px;
	height: 100%;
	margin: auto;
}	
	
	#logoleft {
		position: relative;
		float: left;
		display: inline;
		width: 35px;
		height: 132px;
		margin: 0;
		padding: 0;
	}
	
	#maincontainer {
		width: 950px;
		float: left;
		background-attachment: scroll;
		background-position: 0px 93px;
		background-repeat: repeat-x;
		background-image: url(../assets/img_pix.gif);
	}
		#logoright {
			position: relative;
			float: left;
			display: inline;
			width: 194px;
			height: 102px;
			margin: 0;
			padding: 0;
		}
	
		#header {
			position: relative;
			float: left;
			height: 132px;
			width: 100%;
			background-attachment: scroll;
			background-repeat: no-repeat;
			background-position: bottom right;
			background-image: url(../assets/img_corner.gif);
			z-index: 10000;
		}

			
		#main {
			position: relative;
			float: left;
			width: 948px;
			margin: 0px;
			padding: 0px;
			border-width: 0 1px 1px 1px;
			border-style: solid;
			border-color: #CCC;
			background-attachment: scroll;
			background-position: bottom right;
			background-repeat: no-repeat;
			background-image: url(../assets/img_content_BGR.gif);
			z-index: 1;
		}
		
			#showcase {
				position: relative;
				float: left;
				width: 696px;
				margin: 0;
				padding: 8px 0 0 7px;
			}
			
			#panel {
				position: relative;
				float: left;
				display: inline;
				width: 237px;
				height: 372px;
				margin: 0;
				padding: 8px 0 0 8px;
				background-attachment: scroll;
				background-repeat: no-repeat;
				background-position: top left;
				background-image: url(../assets/img_panel.jpg);
			}
				
				
			#content{
				position: relative;
				float: left;
				width: 603px;
				margin: 0 7px 0 0;
				padding: 0 53px 15px 47px;
			}
			
			#content_home {
				position: relative;
				float: left;
				margin: 0;
				padding: 8px 7px 8px 7px;
			}
			
				#colleft {
					position: relative;
					float: left;
					width: 348px;
					margin: 0 8px 0 0;
					padding: 0;
				}
				#colright {
					position: relative;
					float: left;
					width: 578px;
					margin: 0;
					padding: 0;
					background-attachment: scroll;
					/*background-position: bottom right;*/
					background-position: top right;
					background-repeat: no-repeat;
					background-image: url(../assets/img_colright_top.gif);
				}
					#colrightbottom {
						height:12px;
						clear:both;
						
						background-image:url('../assets/img_colright_bottom.gif');
						background-position: bottom right;
						background-repeat: no-repeat;
					}
				
			#sideboxright{
				position: relative;
				float: left;
				width: 230px;
				margin: 0;
				padding: 0 0 300px 0;
			}
			
		#footer {
			position: relative;
			float: left;
			clear: both;
			width: 100%;
			padding: 10px 0 0 0;
		}