@charset "utf-8";
/* CSS Document */

body{
	text-align:center;
	padding:0px;
	margin:0px;
font-family: Helvetica, Arial, Sans-Serif;
	font-size: 12px;
	color:#535353;
	position:relative;
	background: #000 url(img/bg1.jpg)  ;

}

.red{ color:#a82424; }
.s20{ font-size:20px; }
.s22{ font-size:22px; }
.s24{ font-size:24px; }



#container{
	width:100%;
	text-align:center;
}

#container_footer{
	width:100%;
	height:220px;
	text-align:center;
	background:url(img/footer_bg.png);
}

	#footer_img{
		width:817px;
		height:220px;			
		text-align:left;
	
		padding:0px;
		margin:auto;
		background:url(img/footer_img.png) no-repeat;
	}


#reciver_portfolio{
	min-height:595px;
}

#main_col{
	width:601px; /*	817	*/
	text-align:left;

	padding:15px 88px 0px 128px;
	margin:auto;
	background:url(img/center_bg.png) repeat-y;
}

	#logo{ 
		margin-bottom:20px;
		border:none;
	}
	
	.smallbar{
		margin:0px 0px 0px 0px;
		border:none;
	}
	
	#box_headline{
		height:240px;		
	}
	
		#headline{
			float:left;
			width:410px;
			font-weight:bold;
			font-size:16px;
			margin:20px 0px 20px 0px;
			text-shadow: 2px 2px 1px #fcfcfc;


		}
		
		#headline a{
			color:#a82424;
			text-decoration:none;
		}
		
		#headline a:hover{
			color:#900;
			text-decoration:underline;
		}
		
		#photo{
			float:right;
			margin-top:20px;
		}
	
	.title{ margin:20px 0px 4px 0px; }
	
	
	#box_touch{
		height:335px;			
	}
		.single_touch{
			float:left;
			width:280px;
			height:50px;
			margin:6px 20px 0px 0px;
			font-weight:bold;
			font-size:14px;
			background:#e8e8e8;
			padding-top:14px;
		}
		
		.single_touch:hover{background-color:#f6f6f6;}
		
		.single_touch a{
			color:#808080;
			text-decoration:none;
			font-size:12px;			
		}
		
		.single_touch a:hover{ text-decoration:underline; }
		
		.single_touch strong{ font-size:14px }
		
		.single_touch img{
			float:left;
			margin:-10px 10px 0px 0px;
			border:none;
		}
	
	#box_3{
		height:370px;
	}
	
		.single_third{
			float:left;
			width:280px;
			height:370px;
			margin:0px 20px 0px 0px;
			font-weight:bold;
			font-size:14px
		}
		
		.single_stream{
			float:left;
			width:240px;
			height:50px;
			margin:10px 0px 0px 0px;
			font-weight:bold;
			font-size:10px
		}
		
		.single_stream a{
			color:#535353;
			text-decoration:none;
		}
		
		.single_stream a:hover{ text-decoration:underline; }		
		
		.single_stream img{
			float:left;
			margin:1px 10px 0px 0px;
			border:none;
		}
		
		.single_stream .data{
			text-align:right;
			color:#808080;
		}
		
		.stream_loader{
			margin:30px 0px 0px 100px;
		}
		
		.single_folio{
			float:left;
			margin:14px 0px 0px 28px;
		}
		
		.single_folio img{
			border:#808080 thin solid;
			
		}
		
		.single_folio img:hover{border:#535353 thin solid; }
		
		.folio_navigation{
			width:240px;
		}
		
		.folio_navigation .next{
			float:right;
			cursor:pointer;
			margin-top:10px;
			margin-right:28px;
			font-size:10px;
		}
		
		.folio_navigation .prev{
			float:left;
			cursor:pointer;
			margin-top:10px;
			margin-left:28px;
			font-size:10px;			
		}
		
		
#xhtml{
	width:56px;
	height:17px;
	margin:0px 0px 0px 454px;
	padding-top:53px;
}

#xhtml a{
	width:56px;
	height:17px;
	display:block;
	background:url(img/xthml.png) top left;
}

#xhtml a:hover{ background-position:top right;}

#css{
	width:32px;
	height:16px;
	margin:0px 0px 0px 440px;
	padding-top:1px;
}

#css a{
	width:32px;
	height:16px;
	display:block;
	background:url(img/css.png) top left;
}

#css a:hover{ background-position:top right;}


/*	PORTFOLIO	*/
	.big_folio{
		margin:0px 0px 0px 23px;	
	}
	
	.big_folio img{
		border:#808080 thin solid;
	}

	.back_home{
		float:right;
		margin-right:74px;
		border:#e8e8e8 none;
	}
	.back_home img{
		border:#e8e8e8 none;
	}
	
	.big_folio a:visited{
		color:#535353;
	}
			   


/*		PAGE FLIP CSS	*/

/*img { behavior: url(iepngfix.htc) }*/
#pageflip {
	position: relative;
	right: 0; top: 0;
	float: right; 
}
#pageflip img {
	width: 80px; height: 82px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
	border:none;
}
#pageflip .msg_block {
	width: 80px; height: 80px;
	overflow: hidden;
	position: absolute;
	right: 0; top: 0;
	background: url(img/peel.png) no-repeat right top;
}

#pageflip a { border:none; }

.hide{
	display:none; 
}

	#inline-1 a{
		float:left;
	}
	#inline-1 img{
		border:none;
	}
	#inline-1 p{
		padding:0px;
	}