<!--works-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd">
<html><head>
<title>works</title>
<meta name='viewport' content='width=992'>
<meta name='Generator' content='HTML Egg for iPhone and iPad v7.48'>
<meta name="keywords" content="">
<meta name="description" content="">
<!---manual view port calculation--->
<meta http-equiv="Content-Type" content="text/html; charset=(null)"/> 
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script src=works/jquery-1.7.2.min.js charset="UTF-8"></script>

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.2/jquery.mobile.min.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.2/jquery.mobile.min.js"></script>
<link rel="stylesheet" href="works/jquery.mobile-1.4.2.min.css">
<script src=works/jquery.mobile-1.4.2.min.js charset="UTF-8"></script>


<!--Custom Header Code:0-->

<link href='https://fonts.googleapis.com/css?family=Actor|&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<script src="works/popup-image-scaling.js" charset="UTF-8" id="script"></script>
<style type=text/css>
.tab {text-indent:40px;}
.text0{position:absolute;left:840px;top:600px;z-index:36;font-size:18px;color:#4f4c4c;width:152px;height:30px;font-family:"Actor";padding:10px;border-style:none;border-width:0px;text-align:left;border-radius:0px;-moz-border-radius:0px;fixed:0;box-shadow: 0px 0px 0.000000px #000000;shadowOpacity:0.000000;shadowRadius:0.000000;shadowOffSetY:0;textAlpha:1.000000;indentFlag:0;text-indent:0px;shapeFlag:0;line-height:normal;}.text0 a:link {text-decoration: none; color: #4f4c4c;font-weight:normal;}.text0 a:visited {text-decoration: none; color: #4f4c4c;font-weight:normal;}
.text1{position:absolute;left:60px;top:600px;z-index:37;font-size:18px;color:#4f4c4c;width:152px;height:30px;font-family:"Actor";padding:10px;border-style:none;border-width:0px;text-align:left;border-radius:0px;-moz-border-radius:0px;fixed:0;box-shadow: 0px 0px 0.000000px #000000;shadowOpacity:0.000000;shadowRadius:0.000000;shadowOffSetY:0;textAlpha:1.000000;indentFlag:0;text-indent:0px;shapeFlag:0;line-height:normal;}.text1 a:link {text-decoration: none; color: #4f4c4c;font-weight:normal;}.text1 a:visited {text-decoration: none; color: #4f4c4c;font-weight:normal;}
.text2{position:absolute;left:440px;top:560px;z-index:38;font-size:15px;color:#4f4c4c;width:152px;height:40px;font-family:"Actor";padding:10px;border-style:none;border-width:0px;text-align:center;border-radius:0px;-moz-border-radius:0px;fixed:0;box-shadow: 0px 0px 0.000000px #000000;shadowOpacity:0.000000;shadowRadius:0.000000;shadowOffSetY:0;textAlpha:1.000000;indentFlag:0;text-indent:0px;shapeFlag:0;line-height:normal;}.text2 a:link {text-decoration: none; color: #4f4c4c;font-weight:normal;}.text2 a:visited {text-decoration: none; color: #4f4c4c;font-weight:normal;}
.image28{position:absolute;left:283px;top:419px;z-index:35;background:transparent url("works/image28.JPG");imagename:image28;imagetype:JPG;width:160px;height:106px;border-style:none;border-width:1px;fixed:0;box-shadow:0px 2px 3.000000px #000000;shadowOpacity:1.000000;shadowRadius:3.000000;shadowOffSetY:2;imageAlpha:1.000000;display:inline;background:transparent url("works/image28.JPG");retina:1;slideShowNumber:-99;groupNumber:0;enlarge:1;galleryNumber:0;galleryRowSpot:2;galleryColumnSpot:0;}
.image29{position:absolute;left:449px;top:418px;z-index:35;background:transparent url("works/image29.JPG");imagename:image29;imagetype:JPG;width:160px;height:109px;border-style:none;border-width:1px;fixed:0;box-shadow:0px 2px 3.000000px #000000;shadowOpacity:1.000000;shadowRadius:3.000000;shadowOffSetY:2;imageAlpha:1.000000;display:inline;background:transparent url("works/image29.JPG");retina:1;slideShowNumber:-99;groupNumber:0;enlarge:1;galleryNumber:0;galleryRowSpot:2;galleryColumnSpot:1;}
.image30{position:absolute;left:615px;top:419px;z-index:35;background:transparent url("works/image30.JPG");imagename:image30;imagetype:JPG;width:160px;height:106px;border-style:none;border-width:1px;fixed:0;box-shadow:0px 2px 3.000000px #000000;shadowOpacity:1.000000;shadowRadius:3.000000;shadowOffSetY:2;imageAlpha:1.000000;display:inline;background:transparent url("works/image30.JPG");retina:1;slideShowNumber:-99;groupNumber:0;enlarge:1;galleryNumber:0;galleryRowSpot:2;galleryColumnSpot:2;}
.image33{position:absolute;left:283px;top:148px;z-index:35;background:transparent url("works/image33.JPG");imagename:image33;imagetype:JPG;width:160px;height:116px;border-style:none;border-width:1px;fixed:0;box-shadow:0px 2px 3.000000px #000000;shadowOpacity:1.000000;shadowRadius:3.000000;shadowOffSetY:2;imageAlpha:1.000000;display:inline;background:transparent url("works/image33.JPG");retina:1;slideShowNumber:-99;groupNumber:0;enlarge:1;galleryNumber:0;galleryRowSpot:0;galleryColumnSpot:0;}
.image34{position:absolute;left:449px;top:152px;z-index:35;background:transparent url("works/image34.JPG");imagename:image34;imagetype:JPG;width:160px;height:108px;border-style:none;border-width:1px;fixed:0;box-shadow:0px 2px 3.000000px #000000;shadowOpacity:1.000000;shadowRadius:3.000000;shadowOffSetY:2;imageAlpha:1.000000;display:inline;background:transparent url("works/image34.JPG");retina:1;slideShowNumber:-99;groupNumber:0;enlarge:1;galleryNumber:0;galleryRowSpot:0;galleryColumnSpot:1;}
.image35{position:absolute;left:615px;top:152px;z-index:35;background:transparent url("works/image35.JPG");imagename:image35;imagetype:JPG;width:160px;height:108px;border-style:none;border-width:1px;fixed:0;box-shadow:0px 2px 3.000000px #000000;shadowOpacity:1.000000;shadowRadius:3.000000;shadowOffSetY:2;imageAlpha:1.000000;display:inline;background:transparent url("works/image35.JPG");retina:1;slideShowNumber:-99;groupNumber:0;enlarge:1;galleryNumber:0;galleryRowSpot:0;galleryColumnSpot:2;}
.image36{position:absolute;left:283px;top:279px;z-index:35;background:transparent url("works/image36.JPG");imagename:image36;imagetype:JPG;width:160px;height:120px;border-style:none;border-width:1px;fixed:0;box-shadow:0px 2px 3.000000px #000000;shadowOpacity:1.000000;shadowRadius:3.000000;shadowOffSetY:2;imageAlpha:1.000000;display:inline;background:transparent url("works/image36.JPG");retina:1;slideShowNumber:-99;groupNumber:0;enlarge:1;galleryNumber:0;galleryRowSpot:1;galleryColumnSpot:0;}
.image38{position:absolute;left:449px;top:286px;z-index:35;background:transparent url("works/image38.JPG");imagename:image38;imagetype:JPG;width:160px;height:107px;border-style:none;border-width:1px;fixed:0;box-shadow:0px 2px 3.000000px #000000;shadowOpacity:1.000000;shadowRadius:3.000000;shadowOffSetY:2;imageAlpha:1.000000;display:inline;background:transparent url("works/image38.JPG");retina:1;slideShowNumber:-99;groupNumber:0;enlarge:1;galleryNumber:0;galleryRowSpot:1;galleryColumnSpot:1;}
.image39{position:absolute;left:615px;top:279px;z-index:35;background:transparent url("works/image39.JPG");imagename:image39;imagetype:JPG;width:160px;height:120px;border-style:none;border-width:1px;fixed:0;box-shadow:0px 2px 3.000000px #000000;shadowOpacity:1.000000;shadowRadius:3.000000;shadowOffSetY:2;imageAlpha:1.000000;display:inline;background:transparent url("works/image39.JPG");retina:1;slideShowNumber:-99;groupNumber:0;enlarge:1;galleryNumber:0;galleryRowSpot:1;galleryColumnSpot:2;}
table, td, th{border:0px solid black; padding:0px;text-align:left;vertical-align:top;}
.galleryImageCaption{font-size:12px; text-decoration: none; color: #4f4c4c;font-weight:normal;} .galleryImageCaption a:link{font-size:12px; text-decoration: none; color: #4f4c4c;font-weight:normal;}
.galleryImageCaption span {display:block;word-wrap:break-word;}


@media(-webkit-min-device-pixel-ratio: 2) {.image28{position:absolute;background-size:160px 106px !important;z-index:36;background:transparent url("works/image28@2x.JPG");}.image29{position:absolute;background-size:160px 109px !important;z-index:36;background:transparent url("works/image29@2x.JPG");}.image30{position:absolute;background-size:160px 106px !important;z-index:36;background:transparent url("works/image30@2x.JPG");}.image33{position:absolute;background-size:160px 116px !important;z-index:36;background:transparent url("works/image33@2x.JPG");}.image34{position:absolute;background-size:160px 108px !important;z-index:36;background:transparent url("works/image34@2x.JPG");}.image35{position:absolute;background-size:160px 108px !important;z-index:36;background:transparent url("works/image35@2x.JPG");}.image36{position:absolute;background-size:160px 120px !important;z-index:36;background:transparent url("works/image36@2x.JPG");}.image38{position:absolute;background-size:160px 107px !important;z-index:36;background:transparent url("works/image38@2x.JPG");}.image39{position:absolute;background-size:160px 120px !important;z-index:36;background:transparent url("works/image39@2x.JPG");}}

body {background-color:#FFFFFF;}
.ui-page {
background-color:#FFFFFF;
min-height:100% !important;
}
.ui-content{
background-color:#FFFFFF;
min-height:100% !important;
}
.ui-popup-screen{
height:670px;
}
.ui-loading .ui-loader { display: block; opacity:0;}


.galleryGrid0{position:absolute;left:280px;top:140px;z-index:35;width:500px;height:400px;fixed:1;numOfRows:3;numOfColumns:3;groupNumber:0;padding:3;shadowFlag:1;backdrop:0;}

* {text-shadow:none;}
a:link{text-shadow:none;font-weight:normal;text-decoration: none;}
a:visited{text-shadow:none;font-weight:normal;text-decoration: none;}
</style></head>

<body bgcolor=#FFFFFF leftmargin=0 topmargin=0>
<div id=content>
<div class=text0><a href=bio.html target=_self>Flavio Tiberti</a></div>
<div class=text1><a href=old.html target=_self>Older works</a></div>
<div class=text2>click on the work name for info</div>

<a class=image28 href="#popup_image28" href=rovi.html data-rel="popup" data-position-to="window" title="2015 - rovi di mare"></a>
<div data-role="popup" id="popup_image28" class="photopopup" data-overlay-theme="a" data-corners="false" data-tolerance="30,15">
<a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a>
<img src=works/image28o.JPG>
<div class=galleryImageCaption title="2015 - rovi di mare">
<span>
<a href=rovi.html data-ajax="false"><center>2015 - rovi di mare</center></a>
</span>
</div>
</div>
<a class=image29 href="#popup_image29" href=united.html data-rel="popup" data-position-to="window" title="2017 - unitedstates"></a>
<div data-role="popup" id="popup_image29" class="photopopup" data-overlay-theme="a" data-corners="false" data-tolerance="30,15">
<a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a>
<img src=works/image29o.JPG>
<div class=galleryImageCaption title="2017 - unitedstates">
<span>
<a href=united.html data-ajax="false"><center>2017 - unitedstates</center></a>
</span>
</div>
</div>
<a class=image30 href="#popup_image30" href=roots.html data-rel="popup" data-position-to="window" title="2017 - roots"></a>
<div data-role="popup" id="popup_image30" class="photopopup" data-overlay-theme="a" data-corners="false" data-tolerance="30,15">
<a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a>
<img src=works/image30o.JPG>
<div class=galleryImageCaption title="2017 - roots">
<span>
<a href=roots.html data-ajax="false"><center>2017 - roots</center></a>
</span>
</div>
</div>
<a class=image33 href="#popup_image33" href=redroom.html data-rel="popup" data-position-to="window" title="2011 - redroom"></a>
<div data-role="popup" id="popup_image33" class="photopopup" data-overlay-theme="a" data-corners="false" data-tolerance="30,15">
<a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a>
<img src=works/image33o.JPG>
<div class=galleryImageCaption title="2011 - redroom">
<span>
<a href=redroom.html data-ajax="false"><center>2011 - redroom</center></a>
</span>
</div>
</div>
<a class=image34 href="#popup_image34" href=absabs.html data-rel="popup" data-position-to="window" title="2012 - absurdabsence"></a>
<div data-role="popup" id="popup_image34" class="photopopup" data-overlay-theme="a" data-corners="false" data-tolerance="30,15">
<a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a>
<img src=works/image34o.JPG>
<div class=galleryImageCaption title="2012 - absurdabsence">
<span>
<a href=absabs.html data-ajax="false"><center>2012 - absurdabsence</center></a>
</span>
</div>
</div>
<a class=image35 href="#popup_image35" href=illu.html data-rel="popup" data-position-to="window" title="2012 - illuminations"></a>
<div data-role="popup" id="popup_image35" class="photopopup" data-overlay-theme="a" data-corners="false" data-tolerance="30,15">
<a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a>
<img src=works/image35o.JPG>
<div class=galleryImageCaption title="2012 - illuminations">
<span>
<a href=illu.html data-ajax="false"><center>2012 - illuminations</center></a>
</span>
</div>
</div>
<a class=image36 href="#popup_image36" href=scars.html data-rel="popup" data-position-to="window" title="2013 - scars"></a>
<div data-role="popup" id="popup_image36" class="photopopup" data-overlay-theme="a" data-corners="false" data-tolerance="30,15">
<a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a>
<img src=works/image36o.JPG>
<div class=galleryImageCaption title="2013 - scars">
<span>
<a href=scars.html data-ajax="false"><center>2013 - scars</center></a>
</span>
</div>
</div>
<a class=image38 href="#popup_image38" href=falling.html data-rel="popup" data-position-to="window" title="2013 - the art of falling apart"></a>
<div data-role="popup" id="popup_image38" class="photopopup" data-overlay-theme="a" data-corners="false" data-tolerance="30,15">
<a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a>
<img src=works/image38o.JPG>
<div class=galleryImageCaption title="2013 - the art of falling apart">
<span>
<a href=falling.html data-ajax="false"><center>2013 - the art of falling apart</center></a>
</span>
</div>
</div>
<a class=image39 href="#popup_image39" href=notsilent.html data-rel="popup" data-position-to="window" title="2014 - not silent"></a>
<div data-role="popup" id="popup_image39" class="photopopup" data-overlay-theme="a" data-corners="false" data-tolerance="30,15">
<a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a>
<img src=works/image39o.JPG>
<div class=galleryImageCaption title="2014 - not silent">
<span>
<a href=notsilent.html data-ajax="false"><center>2014 - not silent</center></a>
</span>
</div>
</div>


</div></body></html>