﻿/* dCodes Framework:(c) TemplateAccess */
.css_image_shadows{margin:0 auto;padding:10px 0;position:relative;width:600px;z-index:1}
.css_image_shadows:after{clear:both;content:"";display:block;font-size:0;height:0;visibility:hidden}
.drop-shadow{background:#fff;text-align:center;position:relative;float:left;width:60%;padding:1em;margin:2em 10px 4em;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset}
.drop-shadow:before,.drop-shadow:after{content:"";position:absolute;z-index:-2}
.drop-shadow p{font-size:16px;font-weight:bold}
.lifted{border-radius:4px;moz-border-radius:4px}
.lifted:before,.lifted:after{bottom:15px;left:10px;height:20%;width:50%;max-width:300px;-webkit-box-shadow:0 15px 10px rgba(0,0,0,0.7);-moz-box-shadow:0 15px 10px rgba(0,0,0,0.7);box-shadow:0 15px 10px rgba(0,0,0,0.7);-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-ms-transform:rotate(-3deg);-o-transform:rotate(-3deg);transform:rotate(-3deg)}
.lifted:after{right:10px;left:auto;-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-ms-transform:rotate(3deg);-o-transform:rotate(3deg);transform:rotate(3deg)}
.curled{border:1px solid #efefef;-moz-border-radius:0 0 120px 120px / 0 0 6px 6px;border-radius:0 0 120px 120px / 0 0 6px 6px}
.curled:before,.curled:after{bottom:12px;left:10px;width:50%;height:55%;max-width:200px;-webkit-box-shadow:0 8px 12px rgba(0,0,0,0.5);-moz-box-shadow:0 8px 12px rgba(0,0,0,0.5);box-shadow:0 8px 12px rgba(0,0,0,0.5);-webkit-transform:skew(-8deg) rotate(-3deg);-moz-transform:skew(-8deg) rotate(-3deg);-ms-transform:skew(-8deg) rotate(-3deg);-o-transform:skew(-8deg) rotate(-3deg);transform:skew(-8deg) rotate(-3deg)}
.curled:after{right:10px;left:auto;-webkit-transform:skew(8deg) rotate(3deg);-moz-transform:skew(8deg) rotate(3deg);-ms-transform:skew(8deg) rotate(3deg);-o-transform:skew(8deg) rotate(3deg);transform:skew(8deg) rotate(3deg)}
.perspective:before{left:80px;bottom:5px;width:50%;height:35%;max-width:200px;-webkit-box-shadow:-80px 0 8px rgba(0,0,0,0.4);-moz-box-shadow:-80px 0 8px rgba(0,0,0,0.4);box-shadow:-80px 0 8px rgba(0,0,0,0.4);-webkit-transform:skew(50deg);-moz-transform:skew(50deg);-ms-transform:skew(50deg);-o-transform:skew(50deg);transform:skew(50deg);-webkit-transform-origin:0 100%;-moz-transform-origin:0 100%;-ms-transform-origin:0 100%;-o-transform-origin:0 100%;transform-origin:0 100%}
.perspective:after{display:none}
.raised{-webkit-box-shadow:0 15px 10px -10px rgba(0,0,0,0.5),0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;-moz-box-shadow:0 15px 10px -10px rgba(0,0,0,0.5),0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;box-shadow:0 15px 10px -10px rgba(0,0,0,0.5),0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset}
.curved:before{top:10px;bottom:10px;left:0;right:50%;-webkit-box-shadow:0 0 15px rgba(0,0,0,0.6);-moz-box-shadow:0 0 15px rgba(0,0,0,0.6);box-shadow:0 0 15px rgba(0,0,0,0.6);-moz-border-radius:10px / 100px;border-radius:10px / 100px}
.curved-vt-2:before{right:0}.curved-hz-1:before{top:50%;bottom:0;left:10px;right:10px;-moz-border-radius:100px / 10px;border-radius:100px / 10px}.curved-hz-2:before{bottom:0;top:0;left:10px;right:10px;-moz-border-radius:100px / 10px;border-radius:100px / 10px}
.rotated{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-ms-transform:rotate(-3deg);-o-transform:rotate(-3deg);transform:rotate(-3deg)}
.rotated>:first-child:before{background:#fff;content:"";position:absolute;top:0;bottom:0;left:0;right:0;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;z-index:-1}