@charset "UTF-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
	text-decoration: none;
}
a:link {
	color: #DFDE5E;
}
a:visited {
	color: #DFDE5E;
}
a:hover {
	color: #FFF;
}
a:active {
	color: #DFDE5E;
}
@font-face {
	font-family: meta-black;
	src: url("fonts/MetaScWeb-Black.eot");
}
@font-face {
	font-family: meta-bold;
	src: url("fonts/MetaWeb-Bold.eot");
}
@font-face {
	font-family: meta-book;
	src: url("fonts/MetaWeb-Book.eot");
}

@font-face {
	font-family: meta-black;
	src: url("fonts/MetaScWeb-Black.woff") format("woff");
}
@font-face {
	font-family: meta-bold;
	src: url("fonts/MetaWeb-Bold.woff") format("woff");
}
@font-face {
	font-family: meta-book;
	src: url("fonts/MetaWeb-Book.woff") format("woff");
}

body {
	font-family: "meta-book","ff-meta-sc-web",sans-serif;
	background-color: #EBECE4;
	font-variant:normal;
}
#container {
	width: 960px;
	margin: 0 0 0 auto;
}

.switch-edition {
	background-color: #EBECE4;
	padding: .25em .5em .25em .25em;
	z-index: 5;
	font-family: 'Raleway',sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.5em;
	color: #000;
	position: absolute;
	bottom: -300px;
	right: 850px;
}
.switch-edition a:link, a:visited, a:hover, a:active {
	color: #066;
}

header {
	background-image: url(images/bg.jpg);
	background-position: center center;
	background-size: cover;
	background-color: #000;
	text-align: left;
	color: #FFF;
	padding: 3em 0 0 2em;
	z-index: 2;
	height: 25em;
	position: relative;
}
#title {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
	width: 960px;
}
nav {
	position: absolute;
	bottom: 7.5em;
	right: 0;
	z-index: 1;
}
.secondnav {
	list-style-type: none;
	margin: 0 0 0 5em;
	font-family: "meta-bold";
	font-weight: 700;
	font-variant: normal;
	font-size: 1.2em;
}
.secondnav li {
	margin: 0 0 0 .4em;
	display: inline;
}
li a:link {
	padding: .4em;
	background-color:#000;
	text-decoration: none;
	color: #DFDE5E;
}
li a:hover {
	background-color: #066;
}
li a.active { 
	color: #FFF;
	background-color:#066;
}
.home {
	background-color:#000;
	padding: 14px 10px 8px 28px;
	z-index: 5;
	font-family: "meta-black";
	font-weight: 900;
	font-style: normal;
	font-size: 4.5em;
	text-decoration: none;
	color: #FFF;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
	width: 922px;
}
.thin-font {
	font-family: meta-book;
	font-size: 1em;
	font-weight: 500;
	font-variant: normal;
	line-height: 1.4em;
	text-indent: 1.2em;
	}

.highlight-bold {
	background-color: #000;
	padding: .5em 0 0 .5em;
	z-index: 3;
	font-family: "meta-bold";
	font-weight: 700;
	font-variant: normal;
	font-size: 3em;
	left: 100px;
	width: 400px;
	position: relative;
}
.highlight-black {
	background-color: #000;
	padding: .25em .8em .25em .5em;
	z-index: 5;
	font-family: "meta-black";
	font-weight: 900;
	font-style: normal;
	font-size: 4.5em;
	text-decoration: none;
	color: #FFF;
}
.cloud {
	background-color: #EBECE4;
	padding: .25em .5em .25em .25em;
	z-index: 5;
	font-family: "meta-book";
	font-weight: 500;
	font-style: normal;
	font-size: 1.5em;
	color: #000;
	position: absolute;
	bottom: -300px;
	left: -100px;
}

.highlight {
	background-color:#000;
	padding: 0 0 .5em .5em;
	margin: 0 0 0 1.5em;
	line-height: 1.5em;
	z-index: 3;
}
#green {
	margin: -.5em 0 0 0;
	padding: 3em 3.5em 1em 3.5em;
	background: #066;
	color: #fff;
	z-index: 1;
}
.homenav {
	padding: 4em;
	margin: 0 8em;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	text-align:center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	line-height: 1.5em;
	}
.homenav a {
	font-family:"meta-bold";
	text-decoration: none;
	color: #DFDE5E;
	font-weight: bold;
	text-transform: uppercase;
	font-style: normal;
	padding: .25em;
}
.homenav a:hover {
	text-decoration:none;
	background-color: #000;
	font-weight:bold;
}
#footer {
	margin: 6em -6em 6em 0;
	padding: 1em 6em 1em 1em;
	float: right;
	text-align:center;
	background: #EBECE4;
	font-size: x-small;
	color: #000;
}
.clrflt {
	clear: both;
}
/* work files page */

#workfiles {
	background-image: url(images/workfiles-bg.jpg);
	background-position: center center;
	background-size: cover;
	background-color: #000;
	text-align: left;
	color: #FFF;
	padding: 3em 0 0 1.4em;
	z-index: 2;
	height: 25em;
	position: relative;
}
#chapters {
	background-image: url(images/chapters-bg.jpg);
	background-position: center center;
	background-size: cover;
	background-color: #000;
	text-align: left;
	color: #FFF;
	padding: 3em 0 0 1.4em;
	z-index: 2;
	height: 25em;
	position: relative;
}
#screencasts {
	background-image: url(images/screencasts-bg.jpg);
	background-position: center center;
	background-size: cover;
	background-color: #000;
	text-align: left;
	color: #FFF;
	padding: 3em 0 0 1.4em;
	z-index: 2;
	height: 25em;
	position: relative;
}
.leftcol {
	width: 40%;
	float: left;
	padding: 1.7em 0 0 0;
}
.rtcol {
	width: 43%;
	padding: 1.7em 0 0 0;
	float: left;
}
.downloads {
	font-family: meta-book;
	font-size: .85em;
	font-weight: 500;
	font-variant: normal;
	line-height: 1.7em;
	text-transform: uppercase;
}
.downloads .chap {
	text-indent: 2em;
}
.downloads li {
	list-style-type: none;
	display: block;
}
.downloads a:link {
	text-decoration:none;
	color: #000;
	background-color: #066;
}
.downloads a:hover {
	background-color: #DFDE5E;
}
.download-15 {
	padding: 0 .4em;
	color: #000;
}
table {
	padding: 10px;
	font-family: meta-book;
	font-size: 1em;
	font-weight: 500;
	font-variant: normal;
	line-height: 1.7em;
	border-spacing:10px;
}
td {
	background:rgb(223,222,94);
	background:rgb(223,222,94,.5);
	padding: 20px;
	margin: 10px;
}
table img {
	padding: 7px;
}
td p {
	background-color: #000;
	color: #FFF ;
	padding-left: 7px;
}