/* CSS Document */

body {
	background: #19222b;
	margin: 0px;
	padding: 0px;
	}

#allcontent {
	position: relative;
	margin: 0px auto;
	width: 750px;
	}

#fence {
	position:absolute;
	left:0px;
	top:0px;
	width:770px;
	height:577px;
	z-index: 1;
}

#homepage-fence-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:387px;
	height:215px;
}

#homepage-fence-02 {
	position:absolute;
	left:387px;
	top:0px;
	width:388px;
	height:215px;
}

#homepage-fence-03 {
	position:absolute;
	left:0px;
	top:215px;
	width:387px;
	height:366px;
}

#homepage-fence-04 {
	position:absolute;
	left:387px;
	top:215px;
	width:388px;
	height:366px;
}

#logo { 
	position: absolute;
	top: 4px;
	left: 20px;
	z-index: 50;
	}

#logodanger, #logoweb {
	position: absolute;
	top: 20px;
	left:99px;
	z-index: 60;
	}

#menutag {
	position: absolute;
	top: 7px;
	left: 578px;
	z-index: 50;
	}

ul.menuitems {
	position: absolute;
	top: 133px;
	left: 602px;
	z-index: 60;
	font-family: Arial, Helvetica, sans-serif;
	color: #19222b;
	font-weight: bolder;
	text-align: center;
	padding: 0;
	margin: 0;
	list-style:none;
	}

ul.menuitems li a:hover {
	color:#CC6600;
	}
	
ul.menuitems a:link {
	color: #19222b;
	text-decoration: none;
	}

ul.menuitems a:visited {
	color: #19222b;
	text-decoration: none;
	}

ul.tagitemsweb, ul.tagitemsmain, ul.tagitemsfilm {
	z-index: 60;
	font-family: Arial, Helvetica, sans-serif;
	color: #19222b;
	font-weight: bolder;
	text-align: center;
	padding: 0;
	margin: 0;
	list-style:none;
	}

ul.tagitemsmain {
	position: absolute;
	top: 275px;
	left: 17px;
}
ul.tagitemsfilm {
	position: absolute;
	top: 212px;
	left: 22px;
}
ul.tagitemsweb {
	position: absolute;
	top: 203px;
	left: 26px;
}

ul.tagitemsmain li {
	 float: left;
	margin: 10px 97px 10px 97px;
	}

ul.tagitemsfilm li {
	 float: left;
	margin: 72px;
	}


ul.tagitemsweb li {
	 float: left;
	margin: 78.5px;
	}
	
ul.tagitemsweb li a:hover, ul.tagitemsmain li a:hover, ul.tagitemsfilm li a:hover {
	color:#CC6600;
	}
	
ul.tagitemsweb a:link, ul.tagitemsmain a:link, ul.tagitemsfilm a:link {
	color: #19222b;
	text-decoration: none;
	}

ul.tagitemsweb a:visited, ul.tagitemsmain a:visited, ul.tagitemsfilm a:visited {
	color: #19222b;
	text-decoration: none;
	}
#tag001 {
	position: absolute;
	top: 260px;
	left: 40px;
	z-index: 50;
	}

#tag002 {
	position: absolute;
	top: 260px;
	left: 260px;
	z-index: 50;
	}

#tag003 {
	position: absolute;
	top: 260px;
	left: 480px;
	z-index: 50;
	}
	
#textbox {
	position: relative;
	background-color:#738993;
	top: -50px;
	left: 55px;
	z-index: 90;
	width: 600px;
	height: auto;
	}

#gallerybox {
position: relative;
	top: -50px;
	left: 55px;
	z-index: 75;
	width: 700px;
	}

#textarea {
	position: absolute;
	background-color:#738993;
	top: 491px;
	left: 36px;
	width: 704px;
	z-index: 50;
	min-height: 317px;
	}

#youtubearea {
	position: absolute;
	text-align:center;
	background-color:#738993;
	top: 491px;
	left: 36px;
	width: 704px;
	z-index: 50;
	min-height: 317px;
	}

#subheading {
	position: absolute;
	top: 350px;
	left: 60px;
	z-index: 70;
	}

h2 {
	font-size: xx-large;
	font-weight:bold;
	font-family: "Helvetica Condensed";
	}

.gallery {
	float: left;
	margin: 0 55px 15px 0;
	text-align: center;
	}
	
.gallery a:link {
	color: #19222b;
	text-decoration: none;
	}	
	
.gallery a:hover img {
	color:#CC6600;
	}

.gallery a:visited {
	color: #19222b;
	text-decoration: none;
	}

#clearfooter {
	clear: both;
	height: 50px;
	width: 100%;
	}