/* CSS Stylesheet by Aleksey Karpenko, Stolnitsky Ideas http://zteel.com */

/* --------- Main ---------- */
html,body {margin:0; padding:0; }
img {border:none; margin:0; padding:0}

/* -------- Demo 1 --------- */
.demo1 {margin:20px; width:274px; height:488px; left:40px; position:relative; background-image:url("img/ppc1.png"); background-position:top center; background-repeat:no-repeat;}
.demo1 .left {display:none; height:488px; width:50px; position:absolute; left:-50px; background-image:url("img/left.gif"); background-position:left center; background-repeat:no-repeat;}
.demo1 img {position:absolute; top:54px; left:37px; width:201px; height:268px}
.demo1 .right {display:block; height:488px; width:50px; position:absolute; right:-60px; background-image:url("img/right.gif"); background-position:left center; background-repeat:no-repeat;}

/* -------- Demo 2 --------- */
.demo2 {margin:20px; width:274px; height:488px; left:40px; position:relative; background-image:url("img/ppc2.png"); background-position:top center; background-repeat:no-repeat;}
.demo2 .left {display:none; height:488px; width:50px; position:absolute; left:-50px; background-image:url("img/left.gif"); background-position:left center; background-repeat:no-repeat;}
.demo2 img {position:absolute; top:54px; left:18px; width:240px; height:320px}
.demo2 .right {display:block; height:488px; width:50px; position:absolute; right:-60px; background-image:url("img/right.gif"); background-position:left center; background-repeat:no-repeat;}

/* -------- Demo 3 --------- */
.demo3 {margin:20px; width:314px; height:596px; left:40px; position:relative; background-image:url("img/ht.jpg"); background-position:top center; background-repeat:no-repeat;}
.demo3 .left {display:none; height:488px; width:50px;  top:20px;position:absolute; left:-50px; background-image:url("img/left.gif"); background-position:left center; background-repeat:no-repeat;}
.demo3 img {position:absolute; top:69px; left:37px; width:240px; height:320px}
.demo3 .right {display:block; height:488px; width:50px;  top:20px;position:absolute; right:-60px; background-image:url("img/right.gif"); background-position:left center; background-repeat:no-repeat;}

/* -------- Demo 4 --------- */
.demo4 {margin:20px; width:347px; height:614px; left:40px; position:relative; background-image:url("img/nokia.jpg"); background-position:top center; background-repeat:no-repeat;}
.demo4 .left {display:none; height:488px; width:50px; top:40px; position:absolute; left:-50px; background-image:url("img/left.gif"); background-position:left center; background-repeat:no-repeat;}
.demo4 img {position:absolute; top:86px; left:54px; width:240px; height:320px}
.demo4 .right {display:block; height:488px; width:50px; top:40px; position:absolute; right:-60px; background-image:url("img/right.gif"); background-position:left center; background-repeat:no-repeat;}

/* -------- Demo 5 --------- */
.demo5 {margin:20px; width:347px; height:614px; left:40px; position:relative; background-image:url("img/iphone.jpg"); background-position:top center; background-repeat:no-repeat;}
.demo5 .left {display:none; height:488px; width:50px; top:40px; position:absolute; left:-50px; background-image:url("img/left.gif"); background-position:left center; background-repeat:no-repeat;}
.demo5 img {position:absolute; top:100px; left:40px; width:265px; height:405px}
.demo5 .right {display:block; height:488px; width:50px; top:40px; position:absolute; right:-60px; background-image:url("img/right.gif"); background-position:left center; background-repeat:no-repeat;}