@font-face {
  font-family: "ITC Friz Quadrata";
  src: url(http://signup.leagueoflegends.com/theme/game_overview/fonts/friz.ttf) format("truetype");
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 17px;
	background: black;
	color: #121212;
	margin-bottom: 15px;
}
h2 {
	font-size: 20px;
	color: #660000;
	font-weight: bold;
	font-family: "ITC Friz Quadrata", "Times New Roman", Times, serif;
	background: transparent url(../img/shield.png) no-repeat;
	padding: 17px 0 10px 40px;
	margin-left: 5px;
	white-space: nowrap;
}
h3 {
	font-size: 18px;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	padding-left: 10px;
	margin-bottom: 13px;
}

#screen-wrap {
    position: relative;
    z-index: 9999999;
}

/* Firefox outline on Flash */
object { outline:none; }
a:link, a:visited {
	color: #043a5c;
	font-weight: bold;
}
a:hover {
	color: #055687;
}
.emphasis {
	color: black;
	font-weight: bold;
}
div.divider {
	height: 1px;
	background: transparent url(../img/divider.png) no-repeat center center;
}
#top {
	background-image: url(../img/top-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 373px;
}
div.top-wrap {
    width: 991px;
    margin: 0 auto;
    padding: 0 1px;
}
div.page-wrap {
	width: 786px;
	margin: 0 auto;
	height: 2180px;
}
div.arrow-buttons {
	text-align: center;
}

div.arrow-buttons img, #watch-the-trailer, #play-now, #play-for-free {
	cursor: pointer;
}

#play-for-free {
	margin-top: 194px;
	margin-left: 166px;
}
#content {
	background-image: url(../img/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#page {
	position: relative;
	top: -60px;
}
#content-inner {
	background-image: url(../img/content-bg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	height: 2010px;
}
#intro-block {
	margin-right: 25px;
	margin-left: 42px;
	z-index: 5;
	position: relative;
	top: -53px;
}
#intro-block > p {
	min-height: 205px;
}
#screen-wrap {
	float: right;
	width: 400px;
}
#screen {
	background-image: url(../img/screen-bg.png);
	height: 351px;
}
object#screen {
    position: relative;
    left: -10px;
}
#screen-inner {
	padding: 19px 26px 0 38px;
}
#screen-buttons {
	padding-top: 6px;
}
#intro-block p {
	padding-top: 15px;
}
span.red-highlight {
	font-family: "Times New Roman", Times, serif;
	font-size: 17px;
	font-weight: bold;
	color: #490000;
}
#watch-the-trailer {
	margin-top: 25px;
	margin-left: 32px;
}
#screen-inner ul {
	margin: 3px 0 0 0;
	padding: 0;
}
#screen-inner ul li {
	display: inline;
	margin: 0 0 0 0px;
	padding: 0px;
	list-style-type: none;
}
div.page-block {
	padding: 0 37px 0 40px;
}
div.page-block > p {
	margin: 5px;
}
#features {
	height: 500px;
}
#features-box {
	background-image: url(../img/features-box.png);
	float: right;
	height: 462px;
	width: 411px;
	position: relative;
	top: -50px;
    z-index: 1;
}
#features-box div.feature {
    height: 358px;
}
#features-box-inner {
	padding-top: 28px;
	padding-right: 25px;
	padding-left: 33px;
}
#features-box-inner p {
	color: #FFF;
	padding: 0 5px;
	margin: 4px 0;
	height: 82px;
    font-size: 12px;
    line-height: 15px;
}
#features-buttons {
	padding-top: 20px;
}

#features-list {
    position: absolute;
    z-index: 5;
    padding-top: 10px;
}
#features-list ul {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	color: #490000;
	font-size: 14px;
    display: table;
    width: 500px;
}
#features-list ul li {
	margin: 0px;
	padding: 0 0 0 28px;
	list-style-type: none;
	width: 280px;
	height: 45px;
	background: transparent url(../img/features-select.png) no-repeat;
	line-height: 15px;
    cursor: pointer;
    position: relative;
}
#features-list ul li span {
    width: 280px;
    height: 45px;
    display: table-cell;
    vertical-align: middle;
}
#features-list ul li.active {
	color: black;
	background: transparent url(../img/features-select-down.png) no-repeat;
}

#features-list ul li.top {
	height: 59px;
	background-image: url(../img/features-select-top.png);
}
#features-list ul li.top div {
    padding-top: 15px;
}
#features-list ul li.top span {
    height: 44px;
    display: table-cell;
    vertical-align: middle;
}
#features-list ul li.bottom {
	height: 60px;
	background-image: url(../img/features-select-bottom.png);
}
#features-list ul li.bottom div {
    padding-bottom: 15px;
}
#features-list ul li.bottom span {
    height: 45px;
    display: table-cell;
    vertical-align: middle;
}
#features-list ul li.top.active {
	background-image: url(../img/features-select-top-down.png);
}
#features-list ul li.bottom.active {
	background-image: url(../img/features-select-bottom-down.png);
}

#champions-list {
	margin-top: 18px;
}
div.champion {
	width: 166px;
	float: left;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	font-size: 16px;
	cursor: pointer;
	margin: 0 5px;
}
div.champion h4 {
	margin-top: 5px;
	margin-bottom: 2px;
	font-size: 20px;
    font-weight: bold;
}
div.champion-frame {
	background: transparent url(../img/character-bg.png) no-repeat;
	padding: 4px;
}
#maps {
	padding-top: 30px;
}
#maps-list {
	margin-top: 18px;
}
div.map {
	width: 351px;
	float: left;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	font-size: 16px;
	cursor: pointer;
	margin: 0 1px;
    font-weight: bold;
}
div.map-frame {
	background: transparent url(../img/map-bg.png) no-repeat;
	padding: 4px;
	margin-bottom: 5px;
}
#summoners {
	padding-top: 30px;
}
#summoners-list {
	margin-top: 18px;
}
div.summoner {
	width: 234px;
	float: left;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	font-size: 16px;
	cursor: pointer;
    font-weight: bold;
}
div.summoner-frame {
	background: transparent url(../img/summoner-frame.png) no-repeat;
	padding: 4px;
	margin-bottom: 5px;
}
#bottom {
	position: absolute;
	top: 2000px;
	width: 709px;
}
#requirements {
	width: 385px;
	float: right;
	padding-top: 38px;
	padding-left: 16px;
	font-family: "Times New Roman", Times, serif;
}
#requirements span {
	text-decoration: underline;
}
#requirements ul {
	padding-top: 7px;
	padding-left: 45px;
	list-style-image: url(../img/bullet.png);
}
#vertical-divider {
	width: 1px;
	height: 139px;
	float: right;
	background: transparent url(../img/vertical-divider.png) no-repeat;
	margin-top: 20px;
}
#play-now {
	margin-top: 50px;
	margin-left: 22px;
}
#footer {
	width: 1085px;
	margin: 0 auto;
	color: #515151;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
#footer a:link, #footer a:visited {
	color: #358394;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#footer-links {
	position: relative;
	vertical-align: top;
}
#footer-links a {
	vertical-align: top;
}
#awards {
	margin-left: 8px;
}
#awards img {
	margin: 0 8px;
	vertical-align: bottom;
}
#logos {
	margin-left: 20px;
}
#logos img {
	vertical-align: middle;
	margin: 0 2px;
}