/* typography.css */

	body { color: #555555; margin: 0px; background-color: black; font-family: Helvetica, Arial, Verdana, sans-serif; font-size:75%;}
	h1, h2, h3, h4, h5, h6 {font-weight:normal;color: #666666;}
	h1 {font-size:2.5em; color: #444444;}
	h2 {font-size:3em; padding-top: 10px; font-weight:normal; color: #333333;}
	a.button:focus, a.button:hover {background-color: #999999; color: #222222;}
	a.button {color: #777777; text-decoration: none;}
	a:focus, a:hover { color: #ffffff;}
	a {color: #555555; text-decoration: none;}
	
	#email {color:#777777;font-weight: bold;}
	#current {background-color: #555555; color: #222222;}

/* HEADER */

#header {
	padding-top: 40px;
	padding-bottom: 25px;
}

#logo {
background:transparent url(../images/fta-logo.gif) no-repeat scroll 0 0;
height:45px;
width:247px;
}

.img-rep {
	display:block;
	overflow:hidden;
	text-align:left;
	text-indent:-1000em;
}

/* NAV */

#nav {
	margin-bottom:20px;
	background-color: #222222;
}

.button {
	background-color: #222222;
	float: left;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 16px;
	padding-right:16px;
	border-right: black;
	border-right-style: solid;
	border-right-width: 2px;
}

#info {
	padding-top: 8px;
	padding-right: 16px;
	text-align: right;
	font-size: 0.7em;
	color: #555555;
}

/* CONTENT */

#content {
	padding-top: 10px;
	padding-bottom: 20px;
}

.video {
	margin-top: 10px;
	display: block;
	width: 320px;
	height: 240px;
}

.description {
	padding-top: 10px;
	margin-bottom: 60px;
}

.screenshot {
	border: solid 1px #222222;  
	/* for IE */
	filter:alpha(opacity=70);
	/* CSS3 standard */
	opacity:0.7;
}
.screenshot:hover {border: solid 1px #555555;
	/* for IE */
	filter:alpha(opacity=100);
	/* CSS3 standard */
	opacity:1;
}

/* FOOTER */

#footer {
	border-top-style: solid;
	border-top-color: #222222;
	border-top-width: 1px;
	font-size: 0.7em;
	color: #333333;
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 20px;
}