/* CSS :: TEMPLATE */ 

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


/* TEMPLATE */

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

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

body {
	text-align: center;
	background-color: #000;
	height: 100%;
}

body.white {
	background-color: #FFF;
}

#whitecontainer {
	position: relative;
	float: left;
	display: inline;
	width: 100%;
	background-color: #FFF;
}

	#UpperContainer {
		position: relative;
		width: 950px;
		margin: auto;
	}
	
		#searchbox {
			position: relative;
			float: left;
			width: 100%;
			height: 29px;
			padding: 10px 0px 0px 0px;
			border-width: 0px 0px 1px 0px;
			border-style: solid;
			border-color: #CCC;
		}
		
		#upper {
			position: relative;
			float: left;
			width: 928px;
			height: 467px;
			border-width: 0px 1px 0px 1px;
			border-color: #CCC;
			border-style: solid;
			padding: 10px 10px 0px 10px;
			margin: 0px;
			background-attachment: scroll;
			background-repeat: no-repeat;
			background-position: bottom center;
		}
		
		#upper.content{
			background-attachment: scroll;
			background-repeat: no-repeat;
			background-position: 0px 1px;
			height: 100%;
			padding-bottom: 15px;
		}
		
			#buttons {
				position: relative;
				float: left;
				display: inline;
				margin: 0px;
				padding: 0px;
				height: 100px;
			}
			
			.menu {
				position: absolute;
				width: 928px;
				margin: 0px;
				top: 110px;
				left: 10px;
				padding: 0px;
				border: 1px solid #E5E5E5;
				background-attachment: scroll;
				background-repeat: repeat;
				background-position: 2px 2px;
				background-image: url(../assets/img_menu_BGR.jpg);
				visibility: hidden;
			}
			
			.menutrans {
				position: absolute;
				width: 970px;
				margin: 0px;
				top: 110px;
				left: 0px;
				padding: 0px;
				height: 250px;
				border: 0px;
				visibility: hidden;
			}

#blackcontainer {
	position: relative;
	float: left;
	display: inline;
	clear: both;
	width: 100%;
	padding-bottom: 25px;
	margin: auto;
	background-color: #000;
}

	#LowerContainer {
		width: 950px;
		margin: auto;
	}
	
		#lower {
			position: relative;
			float: left;
			width: 950px;
			background-color: #000;
		}
		
			#breadcrumbs {
				position: relative;
				float: left;
				display: inline;
				width: 950px;
				background-color: #262626;
			}
			
			#references {
				position: relative;
				float: left;
				display: inline;
				width: 950px;
				height: 20px;
				background-color: #3F3F3F;
				padding: 10px 0px 9px 0px;
				margin: 0px 0px 10px 0px;
				background-attachment: scroll;
				background-repeat: no-repeat;
				background-position: 15px 15px;
				background-image: url(../assets/img_redsquare.jpg);
			}
			
				#references h6{
					position: relative;
					float: left;
					display: inline;
					margin: 0px 0px 0px 35px;
					padding: 0px;
					color: #FFFFFF;
					font-size: 17px;
					line-height: 21px;
					width: 165px;
				}

			#project {
				position: relative;
				float: left;
				display: inline;
				width: 670px;
				height: 105px;
				margin: 0px 10px 0px 0px;
				padding: 0px 0px 0px 0px;
				background-color: #212121;
				background-attachment: scroll;
				background-repeat: no-repeat;
				background-position: 15px 15px;
				background-image: url(../assets/img_redsquare.jpg);
			}
			
			#news {
				position: relative;
				float: left;
				display: inline;
				width: 270px;
				height: 97px;
				padding-top: 8px;
				background-color: #212121;
				background-attachment: scroll;
				background-repeat: no-repeat;
				background-position: 15px 15px;
				background-image: url(../assets/img_redsquare.jpg);
			}
			
				#news h6{
					position: relative;
					float: left;
					display: inline;
					margin: 0px 0px 0px 35px;
					padding: 0px 0px 0px 0px;
					color: #FFFFFF;
					font-size: 17px;
					line-height: 21px;
				}
		
			#footer {
				position: relative;
				float: left;
				display: inline;
				background-color: #000;
				width: 950px;
				padding: 10px 0px 10px 0px;
				height: 100%;
	
			}