/*	Clearfix
---------------------------------------------*/
.clearfix:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
	}

.clearfix {
	display:inline-block;
	}

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */


body {
	
	background-color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #f8d8af;
	text-align: center;
}

img {
	border: 0;
	}
	
a {text-decoration: none;}	
a:link {color: #f8d8af}     /* unvisited link */
a:visited {color: #f8d8af}  /* visited link */
a:hover {color: #fbf5ed}   /* mouse over link */
a:active {color: #f8d8af}   /* selected link */

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #f8d8af;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 40px;
}

h1 {
	font-family: Arial, sans-serif;;
	font-size: small;
	margin-top: 40px;
	margin-left: 5px;
	line-height: 10px;
}

h2 {
	margin: 0px auto 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #f8d8af;
}

.smalltext {
	margin: 0px auto 0;
	width:100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #f8d8af;
	border: 1px solid white;
}

.line {
	background-color: #f8d8af;
	opacity: 0.6;
	height: 1px;
	width: 440px;
	/*margin: 0px auto 0;*/
}

#main {
	margin: 40px auto 0;
	text-align:center;
	/*border: 1px solid white;*/
}

#header	{
	margin: 0px auto 0;
	width:800px;
	height:100px;
	background-image: url('../img/header.jpg');
	background-repeat:no-repeat;
	text-align:left;
	/*border: 1px solid white;*/
}

#header img {
	float: left;
} 

#menu {
	width: 455px;
	margin-left: 0px;
	margin-top: 70px;
	float: right;
	/*border: 1px solid white;*/
}

#menu a span {
	display:none;
}

.menuitem {
	margin: 0px auto 0;
   	float: left;
	/*border: 1px solid red;*/
}

#menu01 a {
	display:block;
	width:75px;
	height:18px;
	background: url(../img/menu_01.png) no-repeat;
}
#menu01 a:hover {
	background: url(../img/menu_01_on.png) no-repeat;
}
#menu02 a {
	display:block;
	width:75px;
	height:18px;
	background: url(../img/menu_02.png) no-repeat;
}
#menu02 a:hover {
	background: url(../img/menu_02_on.png) no-repeat;
}
#menu03 a {
	display:block;
	width:75px;
	height:18px;
	background: url(../img/menu_03.png) no-repeat;
}
#menu03 a:hover {
	background: url(../img/menu_03_on.png) no-repeat;
}
#menu04 a {
	display:block;
	width:75px;
	height:18px;
	background: url(../img/menu_04.png) no-repeat;
}
#menu04 a:hover {
	background: url(../img/menu_04_on.png) no-repeat;
}

#subspace {
	margin: 0px auto 0;
	width: 780px;
	height: 20px;
	float: left;
	/*border: 1px solid red;*/
}

#submenu { 
    width: 0px;
	height: 20px;
	margin-left: 20px;
	float: right;	
	background-image: url('../img/submenu.png');
	background-repeat:no-repeat;
	/*border: 1px solid blue;*/
}

#sub01 {
	display:none;
	margin-left: 40px;
	word-spacing: 20px;
	/*border: 1px solid blue;*/
}

#sub02 { 
  	display:none;
	margin-left: 195px;
	word-spacing: 20px;
}

#sub03 { 
  	display:none;
	margin-left: 265px;
	word-spacing: 20px;
}

#sub04 { 
  	display:none;
	margin-left: 257px;
	word-spacing: 20px;
}

#art {
	margin: 0px auto 0;
	width:800px;
	height:430px;
	background-image: url('../img/art_01.jpg');
	background-repeat:no-repeat;
	text-align:left;
	/*border: 1px solid white;*/
}

#artBig1 {
	margin: 0px auto 0;
	width:800px;
	/*height:1180px;*/
	background-image: url('../img/art_01_big.jpg');
	background-repeat:no-repeat;
	background-color: #080000;
	text-align:left;
	/*border: 1px solid white;*/
}

#artBig2 {
	margin: 0px auto 0;
	width:800px;
	/*height:1180px;*/
	background-image: url('../img/art_02_big.jpg');
	background-repeat:no-repeat;
	background-color: #060000;
	text-align:left;
	/*border: 1px solid white;*/
}

#artBig3 {
	margin: 0px auto 0;
	width:800px;
	/*height:1180px;*/
	background-image: url('../img/art_03_big.jpg');
	background-repeat:no-repeat;
	background-color: #030000;
	text-align:left;
	/*border: 1px solid white;*/
}

#artBig4 {
	margin: 0px auto 0;
	width:800px;
	/*height:1180px;*/
	background-image: url('../img/art_04_big.jpg');
	background-repeat:no-repeat;
	background-color: #030000;
	text-align:left;
	/*border: 1px solid white;*/
}

#artBig5 {
	margin: 0px auto 0;
	width:800px;
	/*height:1180px;*/
	background-image: url('../img/art_05_big.jpg');
	background-repeat:no-repeat;
	background-color: #030000;
	text-align:left;
	/*border: 1px solid white;*/
}

#chains {
	margin: 0px auto 0;
	width: 800px;
	background-image: url('../img/chains.png');
	background-repeat: repeat-y;
	min-height: 430px;
	/*border: 1px solid yellow;*/
}

#subsubarea {
	width:200px;
	margin-left: 40px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
	background-image: url('../img/textarea.png');
	background-repeat: repeat;
	text-align:left;
	/*border: 1px solid white;*/
}

#subsubarea_center {
	width:200px;
	margin-left: 40px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
	background-image: url('../img/textarea.png');
	background-repeat: repeat;
	text-align:center;
	/*border: 1px solid white;*/
}

#textarea {
	width:450px;
	margin-left: 0px;
	margin-right: 40px;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
	float: right;
	background-image: url('../img/textarea.png');
	background-repeat: repeat;
	text-align:left;
	/*border: 1px solid white;*/
}

#widetextarea {
	width: 600px;
	margin-left: 75px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-left: 30px;
	padding-right: 20px;
	float: left;
	background-image: url('../img/textarea.png');
	background-repeat: repeat;
	text-align:left;
	/*border: 1px solid white;*/
}

#footer	{
	margin: 0px auto 0;
	width:800px;
	height:40px;
	background-image: url('../img/footer.jpg');
	background-repeat:no-repeat;
	text-align:left;
	/*border: 1px solid white;*/
}

/*Image Gallery CSS below*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
/*border: 1px solid blue;*/
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
/*background-color: lightyellow;*/
/*padding: 5px;*/
left: -1000px;
border: 0px solid;
visibility: hidden;
/*color: black;*/
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0px;
left: 280px; /*position where enlarged image should offset horizontally */
z-index: 50;
text-decoration: none;
}