@font-face { font-family: 'segoe-bold'; src: url('../fonts/SegoePro-Bold.eot'); src: url('../fonts/SegoePro-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/SegoePro-Bold.woff') format('woff'), url('../fonts/SegoePro-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'segoe'; src: url('../fonts/SegoePro.eot'); src: url('../fonts/SegoePro.eot?#iefix') format('embedded-opentype'), url('../fonts/SegoePro.woff') format('woff'), url('../fonts/SegoePro.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Conv_SegoePro-Light'; src: url('../fonts/SegoePro-Light.eot'); src: local('☺'), url('../fonts/SegoePro-Light.woff') format('woff'), url('../fonts/SegoePro-Light.ttf') format('truetype'), url('../fonts/SegoePro-Light.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Conv_SegoePro-Italic'; src: url('../fonts/SegoePro-Italic.eot'); src: local('☺'), url('../fonts/SegoePro-Italic.woff') format('woff'), url('../fonts/SegoePro-Italic.ttf') format('truetype'), url('../fonts/SegoePro-Italic.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Conv_SegoePro-Italic'; src: url('../fonts/SegoePro-Italic.eot'); src: local('☺'), url('../fonts/SegoePro-Italic.woff') format('woff'), url('../fonts/SegoePro-Italic.ttf') format('truetype'), url('../fonts/SegoePro-Italic.svg') format('svg'); font-weight: normal; font-style: normal; } /** Generated by FG **/ @font-face { font-family: 'Conv_SegoePro-BoldItalic'; src: url('fonts/SegoePro-BoldItalic.eot'); src: local('☺'), url('../fonts/SegoePro-BoldItalic.woff') format('woff'), url('../fonts/SegoePro-BoldItalic.ttf') format('truetype'), url('../fonts/SegoePro-BoldItalic.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Conv_SegoePro-SemiboldItalic'; src: url('../fonts/SegoePro-SemiboldItalic.eot'); src: local('☺'), url('../fonts/SegoePro-SemiboldItalic.woff') format('woff'), url('../fonts/SegoePro-SemiboldItalic.ttf') format('truetype'), url('../fonts/SegoePro-SemiboldItalic.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Conv_SegoePro-SemilightItalic'; src: url('../fonts/SegoePro-SemilightItalic.eot'); src: local('☺'), url('../fonts/SegoePro-SemilightItalic.woff') format('woff'), url('../fonts/SegoePro-SemilightItalic.ttf') format('truetype'), url('../fonts/SegoePro-SemilightItalic.svg') format('svg'); font-weight: normal; font-style: normal; } strong{ font-family: 'segoe-bold'; } .landingpage *{ margin: 0; padding: 0; } .landingpage{ width:800px; margin: 0 auto; } .landingpage p{ display: block; font-family: 'segoe'; color: #FFF; font-size: 20px; font-style: italic; letter-spacing: -0.008em; line-height: 24px; } .landingpage h2{ font-family: 'segoe-bold'; color: #FFF; font-size: 35px; font-style: italic; letter-spacing: -0.01em; line-height: 31px; } .landingpage .header-main{ float: left; width: 100%; background-color: #000000; height: 41px; } .landingpage .header-main .logo-xbox{ float: left; width: 125px; height: 25px; margin: 7px 0 0 19px; background: url(../img/logo-xbox.png) no-repeat center center; } .landingpage .header-main .logo-microsoft{ float: right; width: 103px; height: 22px; margin: 11px 30px 0 0; background: url(../img/logo-microsoft.png) no-repeat center center; } .landingpage .box-1{ float: left; width: 100%; height: 595px; background: url(../img/bg.jpg) no-repeat center top; } .landingpage .box-1 .text-gold{ float: left; margin: 106px 0 0 260px; } .landingpage .box-1 .text-gold h2{ font-family: 'segoe-bold'; color: #FFF; font-size: 35px; font-style: italic; letter-spacing: -0.01em; line-height: 31px; } .landingpage .box-1 .text-gold p{ display: block; font-family: 'segoe'; color: #FFF; font-size: 20px; font-style: italic; margin: 12px 0 0 0; letter-spacing: -0.008em; line-height: 22px; width: 465px; } .landingpage .box-1 .text-tv{ float: left; margin: 137px 0 0 60px; width: 295px; } .landingpage .box-1 .text-tv p{ line-height: 22px; } .landingpage .box-1 .tv{ float: left; width: 338px; height: 221px; margin: 90px 0 0 47px; background: url(../img/tv.png) no-repeat center center; }