body {
	background-color: #000000;
	margin: 0px;
	padding: 0px;
}

#navigation > ul {
	padding: 0px;
	margin: 0px;
	margin-left: 10%;
}

.nav_item {
	float: left;
	margin-left: 40px;
	padding-top: 0px;
	margin-top: 0px;
}

.nav_item a:hover {
	background-color: #AFAFAF;
}

#navigation .nav_user {
	float: right;
  color: #FFFFFF;
  margin-right: 10%;
}

.thumb_land {
	position: absolute;
/*	background-color: #000000;*/
	/*width: 90%;
	border: 1px solid #2F2F2F;
	margin: 2%;
	padding: 2%;*/
	width: 90%;
	margin: 0px;
	padding: 0px;
	top: 5%;
	left: 5%;
	height: auto;
	border: 3px solid #2F2F2F
}

.thumb_port {
	display: block;
	position: absolute;
/*	background-color: #000000;*/
	/*width: 90%;
	border: 1px solid #2F2F2F;
	margin: 2%;
	padding: 2%;*/
	height: 90%;
	top: 5%;
	left: 0px;
	right: 0px;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	border: 3px solid #2F2F2F
}

/*.thumb a:hover {
    border: 1px solid #AFAFAF;
	background-color: #AFAFAF;
}*/

.thumb_list {
	margin: 0px;
	padding: 0px;
}

.thumb_wrapper {
	position: relative;
	float: left;
	width: 18%;
	height: 0px;
	margin: 1%;
	padding: 0%;
	padding-top: 12%;
	overflow: hidden;
	list-style-type: none;
	background-color: #000000;
}

.thumb_wrapper a:hover{
	background-color: #AFAFAF;
}

.slide{
	position: absolute;
	top: 0px;
	left: 0%;
	opacity: 0;
/*	width: 95%;
	height: auto;*/
	z-index: 0;
	margin-top: auto;
	margin-bottom: auto;
	border: 5px solid #FFFFFF;
}

.slide_port {
	display: block;
	position: absolute;
	height: 95%;
	top: 0%;
	left: 0px;
	right: 0px;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	border: 5px solid #000000;
	opacity: 0;
	z-index: 0;
}

img.slide{
	height: auto;
}

#text_wrapper {
	clear: both;
}

#slideshow {
	position:fixed;
	width: 80%;
	height: 80%;
	top: 10%;
	left: 10%;
	padding: 0px;
	/*padding-top: 45%*/;
	/*overflow: hidden;*/
	/*background: #000000*/
}

#slideshow .slideshow_controls{
	position: absolute;
	/*width: 80%;
	height: 80%;
	top: 10%;
	left: 10%;*/
	border: 5px solid #FFFFFF;
}

#slideshow .slideshow_prev,
#slideshow .slideshow_next{
  position: absolute;
  display: table;
  overflow: hidden;
  height: 100%;
  width: 50px;
  top: 0%;
  left: 0;
  padding: 0px;
  margin-top: 0px;
  background: #202020;
  cursor: pointer;
  opacity: 0;
  transition: all 150ms;
}

#slideshow .slideshow_prev p,
#slideshow .slideshow_next p{
  text-align: center;
  font-size: 100px;
  color: #fff;
  width: 100%;
  margin: 0 auto;
  display: table-cell;
  vertical-align: middle;
}

#slideshow .slideshow_close{
  position: absolute;
  height: 50px;
  line-height: 45px;
  width: 50px;
  font-size: 40px;
  text-align: center;
  color: #fff;
  background: #202020;
  top: 0;
  left: 5px;
  margin-top: 5px;
  cursor: pointer;
  opacity: 0;
  transition: all 150ms;
  border: 2px solid #000000;
  border-radius: 25px;
}

#slideshow .slideshow_prev:hover,
#slideshow .slideshow_next:hover,
#slideshow .slideshow_close:hover{
  opacity: 0.7;
}

#slideshow .slideshow_next{
  left: auto;
  right: 0px;
}

/* ID's */
#wrapper {
	padding: 0px;
	margin: 0px;
	z-index: 2;
	background: #000000;
}

#header {
	position: fixed;
	width: 100%;
	height: 200px;
	background: #000000;
	z-index: 3;
	padding: 0px;
	margin: 0px;
}

#logo{
	padding-left: 15%;
}

#navigation {
	position: fixed;
	width: 100%;
	height: 30px;
	margin: 0;
	margin-top: 200px;
	border-top: 2px solid #2F2F2F;
	border-bottom: 2px solid #2F2F2F;
	overflow: hidden;
	background: #000000;
	z-index: 3;
	padding: 0px;
}

#centre {
	position: absolute;
	margin-top: 240px;
	margin-bottom: 60px;
	padding-bottom: 40px;
	min-width: 100%;
	background: #000000;
	z-index: 1;
	color: #FFFFFF;
}

#center .error {
	color: #FF0000;
}

#footer{
	position: fixed;
	width: 100%;
	height: 30px;
	bottom: 0px;
	border-top: 2px solid #2F2F2F;
	text-align: center;
	background: #101010;
	z-index: 3;
	padding: 0px;
	color: #AFAFAF;
}

#footer > p {
	padding: 0px;
	margin: 0px;
}