@charset "utf-8";
/* CSS Document */

* {
margin:0;
padding:0;
font-family:"Trebuchet MS";
}

body {
background:#020202 url(images/b&w.jpg) no-repeat top left;
color:gray;
}

a {
text-decoration:none;
}

#wrapper{
width:100%;
height:100%;
}

#container{
width:980px;
height:100%;
margin-left:100px;

}

#banner {
background:url(images/ft_01.png);
height:104px;
width:980px;
padding-bottom:10px;
}

#nav {
background:url(images/ft_02.png);
min-width:150px;
height:38px;
padding-top:10px;
padding-left:10px;
opacity:.95;
filter: alpha(opacity = 95);
}

#nav_but {
width:150px;
height:30px;
padding-top:5px;
float:left;
border-right:1px solid gray;
}

#nav a {
color:white;
text-align:center;
}

#nav a:hover {
background:url(images/nav_hover.gif);
}

#nav a:active {
outline:none;
}

#page {
background:url(images/ft_03.png);
width:980px;
min-height:560px;
padding-top:20px;
float:left;
}

#content {
width:920px;
min-height:500px;
margin-left:15px;
padding-top:10px;
margin-right:15px;
}

#content p, h1 {
text-align:justify;
}

#content tr {
text-align:left;
}

#page_end {
background:url(images/ft_04.png);
width:980px;
height:30px;
float:left;
}

#footer {
width:980px;
height:15px;
font-size:12px;
text-align:center;
float:left;
}

#content a {
text-decoration:none;
color:white;
}

#content a img {
border:none;
margin:10px;
}

#album {
width:250px;
height:150px;
float:left;
margin-top:20px;
}

.textfield {
width:250px;
float:left;
}

.area {
margin-left:5px;
margin-right:5px;
float:left;
}

#message {
height:150px;
}

.button {
float:right;
}

#pic {
}

#error {
color:red;
}

#note {
color:white;
}

/*gallery*/

#box1 {
width:200px;
height:400px;
float:left;
}

.miniboxN, .miniboxW, .miniboxL, .miniboxP {
width:50px;
height:50px;
margin:5px;
float:left;
}

.miniboxN:hover, .miniboxW:hover, .miniboxL:hover, .miniboxP:hover {
cursor:pointer;
}

#box2 {
min-width:1px;
min-height:1px;
padding:5px;
display:none;
float:left;
}

.code {
height:80px;
width:160px;
}

.codetbox {
float:left;
clear:right;
margin-left:5px;
}