BETEPAH,
мысли вслух
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">body{
background:#DDD;
font-size:24px;
}
#one{
float:left;
position:relative;
width:0px;
height:0px;
background:transparent;
border-right:145px solid transparent;
border-top:100px solid #EEEEEE;
}
#five{
margin:0px;
position:absolute;
left:-38px;
top:-114px;
display:block;
color:#FA7C25;
width:0px;
height:0px;
border-right:25px solid transparent;
border-bottom:70px solid #FA7C25;
border-left:155px solid transparent;
-moz-transform:rotate(-34deg);
-webkit-transform:rotate(-34deg);
-ms-transform:rotate(-34deg);
transform:rotate(-34deg);
-o-transform:rotate(-34deg);
box-shadow:0 10px 12px -6px #777;
}
#two{
margin:0px;
width:490px;
height:400px;
background:#EEEEEE;
box-shadow:5px 5px 6px #777;
}
#tree{
float:left;
width:345px;
height:100px;
background:#EEEEEE;
box-shadow:1px 4px 8px #777;
}
</style>
</head>
<body>
<div id="two"></div>
<div id="tree"></div><div id="one"><div id="five"></div></div>
</body>
</html>