@font-face {
    font-family: 'AvenirLTBook';
    src: url('avenirlt45book-webfont.eot');
    src: url('avenirlt45book-webfont.eot?#iefix') format('embedded-opentype'),
         url('avenirlt45book-webfont.woff') format('woff'),
         url('avenirlt45book-webfont.ttf') format('truetype'),
         url('avenirlt45book-webfont.svg#AvenirLTBook') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'benjamin-kracun';
    src: url('benjamin_kracun-webfont.eot');
    src: url('benjamin_kracun-webfont.eot?#iefix') format('embedded-opentype'),
         url('benjamin_kracun-webfont.woff') format('woff'),
         url('benjamin_kracun-webfont.ttf') format('truetype'),
         url('benjamin_kracun-webfont.svg#benjamin-kracun') format('svg');
    font-weight: normal;
    font-style: normal;

}


	.clear {clear:both}
	
	body {
		background-color: #ffffff;
	}
	
	#schivardi {margin: 0 0 0 7px; z-index:999; width: 130px; height: 16px; position: absolute; 
	padding-top: 5px;
	border-top: 1px solid #ccc;}
	@media only screen and (min-height: 0px) { 		#schivardi { top: 20px; }}
	@media only screen and (min-height: 569px) {	#schivardi { top: 60px; }}
	
	#schivardi90 {margin: 0; z-index:999; width: 16px; height: 130px; position: fixed; 
	background-color:transparent;
	padding: 0 3px 0 8px;
	left: 0px;
	border-right: 1px solid #ccc;}
	@media only screen and (min-height: 0px) { 		#schivardi90 { top: 30px; }}
	@media only screen and (min-height: 569px) {	#schivardi90 { top: 82px; }}
	

		
	.slideshow { position: relative; left: 1px; top: 0px; z-index: 2;
	
	margin: 0 6px 4px 0; 
		padding: 0 2px 0 6px; 
				
		display: inline-block;
    *display:inline;/*for IE 7 */
    *zoom:1;/*for IE 7 */
    vertical-align:top;
	}
	
	.slides img { height: 533px; max-height: 533px}
	@media only screen and (min-height: 0px) { .slides img { height: 66vh; }}
	@media only screen and (min-height: 321px) { .slides img { height: 70vh;}}
	@media only screen and (min-height: 481px) { .slides img { height: 74vh;}}
	

	p {color: #999; font-family: AvenirLTBook, Helvetica, Arial, sans-serif; font-size: 14px; width: 282px; line-height: 19px;}
	p a {color: #999; text-decoration: none;}
	p a:hover {color: #000; text-decoration: none;}
	h1{color: #999; font-family: AvenirLTBook, Helvetica, Arial, sans-serif; font-weight: normal; font-size: 14px; }
	h2 {color: #666; font-family: AvenirLTBook, Helvetica, Arial, sans-serif; font-weight: normal; font-size: 14px; margin-right: 20px; margin-left: -4px; }


	.menu_container {
		white-space: nowrap;
			margin: 0;
	padding: 0;
			position: relative;
			left: 0px;
			top: 60px;
	}
	@media only screen and (min-height: 0px) { 		.menu_container { top: 20px; }}
	@media only screen and (min-height: 569px) {	.menu_container { top: 60px;}}
	@media only screen and (min-height: 668px) {	.menu_container { top: 60px;}}
	@media only screen and (min-height: 769px) {	.menu_container { top: 60px;}}
	@media only screen and (min-height: 900px) {	.menu_container { top: 60px;}}
	
	
	.menu { 
	position: relative; 
	float: left;
	margin: 0px 0 0 0; 
	z-index: 998; 
	width: 144px; 
	top: 0px;
	
	display: inline-block;
    *display:inline;/*for IE 7 */
    *zoom:1;/*for IE 7 */
    vertical-align:top;}

	.menu ul { margin: 204px 0 0 8px;}
	.menu ul li { font-family: AvenirLTBook, Helvetica, Arial, sans-serif; font-weight: normal; font-size: 14px; color: #000; line-height: 19px;}
	@media only screen and (min-height: 0px) { .menu ul li { font-size: 14px; line-height: 24px;}}	
	@media only screen and (min-height: 569px) { .menu ul li { font-size: 14px; line-height: 19px;}}

	.menu ul li a {  text-decoration: none; color: #666; }
	.menu ul li a:hover { color: #000;}

	.off { position: absolute; left: -1000px; }
	


.menuworkitem { 
		position: relative;
		width: 290px; 
		height: 520px;
		margin: 0 0 4px 0; 
		padding: 0 2px 0 6px; 
		border-left: 1px solid #ccc; 
		color: #ccc;
		
		display: inline-block;
    *display:inline;/*for IE 7 */
    *zoom:1;/*for IE 7 */
    vertical-align:top;
	}

.menuworkitem img {
	width: 100%;
	height: auto;
	}
	
	.menuworkitem p { white-space: normal; !important}
	.menuworkitem h1 { color: #666; font-size: 14px; margin: 8px 0 8px 0;}
	.menuworkitem h1 a { color: #666; text-decoration: none; }
	.menuworkitem h1 a:hover { color: #000; text-decoration: none; }
	
	.after_menuworkitems {
		width: 120px; 
		height: 520px; 		
		display: inline-block;
    *display:inline;/*for IE 7 */
    *zoom:1;/*for IE 7 */
    vertical-align:top;}

.pictures { 	
white-space: nowrap;
position: relative; left: 28px; top: 60px; 
}
	@media only screen and (min-height: 0px) { .pictures { top: 20px; }}
	@media only screen and (min-height: 569px) { .pictures { top: 60px;}}
	
	.pictures p.title { margin: 12px 0 0 0;}
	.pictures h1.title { }

.picture {
	display: inline-block;
    *display:inline;/*for IE 7 */
    *zoom:1;/*for IE 7 */
    vertical-align:top;
		}
	
	.picture img {  
	margin-right: 28px; 
	height: 533px;
	max-height: 533px;
	width: auto; }
	@media only screen and (min-height: 0px) { .picture img { height: 66vh; }}
	@media only screen and (min-height: 321px) { .picture img { height: 70vh;}}
	@media only screen and (min-height: 481px) { .picture img { height: 74vh;}}

.spacerbeforepic {  
display: inline-block;
    *display:inline;/*for IE 7 */
    *zoom:1;/*for IE 7 */
    vertical-align:top;
	height: 80px;
	width: 5px; }
	
.biog {
		position: relative;
		width: 290px; 
		height: auto;
		margin: 0 0 4px 0; 
		padding: 26px 2px 0 6px; 
		border-left: 1px solid #ccc; 
		color: #ccc;
		
		display: inline-block;
    *display:inline;/*for IE 7 */
    *zoom:1;/*for IE 7 */
    vertical-align:top;
	}
		.biog p { white-space: normal; !important }
		
.contact {
		position: relative;
		width: 290px; 
		margin: 0 0 4px 0; 
		padding: 28px 2px 0 6px; 
		border-left: 1px solid #ccc; 
		color: #ccc;
		
		display: inline-block;
    *display:inline;/*for IE 7 */
    *zoom:1;/*for IE 7 */
    vertical-align:top;
	}
		@media only screen and (min-height: 0px) { .contact  { padding: 28px 2px 0 6px; }}
	@media only screen and (min-height: 481px) { .contact  { padding: 26px 2px 0 6px; }}
	@media only screen and (min-height: 569px) { .contact  { padding: 24px 2px 0 6px; }}


		.contact p {line-height: 19px;
		margin: 0 0 26px 0}
		@media only screen and (min-height: 0px) { .contact p { margin: 0 0 0px 0;}}
	@media only screen and (min-height: 321px) { .contact p { margin: 0 0 12px 0;}}
	@media only screen and (min-height: 481px) { .contact p { margin: 0 0 15px 0;}}
	@media only screen and (min-height: 569px) { .contact p { margin: 0 0 26px 0;}}

		p.last {margin: 0;}