/* ###################### Каркас красивой рамки со скругленными углами ###################### */
	* { 
		padding:0; 
		margin:0;/* Ластик. Убирает все отступы и поля у всех элементов. В реальных проектах советую все-таки его не использовать, а пользоваться reset.css */
	}
	html,body {
		margin:0;
		padding:0;
		color:#000;
		background:#fff;
		height:100%; /* Все родительские (для .box) элементы должны иметь 100% высоту. Это нужно для прижатия footer'a к низу экрана. */
	}
	body {
		min-width:760px; /* Минимальная ширина для страницы. Чтобы верстка не разваливалась при сужении размеров окна просмотра. */
		max-width:1580px;
		margin:0 auto;
	}
	.box {
		padding-right:12px; /* Ширина рамки у нас 12px, поэтому делаем отступ для нее */
		background:url(img/border-r.gif) 100% 0 repeat-y;
		height:auto !important; 
		min-height:100%;		
		height:100%;
		overflow:hidden; /* Важное свойство, обрезается все, что выходит за рамки блока .box */
		position:relative; /* В данном случае мы будем абсолютно позиционировать подвал относительно .box, поэтому назначаем ему данное свойство */
	}
	.bi {
		padding-left:12px;
		background:url(img/border-l.gif) 0 0 repeat-y;
		position:relative;
	}
	.bt {
		height:17px;
		margin:0 -12px;
		background:url(img/box.gif) 100% 0 no-repeat; 
	}
	.bt div {
		width:18px;
		height:17px;
		background:url(img/box.gif) 0 0 no-repeat; 
	}
	.bb {
		height:17px;
		background:#fff url(img/box.gif) 100% 100% no-repeat;
		position:relative;
		margin-top:-17px;
		right:0;
		font-size:1px;
	}
	.bb div {
		width:18px;
		height:17px;
		background:url(img/box.gif) 0 100% no-repeat; 
	}
	
	.content {
		padding:0 0px;
		position:relative;
		overflow:hidden;
		padding-bottom:1000em; 
		margin-bottom:-1000em;
	}

	
	
	.line {
		float: left;
		width: 100%;
		display: block;
		position: relative;
		overflow:hidden;
		padding-bottom:1000em;
		margin-bottom:-1000em;
	}
	.item {
		position: relative;
		float: left;
		overflow:hidden;
		left: 100%;
		padding-bottom:1000em;
		margin-bottom:-1000em;
	}
	.sap-content {
		overflow:hidden;
		padding:1px 2px;
	}
	#item1 {
		margin-left:-100%;
		width:100%;
		color:#000;
		background-color:#FFFFFF;
	}
		#item1 .sap-content {
			margin:0 21%; 
		}
	
	#item2 {
		margin-left:-100%;
		width:20%;
		background-color:#EEEEEE;
	}
	
	#item3 {
		margin-left:-20%;
		width:20%;
		background-color:#EEEEEE;
	}
	#item1 .sap-content,#item2 .sap-content,#item3 .sap-content {
		padding-bottom:5em; 
	}
	
	#header,#footer {
		position:relative;
		background-color:#eee;
		text-align:center;
	}
	#footer {
		margin:0 24px;
		margin-top:-3em;
		height:3em;
		bottom:17px; 
	}
	
	
	div#hidden,div#hidden1,div#hidden2 {
		display:none;
	}
	P {
		margin:7px 10px;
	}
	P.hidder {
		color:blue;
		display:inline;
		text-decoration:underline;
		cursor:pointer;
	}