@font-face { font-family:Arial, Helvetica, sans-serif;}

@media screen, projection {
    body, html {width: 100%;height: 100%;margin: 0;padding: 0;font-size: 13px;font-weight: 400; font-family:Arial, Helvetica, sans-serif;}
    body {color: #000;}
    h1 {font-size: 60px;display: inline;font-weight: 500;}
    a {color: #000;}
    a img {border: none;}

    header, article, section, footer, figure {display: block;}
    
    article, header, footer, section.wanch, nav.home {min-width: 1024px;}

    header {border-bottom: 1px #000 solid;height: 108px;}
    header .wrap {height: 108px;}
    header .wrap a {top: 50px;}
    header .wrap span {right: 44px;bottom: 19px;font-size: 16px;}
    
    nav.home {margin-top: 90px;padding: 0 10px 20px 10px;display: block;text-align: center;}
    nav.home a {margin: 0 2% 60px 2%;text-decoration: none;width: 277px;display: inline-block;text-align: left;cursor: pointer;}
    nav.home a span.label {color: #fff;background: #000;display: inline-block;padding: 0 10px;min-width: 50px;height: 28px;line-height: 28px;font-size: 14px;margin-left: 10px;-webkit-border-top-left-radius: 2px;-webkit-border-top-right-radius: 2px;-moz-border-radius-topleft: 2px;-moz-border-radius-topright: 2px;border-top-left-radius: 2px;border-top-right-radius: 2px;}
    nav.home a span.item {background: url(../img/bkg-navhome-img-shaddow.png) no-repeat center 153px;display: block;height: 170px;}
    nav.home a span.item img {width: 275px;height: 153px; opacity:0;}
    nav.home a span.title {font-size: 14px;font-weight: 200;display: block;text-align: center;}

    section.excp {width: 882px;margin: 90px auto 0 auto;padding-bottom: 15px;}
    section.excp iframe {margin-top: 10px;}
    section.excp p {font-weight: 300; line-height: 17px;}
    section.excp nav {display: inline;margin-left: 12px;}
    section.excp nav ul {display: inline;padding: 0;margin: 0;}
    section.excp nav ul li {display: inline;}
    section.excp nav ul li a {display: inline-block;font-size: 18px;font-weight: 300;text-decoration: none;}
    section.excp nav ul li a:hover {text-decoration: underline;}
    
    section.wanch {text-align: center;border-top: 1px #000 solid;margin-top: 44px;}
	section.wanch a.rel {display: block;height: 4px;top: -2px;width: 971px;margin: 0 auto;background: #fff url(../img/iphone-bkg.gif) repeat;}
    section.wanch img {width: 880px;margin: 0 auto 5px auto;display: block;}
    section.wanch img.predpo-switcher {width: 25px;height: 61px;left: 50%;margin-left: -464px;margin-top: 135px;cursor: pointer;}
    section.wanch .predpo {width: 880px; height:340px;margin: 0 auto 5px auto; display:block;}

    footer {color: #fff;font-size: 14px;font-weight: 300;border-top: 1px #000 solid;margin-top: 20px;}
	footer a {display: block;background: #fff;height: 4px;top: -2px;width: 971px;margin: 0 auto;background: #fff url(../img/iphone-bkg.gif) repeat;}
	footer .text {background: #000;padding: 40px 0;}
    footer .text p {margin: 4px 0;}
    footer .text a {color: #fff;display: inline;background: none;}
    footer .text .fl {margin-left: 44px;}
    footer .text .fr {margin-right: 44px;}
    footer .footer-cycle {width: 971px;height: 320px;margin: 0 auto;}
    
    nav.pager {position: fixed;top: 50%;width: 1000px;left: 50%;margin-left: -500px;}
	.next {text-decoration:none; font-size:30px; font-weight:bold;}
	.prev {text-decoration:none; font-size:30px; font-weight:bold;} 

    .wrap {width: 970px;margin: 0 auto;}
    
    .up-footer {margin-top: -1px;background: #fff;height: 25px;}
	.web {font-size: 16px; text-decoration:none; display:block; height: 154px; color: #000;}
	
	
	
	
    .abs {position: absolute;}
    .rel {position: relative;}
    .fl {float: left;}
    .fr {float: right;}
    .cb {clear: both;}
    .tr {text-align: right;}
}