body {
	background-color: white;
	margin: 0px;
}
h1 {
	font-weight: normal;
}
#head {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: baseline;
    -moz-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
	height: 100px;
    }
#head.colours {
    background-color: #eee;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
#row_1 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
	height: 400px;
	margin: 0px;
}
#row_2 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
	height: 400px;
	margin: 0px;
}
#exrow_1 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
	height: auto;
	width: 1000px;
	margin: auto;
}
#exrow_11 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
	height: 400px;
	width: 1000px;
	margin: auto;
}
#exrow_2 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
	height: auto;
	width: 1000px;
	margin: auto;
}
#exrow_22 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
	height: 50px;
	width: 1000px;
	margin: auto;
}
#exrow_3 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: baseline;
    -moz-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
	height: auto;
	width: 920px;
	margin: auto;
}
#name {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
 	margin: 28px;
	font-family: Open Sans Condensed;
	font-weight: 700;
	font-size: 30px;
	letter-spacing: 5px;
  }
#nav2 {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
 	text-align: right;
	margin: 40px;
	font-family: Open Sans Condensed;
	font-weight: 300;
	font-size: 20px;
	letter-spacing: 5px;
}
#nav {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
 	text-align: right;
	margin: 40px;
	font-family: Open Sans Condensed;
	font-weight: 300;
	font-size: 20px;
	letter-spacing: 5px;
}
#one {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 1 0 auto;
    -ms-flex:1 0 auto;
    flex: 1 0 auto;
	font-family: Open Sans Condensed;
	font-weight: 700;
	font-size: 30px;
	letter-spacing: 5px;
	padding: 29px;
	background-color: #0ac;
  }
#two {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
	background-color: #b9d611;
}
#three {
	height: 100px;
	margin: 0px;
	background-color: #ccc;
    -webkit-box-ordinal-group: 4;
    -moz-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
	background-color: #d6009e;
}
#four {
	height: 100px;
	margin: 0px;
	background-color: #999;
    -webkit-box-ordinal-group: 5;
    -moz-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
	background-color: #ff7f1e;
}
#five {
	height: 100px;
	margin: 0px;
	background-color: #ccc;
    -webkit-box-ordinal-group: 6;
    -moz-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
	background-color: #ded8c7;
}
#six {
    -webkit-box-ordinal-group: 7;
    -moz-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
 	text-align: right;
	font-family: Open Sans Condensed;
	font-weight: 300;
	font-size: 20px;
	letter-spacing: 5px;
	padding: 40px 39px 40px 40px;
	background-color: #46a5ff;
}
#item_1 {
	position:relative;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
	flex-grow: 1;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
	order: 1;
	margin: 28px;
	font-family: Open Sans Condensed;
	font-weight: 300;
	font-size: 20px;
	letter-spacing: 4px;
	background-image: url('./img/writing1.png');
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: center;
	background-color: #ccc;
	margin: 0px;
	padding: 20px;
	color: white;
	width: 33%;
}
#item_2 {
	position:relative;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
	flex-grow: 1;
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
	order: 2;
	margin: 28px;
	font-family: Open Sans Condensed;
	font-weight: 300;
	font-size: 20px;
	letter-spacing: 4px;
	background-image: url('./img/design4.png');
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: center;
	background-color: #999;
	margin: 0px;
	padding: 20px;
	color: white;
	width: 33%;
}
#item_3 {
	position:relative;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
	flex-grow: 1;
    -webkit-box-ordinal-group: 4;
    -moz-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
	order: 3;
	margin: 28px;
	font-family: Open Sans Condensed;
	font-weight: 300;
	font-size: 20px;
	letter-spacing: 4px;
	background-image: url('./img/education1.png');
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: center;
	background-color: #ccc;
	margin: 0px;
	padding: 20px;
	color: white;
	width: 33%;
}
#item_4 {
	position:relative;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
	flex-grow: 1;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
	order: 1;
	margin: 28px;
	font-family: Open Sans Condensed;
	font-weight: 300;
	font-size: 20px;
	letter-spacing: 4px;
	background-image: url('./img/web1.png');
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: center;
	background-color: #999;
	margin: 0px;
	padding: 20px;
	color: white;
	width: 33%;
}
#item_5 {
	position:relative;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
	flex-grow: 1;
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
	order: 2;
	margin: 28px;
	font-family: Open Sans Condensed;
	font-weight: 300;
	font-size: 20px;
	letter-spacing: 4px;
	text-align: right;
	background-image: url('./img/event1.png');
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: center;
	background-color: #ccc;
	margin: 0px;
	padding: 20px;
	color: white;
	width: 33%;
}
#item_6 {
	position:relative;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
	flex-grow: 1;
    -webkit-box-ordinal-group: 4;
    -moz-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
	order: 3;
	margin: 28px;
	font-family: Open Sans Condensed;
	font-weight: 300;
	font-size: 20px;
	letter-spacing: 4px;
	background-image: url('./img/other1.png');
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: center;
	background-color: #999;
	margin: 0px;
	padding: 20px;
	color: white;
	width: 33%;
}
#item_1:hover {
	background-color: #0ac;
	background-image: url('./img/writing2.png');
}#item_2:hover {
	background-color: #b9d611;
	background-image: url('./img/design3.png');
}#item_3:hover {
	background-color: #d6009e;
	background-image: url('./img/education2.png');
}#item_4:hover {
	background-color: #ff7f1e;
	background-image: url('./img/web2.png');
}#item_5:hover {
	background-color: #ded8c7;
	background-image: url('./img/event2.png');
	color: #666;
}
#item_6:hover {
	background-color: #46a5ff;
	background-image: url('./img/other2.png');
}
#exitem_1 {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
	flex-grow: 1;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
	order: 1;
	margin: 0px;
	font-family: Open Sans Condensed;
	font-weight: 300;
	font-size: 20px;
	letter-spacing: 2px;
	margin: 0px;
	padding: 20px;
	color: white;
	width: 33%;
	text-align: center;
	text-transform: uppercase;
	background-color: white;
}
#exitem_2 {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
	flex-grow: 1;
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
	order: 2;
	margin: 0px;
	font-family: Open Sans Condensed;
	font-weight: 300;
	font-size: 20px;
	letter-spacing: 2px;
	margin: 0px;
	padding: 20px;
	color: white;
	width: 34%;
	text-align: center;
	text-transform: uppercase;
	background-color: white;
}
#exitem_3 {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
	flex-grow: 1;
    -webkit-box-ordinal-group: 4;
    -moz-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
	order: 3;
	margin: 0px;
	font-family: Open Sans Condensed;
	font-weight: 300;
	font-size: 20px;
	letter-spacing: 2px;
	margin: 0px;
	padding: 20px;
	color: white;
	width: 33%;
	text-align: center;
	text-transform: uppercase;
	background-color: white;
}
#exitem_4 {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
	flex-grow: 1;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
	order: 1;
	margin: 0px;
	font-family: Open Sans Condensed;
	font-weight: 300;
	font-size: 20px;
	letter-spacing: 2px;
	margin: 0px;
	padding: 20px;
	color: white;
	width: 50%;
	text-align: center;
	text-transform: uppercase;
	background-color: white;
}
#exitem_5 {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
	flex-grow: 1;
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
	order: 2;
	margin: 0px;
	font-family: Open Sans Condensed;
	font-weight: 300;
	font-size: 20px;
	letter-spacing: 2px;
	margin: 0px;
	padding: 20px;
	color: white;
	width: 50%;
	text-align: center;
	text-transform: uppercase;
	background-color: white;
}
#exitem_6 {
	position: relative;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
	flex-grow: 1;
    -webkit-box-ordinal-group: 4;
    -moz-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
	order: 3;
	margin: 0px;
	font-family: Open Sans Condensed;
	font-weight: 300;
	font-size: 20px;
	letter-spacing: 2px;
	margin: 0px;
	padding: 20px;
	color: white;
	width: 50%;
	text-align: center;
	text-transform: uppercase;
	background-color: white;
}
#exitem_11 {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
	flex-grow: 1;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
	order: 1;
	margin: 0px;
	font-family: Open Sans Condensed;
	font-weight: 300;
	font-size: 20px;
	letter-spacing: 2px;
	margin: 0px;
	padding: 20px;
	color: white;
	width: 333px;
	text-align: center;
	text-transform: uppercase;
	background-color: white;
}
#exitem_22 {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
	flex-grow: 1;
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
	order: 2;
	margin: 0px;
	font-family: Open Sans Condensed;
	font-weight: 300;
	font-size: 20px;
	letter-spacing: 2px;
	margin: 0px;
	padding: 20px;
	color: white;
	width: 334px;
	text-align: center;
	text-transform: uppercase;
	background-color: white;
}
#exitem_33 {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
	flex-grow: 1;
    -webkit-box-ordinal-group: 4;
    -moz-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
	order: 3;
	margin: 0px;
	font-family: Open Sans Condensed;
	font-weight: 300;
	font-size: 20px;
	letter-spacing: 2px;
	margin: 0px;
	padding: 20px;
	color: white;
	width: 333px;
	text-align: center;
	text-transform: uppercase;
	background-color: white;
}
#exlabel_1 {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
	flex-grow: 1;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
	order: 1;
	margin: 40px;
	font-family: Open Sans Condensed;
	font-weight: 300;
	font-size: 20px;
	letter-spacing: 2px;
	margin: 0px;
	padding: 20px;
	width: 33%;
	text-align: center;
	text-transform: uppercase;
	background-color: white;
/*	color: white;
	background-color: #0ac; */
}
#exlabel_2 {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
	flex-grow: 1;
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
	order: 2;
	margin: 40px;
	font-family: Open Sans Condensed;
	font-weight: 300;
	font-size: 20px;
	letter-spacing: 2px;
	margin: 0px;
	padding: 20px;
	width: 34%;
	text-align: center;
	text-transform: uppercase;
	background-color: white;
/*	color: white;
	background-color: #d6009e; */
}
#exlabel_3 {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
	flex-grow: 1;
    -webkit-box-ordinal-group: 4;
    -moz-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
	order: 3;
	margin: 40px;
	font-family: Open Sans Condensed;
	font-weight: 300;
	font-size: 20px;
	letter-spacing: 2px;
	margin: 0px;
	padding: 20px;
	width: 33%;
	text-align: center;
	text-transform: uppercase;
	background-color: white;
/*	color: white;
	background-color: #46a5ff; */
}
#exlabel_16 {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
	flex-grow: 1;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
	order: 1;
	margin: 40px;
	font-family: Open Sans Condensed;
	font-weight: 300;
	font-size: 20px;
	letter-spacing: 1px;
	margin: 0px;
	padding: 20px;
	width: 33%;
	background-color: white;
/*	color: white;
	background-color: #0ac; */
}
#exlabel_17 {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
	flex-grow: 1;
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
	order: 2;
	margin: 40px;
	font-family: Open Sans Condensed;
	font-weight: 300;
	font-size: 20px;
	letter-spacing: 1px;
	margin: 0px;
	padding: 20px;
	width: 34%;
	background-color: white;
/*	color: white;
	background-color: #d6009e; */
}
#exlabel_18 {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
	flex-grow: 1;
    -webkit-box-ordinal-group: 4;
    -moz-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
	order: 3;
	margin: 40px;
	font-family: Open Sans Condensed;
	font-weight: 300;
	font-size: 20px;
	letter-spacing: 1px;
	margin: 0px;
	padding: 20px;
	width: 33%;
	background-color: white;
/*	color: white;
	background-color: #46a5ff; */
}
#content_bg {
	margin: 0px;
	background-color: #eee;
}
#content {
	width: 920px;
	margin: auto;
	padding: 40px;
	background-color: white;
	font-family: Open Sans Condensed;
	font-weight: 300;
	font-size: 20px;
	letter-spacing: 1px;
}
#footer {
	font-family: Open Sans Condensed;
	font-weight: 300;
	font-size: 12px;
	letter-spacing: 1px;
	background-color: #999;
	margin: 0px;
	padding: 20px;
	color: white;
	text-align: center;
	text-transform: uppercase;
}
#footer1 {
	font-family: Open Sans Condensed;
	font-weight: 300;
	font-size: 12px;
	letter-spacing: 1px;
	background-color: white;
	margin: 0px;
	padding: 20px;
	color: #333;
	text-align: center;
	text-transform: uppercase;
}
#blocklink_1 {
    background-image:url("./img/writing3.png");
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
    display:block;
    height:300px;
    overflow:hidden;
    text-indent:100%;
    white-space:nowrap;
    }
#blocklink_2 {
    background-image:url("./img/writing4.png");
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
    display:block;
    height:300px;
    overflow:hidden;
    text-indent:100%;
    white-space:nowrap;
}
#blocklink_3 {
    background-image:url("./img/writing5.png");
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
    display:block;
    height:300px;
    overflow:hidden;
    text-indent:100%;
    white-space:nowrap;
}
#blocklink_4 {
    background-image:url("./img/design1.png");
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center;
    display:block;
    height:300px;
    overflow:hidden;
    text-indent:100%;
    white-space:nowrap;
    }
#blocklink_5 {
    background-image:url("./img/design2.png");
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
    display:block;
    height:300px;
    overflow:hidden;
    text-indent:100%;
    white-space:nowrap;
}
#blocklink_6 {
    background-image:url("./img/design3.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center;
    display:block;
    height:300px;
    overflow:hidden;
    text-indent:100%;
    white-space:nowrap;
}
#blocklink_7 {
    background-image:url("./img/web2.png");
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
    display:block;
    height:300px;
    overflow:hidden;
    text-indent:100%;
    white-space:nowrap;
    }
#blocklink_8 {
    background-image:url("./img/web4.png");
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
    display:block;
    height:300px;
    overflow:hidden;
    text-indent:100%;
    white-space:nowrap;
}
#blocklink_10 {
    background-image:url("./img/education2.png");
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
    display:block;
    height:300px;
    overflow:hidden;
    text-indent:100%;
    white-space:nowrap;
    }
#blocklink_11 {
    background-image:url("./img/education3.png");
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
    display:block;
    height:300px;
    overflow:hidden;
    text-indent:100%;
    white-space:nowrap;
}
#blocklink_12 {
    background-image:url("./img/education4.png");
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
    display:block;
    height:300px;
    overflow:hidden;
    text-indent:100%;
    white-space:nowrap;
}
#blocklink_13 {
    display:block;
    height:300px;
    white-space:nowrap;
    z-index: 3;
    }
#blocklink_13 a {
    border: none;
    }
#blocklink_14 {
    background-image:url("./img/event4.png");
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center;
    display:block;
    height:300px;
    overflow:hidden;
    text-indent:100%;
    white-space:nowrap;
}
#blocklink_15 {
    background-image:url("./img/event3.png");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
    display:block;
    height:300px;
    overflow:hidden;
    text-indent:100%;
    white-space:nowrap;
}
#blocklink_17 {
    background-image:url("./img/comms.png");
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
    display:block;
    height:300px;
    overflow:hidden;
    text-indent:100%;
    white-space:nowrap;
}
#blocklink_18 {
    background-image:url("./img/education4.png");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
    display:block;
    height:300px;
    overflow:hidden;
    text-indent:100%;
    white-space:nowrap;
}
#blocklink_20 {
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
    display:block;
    height:300px;
    padding-top: 62px;
}
.writing {
	background-color: #0ac;
	color: white;
}
.event {
	background-color: #ded8c7;
	color: white;
}
.design {
	background-color: #b9d611;
	color: white;
}
.education {
	background-color: #d6009e;
	color: white;
}
.web {
	background-color: #ff7f1e;
	color: white;
}
.other {
	background-color: #46a5ff;
	color: white;
}
.about {
	background-color: #ff7f1e;
	color: white;
}
#nav a {
	text-decoration: none;
	color: white;
}
#nav2 a {
	text-decoration: none;
	color: black;
}
#six a {
	text-decoration: none;
	color: white;
}
.link { 
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;
  z-index: 1;
}
#swiff {
	position: absolute;
	z-index: 1;
	top: 37px;
	left: 84px;
}
#speech {
	position: absolute;
	top:110px;
	right: 50px;
	z-index: 2;
	width: 260px;
	height: 140px;
	background-color: #ffe500;
	border: 8px solid #666;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	-webkit-box-shadow: 3px 3px 6px #888;
	-moz-box-shadow: 3px 3px 6px #888;
	box-shadow: 3px 3px 6px #888;
	font-family: Open Sans Condensed;
	font-weight: 300;
	font-size: 30px;
	letter-spacing: 1px;
	padding: 20px;
	text-align: left;
	visibility: hidden;
}
#speech:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 120px;
	top: -50px;
	border: 25px solid;
	border-color: transparent #666 #666 transparent;
}
#speech:after {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 131px;
	top: -32px;
	border: 16px solid;
	border-color: transparent #ffe500 #ffe500 transparent;
}
#work {
	cursor: default;
}
#work:hover #speech {
	visibility: visible;
}
#photo {
	position: relative;
	height: 400px;
	background-color: white;
	width: 1000px;
	margin: auto;
}
#contacts {
	position: absolute;
	top: 235px;
	right: 40px;
	margin: auto;
	font-family: Open Sans Condensed;
	font-weight: 300;
	font-size: 24px;
	letter-spacing: 1px;
	text-align: right;
}
#ontop {
	z-index: 2;
}