/* Section - Realization
---------------------------------------------------------- */
#realization-wrapper {
	background-image:url(../images/greenBack.jpg);
	background-repeat:repeat-x;
	height:310px;
}

#realization {
height:310px;
margin:0px;
position: absolute;
text-align:left;
width:700px;
	}
	
* html #realization {
height:310px;
}

#realization dl {
padding:0px;
margin:0px;
}

* html #realization dl { height: 1px; }

#realization dl dd{
	width:100%;
	height:310px;
	position:absolute;
	margin:0px;
	padding:0px;
	border-right:0px solid #C1D1A6;
	top: 3px;
}

#realization dl dt {
float:right;
width:201px;
right:-200px;
position:relative;
margin-top:50px;
}

#realization dl dt img {
display: block;
}

#realization dl dd.body {
color:#E4EAD8;
font-size:11px;
color:#E4EAD8;
width:100%;
line-height:16px;
margin:0px;
width:201px;
float:right;
right:-230px;
padding: 1px 15px 1px 24px;
line-height: 1.5em;
margin-top:100px;
}

#realization dl dd.body a {
			color: #fff;
				}
				#realization dl dd.body a:hover {
					text-decoration: none;
					background: #fff;
					color: #a90000;
				}
			#realization dl dd.screen {
				position: absolute;
				left:0;
				top:0;
				border-bottom: 0px solid #e2e2e2;
				line-height:1px;
			}
			
				#realization dl dd.screen img {
					display: block;
				}
				
/* Section - Realization List---------------------------------------------------------- */
	#realizations-list-wrapper{
	width:100%;
	background-image:url(../images/bottomBack.jpg);
	}
	
	#realizations-list {
		margin-left:auto;
		margin-right:auto;
		overflow:hidden;
		width:810px;
		padding: 8px 10px 9px 00px;
		text-align:left;
		position: relative;
		}
		
		#realizations-list #mask {
			height:60px;
			overflow:hidden;
			margin:0px 30px 0px 30px;
			position:relative;
			
		}
		
		#realizations-list ol {
			display:block;
			left:00;
			margin-left:0px;
			margin-right:auto;
			padding: 0;
			position:absolute;
			list-style: none;
			top:0;
		}

img{
border:0px;
}		

html #realizations-list ol { height: 1px; }
		#realizations-list ol { display: block; }
		#realizations-list ol li {
				float: left;
				margin: 0 11px 11px 0;
				height:61px;
				width:61px;
			}
				#realizations-list ol li a,	#realizations-list ol li span {
					background: #fff;
					border: 1px solid #bababa;
					display: block;
					height:55px;
					overflow:hidden;
					padding: 0px;
					position:relative;
					width:55px;
									}
				#realizations-list ol li a:hover {
					border: 1px solid #990000;
					padding:0px;
				}
					#realizations-list ol li a img,	#realizations-list ol li span img {
						display: block;
						position:relative;
					}

					#realizations-list ol li.active a img {
						top:-65px;
					}
		
		#realizations-list ul {
			margin:0px 0px 0px 0px;
			padding: 0px 00px 0px 50px;
			list-style: none;
			position:absolute;
			left:0;
			top:0;
			width:770px;
		}
		
		
			#realizations-list ul li {
				position:absolute;
				top: 30px;
			}
			#realizations-list ul li#newer {
				left:1px;
			}
			#realizations-list ul li#older {
				right:0;
			}
			#realizations-list ul li, #realizations-list ul li a {
				width: 22px;
				height:21px;
			}
			#realizations-list ul li#newer, #realizations-list ul li#newer a {
				background: url("../images/arrow_newer.gif") 0 0 no-repeat;
			}
			#realizations-list ul li#older, #realizations-list ul li#older a {
				background: url("../images/arrow_older.gif") 0 0 no-repeat;
			}
			#realizations-list ul li#newer.inactive a{
					background-position:0 -84px;
			}
			#realizations-list ul li#older.inactive a{
					background-position:0 -84px;
			}
			#realizations-list ul li#newer.inactive:hover a{
					background-position:0 -84px;
			}
			#realizations-list ul li#older.inactive:hover a {
					background-position:0 -84px;
			}
				#realizations-list ul li a {
					display: block;
				}
				#realizations-list ul li#newer a:hover, #realizations-list ul li#older a:hover{
					background-position:0 -42px;
				}
				#realizations-list ul li span {
					display: none;
				}