body, html{
	min-height:100%;
}

body{
	padding:0px;
	font: 10px solid Verdana, Arial;
	margin:0px;
	/*background: url(../images/bg-red-main.jpg) center top repeat-y;*/
	height:100%;
}
		
	h1{
		background: #eee6de;
		font-size: 1.8em;
		color:#d6181f;
		margin:0px 0px 15px;
		padding:0px;
		line-height: 30px;
		text-align: center;
		font-weight: bold;
	}

	.clear{
		clear: both;
	}
	
	.hidden{
		display: none;
	}
	
	a img{
		border:none;
	}
	
	a{ 
		color:#d6181f;
	}
	
	.red{
		color:#d6181f;
	}
	
	.wrap{
		width:1024px;
		margin:0px auto;
		background: url(../images/bg-red.jpg) repeat-y;
		min-height:100%;
		position: relative;
	}
	
	.wrap.main{
		min-height:768px;
		background: url(../images/bg-red-main.jpg) repeat-y;
	}
	
		.logo{
			width:212px;
			position: absolute;
			left: 0px;
			top:0px;
		}
		
			.logo .phone{
				background: #fff;
				color:#d6181f;
				font-size: 1.8em;
				float: right;
				margin:35px 0px 0px;
			}
			
		.menu{
			margin:0px;
			padding:0px;
			list-style:none;
			position:absolute;
			top:0px;
			right:0px;
			background: url(../images/menu.jpg) no-repeat;
			width:334px;
			height:109px;
			padding:1px 0px 0px 17px;
		}
		
			.menu li{
				float: left;
			}
			
				.menu li a{
					font-size: 1.1em;
					margin:0px 0px;
					padding: 15px 0px 0px;
					text-decoration: none;
					font-family: Arial;
					text-align:center;
					display: block;
					height:75px;
					width:78px;
					height:109px;
					text-transform: uppercase;
				}
				
				.menu li a.item1:hover{
					background: url(../images/item1-hover.jpg) no-repeat;
				}
				
				.menu li a.item2:hover{
					background: url(../images/item2-hover.jpg) -1px 0px no-repeat;
				}
				
				.menu li a.item3:hover{
					background: url(../images/item3-hover.jpg) 3px 0px no-repeat;
				}
				
				.menu li a.item4:hover{
					background: url(../images/item4-hover.jpg) no-repeat;
				}
				
				.menu li a:hover{
				}
				
				.menu li:first-child a{
					margin-left:0px;
				}
				
				.menu li:last-child a{
					margin:0px 0px 0px 2px;
				}
				
		#slogan{
			position: absolute;
			right:0px;
			top:130px;
			background: #fff;
			color: #d6181f;
			font-size: 1.8em;
			padding:7px 0px 7px 7px;
			text-align: right;
		}
				
		.foto{
			position:absolute;
			width:318px;
			height:319px;
			overflow: hidden;
			cursor: pointer;
		}
		
		.foto.item1{
			top:60px;
			left:280px;
		}
		
		.foto.item2{
			left:180px;
			top:430px;
		}
		
		.foto.item3{
			top:395px;
			left:590px;
		}
		
		.foto.archive{
			position: relative;
			float: left;
			width:180px;
			height:180px;
		}
		
			.foto.archive .bg{
				background: url(../images/foto-archive.png) no-repeat;
				width:180px;
				height:180px;
				position: absolute;
				top:0px;
				left:0px;
				z-index:2;
			}
			
			.foto.archive .title{
				width:115px;
				bottom:31px;
				height:15px;
				overflow: hidden;
			}
			
			.foto.archive img{
				left:20px;
				top:20px;
			}
			.foto.archive iframe{
				left:20px;
				top:20px;
			}
			
		.foto.project{
			position: relative;
			float: left;
			width:230px;
			height:245px;
		}
		
			.foto.project .bg{
				background: url(../images/foto-project.png) no-repeat;
				width:230px;
				height:245px;
				position: absolute;
				top:0px;
				left:0px;
				z-index:2;
			}
			
			.foto.project .title{
				width:175px;
				bottom:35px;
			}
			
			.foto.project img{
				left:20px;
				top:20px;
			}
			.foto.project iframe{
				left:24px;
				top:24px;
			}
		
		.foto.big{
			position: relative;
			float: left;
			width:355px;
			height:381px;
		}
		
		.foto.big.centered{
			float: none;
			margin:0px auto;
		}
		
			.foto .bg{
				background: url(../images/foto.png) no-repeat;
				width:318px;
				height:319px;
				position: absolute;
				top:0px;
				left:0px;
				z-index:2;
			}
			
			.foto.big .bg{
				background: url(../images/foto-big.png) no-repeat;
				width:355px;
				height:381px;
			}
			
			.foto img{
				position: absolute;
				left:35px;
				top:30px;
				z-index:1;
			}
			
			.foto iframe{
				position: absolute;
				left:37px;
				top:38px;
				z-index:4;
			}
			
			.foto .title{
				display: block;
				position: absolute;
				text-decoration: none;
				font-size: 1.2em;
				left:25px;
				bottom:70px;
				z-index:3;
				width:230px;
				text-align: center;
				text-transform: uppercase;
			}
			
			.foto.big .title{
				width:305px;
				bottom:50px;
			}
			
			.foto.item1 .title{
				bottom:60px;
			}
			
				.foto .title strong{
					font-weight: normal;
					font-size: 2em;
					font-family: Arial;
				}
				
		.subwrap{
			width:720px;
			float: right;
			margin:165px 85px 20px 0px;
		}
			
			.subwrap .text{
				background: #eee6de;
				padding:15px 10px;
				font-size: 1.4em;
				overflow: hidden;
				margin:0px 0px 15px;
			}
				.subwrap .text p{
					text-indent: 1em;
					font-style: italic;
				}
				
				.subwrap .text strong{
					font-weight: normal;
					color:#d6181f;
					text-transform: uppercase;
				}
			
			.subwrap .text.no-hidden{
				overflow:auto;
				height:auto;
			}
			
		.subwrap .more{			
			background: #eee6de;
			font-size: 1.8em;
			color:#4a3c2a;
			margin:0px 0px 15px;
			padding:0px;
			line-height: 30px;
			text-align: center;
			font-weight: bold;
			display: block;
			text-decoration: none;
		}
		
	.back{
		position:absolute;
		left:155px;
		top:210px;
		background: #eee6de;
		padding:5px 10px;
		font-size:1.3em;
	}