/* CSS Document */

.pixmobi #Teaser {position:relative; text-align:center;}

/*.pixmobi #TeaserFlash {background:url(../img/teaser_bg.png) 0 0 repeat-x; height:240px;position:relative;}
.pixmobi #TeaserFlash object {position:absolute; z-index:1;}
.pixmobi #TeaserFlash h1 {padding: 60px 0 0 322px; margin:0; font-size:15px; text-align:center; color:#999;  line-height:20px; position:relative; z-index:1;}*/

.pixmobi #Teaser #TeaserJs {background:url(../img/teaser_bg.png) 0 0 repeat-x; height:240px; /*height:320px;*/  position:relative; overflow:hidden;}
.pixmobi #Teaser .wrapper {position:relative; text-align:left; margin:0 auto; max-width:960px; min-width:610px; height:240px; padding:0;}
.pixmobi #Teaser .teaser {position:absolute; left:0; top:0; margin:0 auto; width:100%; height:240px; overflow:hidden; z-index:1;}
.pixmobi #Teaser .teaser .group {position:absolute; top:0; /*left:340px;*/ white-space:nowrap; /* width:400px;*/ }
.pixmobi #Teaser .teaser img {position:relative; left:auto; right:20px;}
.pixmobi #Teaser .teaser h3 {position:absolute; top:55px; z-index:2; margin:0; padding:0 0 0 5px; font-size:27px; line-height:20px; color:#F60; font-weight:normal; text-shadow: 2px 2px 2px #333;}
.pixmobi #Teaser .teaser p {position:absolute; top:85px; z-index:2; margin:0; padding:0 0 0 5px; font-size:14px; line-height:20px; color:#FFF; font-weight:bold; text-shadow: 2px 2px 2px #333;}
.pixmobi #Teaser .teaser a {position:absolute; top:140px; z-index:2;}
.pixmobi #Teaser #TeaserControl {position:absolute; z-index:5; top:auto; right:17px; height:20px; width:250px; bottom:17px;}
.pixmobi #Teaser #TeaserControl a {display:block; float:right; width:20px; height:20px; background:url(../img/mobile_control.png) 0 0 no-repeat; outline:0 none !important;}
.pixmobi #Teaser #TeaserControl a.active,
.pixmobi #Teaser #TeaserControl a:hover { background-position:0 -20px;}
.pixmobi #Teaser #Teaser1 .group{ /*left:600px;*/left:57%;}
.pixmobi #Teaser #Teaser2 .group{ /*left:380px;*/left:43%;}
.pixmobi #Teaser #Teaser2 h3 { top:65px;}
.pixmobi #Teaser #Teaser2 p { top:95px;}
.pixmobi #Teaser #Teaser2 a { top:130px;}
.pixmobi #Teaser #Teaser3 .group{ /*left:530px;*/left:52%;}
.pixmobi #Teaser #Teaser3 h3 { color:#FFF;}

.pixmobi #Iphone4 {width:286px; height:557px; background:url(../img/iphone4.png) 0 0 no-repeat; position:relative; z-index:2;color:#999; margin:0 0 30px -4px;}
.pixmobi #Iphone4 #MobileControl {position:absolute; z-index:5; top:75px; right:17px; height:20px; width:250px;}
.pixmobi #Iphone4 #MobileControl a {display:block; float:right; width:20px; height:20px; background:url(../img/mobile_control.png) 0 0 no-repeat; outline:0 none !important;}
.pixmobi #Iphone4 #MobileControl a.active,
.pixmobi #Iphone4 #MobileControl a:hover { background-position:0 -20px;}
.pixmobi #Iphone4 #MobileView {width:240px; height:360px; background-color:#222; position:absolute; z-index:4; top:100px; left:24px;}
.pixmobi #Iphone4 #MobileView a {display:none; position:absolute; z-index:5; top:0; left:0;}
.pixmobi #Iphone4 .mobileLegend {position:absolute; z-index:4; top:478px; left:8px; width:262px; height:33px; text-align:center; padding:5px; background-color:#000; display:table-cell; vertical-align:middle;}

.pixmobi .shadowBottom { width:100%; height:10px; position:absolute; bottom:0; left:0; right:auto; background: url(../img/shadow_bottom.png) 0 0 repeat-x; z-index:2;}

.pixmobi #ContentLeft {margin-top:-307px; /margin-top:-277px;}

@media screen and (max-width:480px)  {
	.pixmobi #ContentLeft {margin-top:13px;}
}