/* Table of Contents
––––––––––––––––––––––––––––––––––––––––––––––
- General Content
- Typography
- Header & Navigation
- Containers
- Images & Media
- Footer
- Media Queries
–––––––––––––––––––––––––––––––––––––––––––––– */

/* General Content
–––––––––––––––––––––––––––––––––––––––––––––– */
body{
	width: 1280px;
	margin: auto;
	font-family: "ocr-b", "courier new", courier, monospace;
	color: rgba(0,0,0,1);
	line-height: 1;
	background: rgba(220,220,220,1);
}

a:hover{text-decoration: none}

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––– */
@font-face{
	font-family: "ocr-b";
	src: url(../fonts/ocr-b.ttf);
}

@font-face{
	font-family: "futura-xbc";
	src: url(../fonts/futura-xbc.ttf);
}

@font-face{
	font-family: "avenir";
	src: url(../fonts/avenir.ttf);
}

h1{
	font-family: "ocr-b";
	font-size: 30pt;
	margin: 0;
	line-height: 1;
}

h2{
	font-family: "ocr-b";
	font-size: 18pt;
	color: rgba(0,0,0,1);
	text-decoration: none;
	line-height: 1.5;
	margin: 0;
}


a h2:hover{color: rgba(0,0,0,0.5);}

h3{
	font-family: "ocr-b";
	font-size: 18pt;
	color: rgba(0,0,0,1);
	text-decoration: none;
	line-height: 60px;
	margin: 0;
}

a h3:hover{color: rgba(0,0,0,0.5);}

h4{
	font-family: "futura-xbc";
	font-size: 18pt;
	color: rgba(0,0,0,1);
	margin: 0;
	line-height: 58px;
}

p{
	font-family: "avenir";
	font-size: 12pt;
	line-height: 1.5;
}

/* Header & Navigation
–––––––––––––––––––––––––––––––––––––––––––––– */
.header{
	width: 1280px;
	height: 125px;
	background-image: url(../images/header-background.jpg);
	margin: auto;
	border: 2px solid rgba(0,0,0,1);
}

a.head-text{
	font-family: "futura-xbc";
	font-size: 60pt;
	color: rgba(255,255,255,0.95);
	text-align: left;
	line-height: 125px;
	margin: 0 0 0 25px;
}

a.head-text:hover{
	color: rgba(255,255,255,0.7);
	text-decoration: none;
}


.nav{
	width: 1280px;
	background: rgba(100,100,100,1);
	margin: auto;
}

nav a.nav-list{
	width: 320px;
	height: 60px;
	margin: 0;
	font-size: 20pt;
	color: rgba(0,0,0,1);
	text-decoration: none;
	text-align: center;
	line-height: 60px;
	display: block;
	float: left;
	border-right: 2px solid rgba(0,0,0,1);
	border-bottom: 2px solid rgba(0,0,0,1);
}

nav a.item-1{
	border-left: 2px solid rgba(0,0,0,1);
	background-image: url(../images/nav1.jpg);
}

nav a.item-2{background-image: url(../images/nav2.jpg);}
nav a.item-3{background-image: url(../images/nav3.jpg);}
nav a.item-4{background-image: url(../images/nav4.jpg);}

nav a.nav-list:hover:not(.active){
	color: rgba(0,0,0,0.5);
}

nav a.active{
	background: rgba(255,255,255,1);
	border-bottom: none;
}

/* Containers
–––––––––––––––––––––––––––––––––––––––––––––– */
div.home{border-left: 2px solid rgba(0,0,0,1); border-right: 2px solid rgba(0,0,0,1);}

div.row{
	width: 1280px;
	margin: auto;
	padding: 25px 23px 0 23px;
	background: rgba(255,255,255,1);
	border-left: 2px solid rgba(0,0,0,1);
	border-right: 2px solid rgba(0,0,0,1);
}

div.final-row{padding: 25px 23px;}

div.final-home-row{padding: 25px 23px;}

/* Images & Media
–––––––––––––––––––––––––––––––––––––––––––––– */
div.manifesto{margin-bottom: 25px;}

div.manifesto-image{
	margin: 0 0 25px 25px;
	float:left;
}

div.body-text{
	width:602px;
	text-align: left;
	float: left;
}

a.home-gif{
	float: right;
}

a.home-gif:hover{opacity: 0.5}

div.intervention-item{
	float: left;
	margin-right: 25px;
}

div.intervention-item:hover{opacity: 0.8;}

div.final-item{margin: 0;}

div.video{
	margin: 0 25px 25px 0;
	float: left;
}

ul.downloads{
	list-style-type: none;

}

li a{
	width: 287.75px;
	height: 60px;
	float: left;
	text-align: center;
	background-image: url(../images/download-background.jpg);
	border: 2px solid rgba(0,0,0,1);
	margin: 0 0 25px 25px;
}

/* Footer
–––––––––––––––––––––––––––––––––––––––––––––– */
.foot{
	width: 1280px;
	height: 60px;
	margin: auto;
	padding: 0 25px;
	background-image: url(../images/footer-background.jpg);
	border: 2px solid rgba(0,0,0,1);
}

.foot-text{
	float: left;
}

.foot-link{
	float: right;
	margin: 14px 0 14px 25px;;
}

/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––– */