/* CSS Document */

body {
margin : 15px auto;
padding: 0;
font-family: Trebuchet MS, Arial, Helvetica, sans serif;
line-height: 18px;
font-size : 12px;
color: #cccccc;
background-color: #000000;
}

#sitecontainer {width: 900px; margin: 0 auto;}
#warning {width: 300px; margin: 0 auto; text-align: center;}

a {color:#0099cc;
text-decoration: none}
a:hover {text-decoration: underline}
h1 {
color : white;
font-weight : bold;
font-size : 30px;
padding : 40px 10px 10px 40px;
margin-bottom : 4px;
margin-top : 0;
float : left;
}
h1 a {
color : white;
text-decoration : none;
}

h1 a:hover {
color: white;
text-decoration : none;
}

h2 {
font-weight : bold;
font-size : 14px;
color : #666666;
padding : 10px 0 0 0;
margin : 15px 40px 0 40px;
border-top : 1px solid #0099cc;
text-transform: uppercase;
}
h2 a{
color : #666666;
text-decoration: none;}
h2 a:hover{color:#999999;
text-decoration: none;}

h3 {

font-size : 22px;
padding : 0;
color : #cccccc;
margin:0;
padding:0;
}

h4 {
font-size : 14px;
padding : 0;
color : #0099cc;
margin: 0;
padding:0;
}

.buttons {
width : 300px;

}
.buttons a {
margin: 45px 20px 40px 0px;
padding-left: 10px;
border-left : 5px solid #333333;
font-size : 18px;
font-weight: bold;
color : #999999;
float : right;
text-decoration : none;
}
.buttons a:hover {
border-left : 5px solid #0099cc;
color: white;
}
#main {
padding: 20px;
min-height: 400px;
}

#icons {width: 150px; height: 130px; font-size: 11px; color: #999999; float: right; text-align: center; padding: 20px 10px 10px 10px; line-height: 12px;}
#icons img {border:solid 1px #cccccc;}
#icons img:hover {border:solid 1px #0099cc;}
#icons a {color: #999999; text-decoration: none;}
#icons a:hover{color: #0099cc;}

#articons {font-size: 11px; color: #999999; float: right; text-align: center; padding: 10px; line-height: 12px;}
#articons img {border:solid 1px #cccccc;}
#articons img:hover {border:solid 1px #0099cc;}
#articons a {color: #999999; text-decoration: none;}
#articons a:hover{color: #0099cc;}

#penicons {font-size: 11px; color: #999999; float: right; text-align: center; padding: 20px 10px 10px 10px; line-height: 12px;}
#penicons img {border:solid 1px #cccccc;}
#penicons img:hover {border:solid 1px #0099cc;}
#penicons a {color: #999999; text-decoration: none;}
#penicons a:hover{color: #0099cc;}

#clear {clear:both}

#back {
float : left;
margin : 0;

}
#back a {
color : #cccccc;
text-decoration : none;
padding : 3px 5px;
font-size : 14px;
font-weight: bold;
border-left : 5px solid #222222;
}
#back a:hover {
color : #999999;
text-decoration: none;
border-left : 5px solid #0099cc;
}

#proceed{
float : right;
margin : 0;

}
#proceed a {
color : #cccccc;
text-decoration : none;
padding : 3px 5px;
font-size : 14px;
font-weight: bold;
border-right : 5px solid #222222;
}
#proceed a:hover {
color : #999999;
text-decoration: none;
border-right : 5px solid #0099cc;
}

#bottom {
clear : both;
padding: 20px 0px 0px 20px;
margin: 10px auto 0px auto;
width: 900px;
}

#bottom a {color: #999999; text-decoration: none;}
#bottom a:hover {color:#0099cc}

h5 {
margin: 100px 40px 0 40px;
text-align : right;
font-size : 10px;
color : #999999;
height : 40px;
border-top: #0099cc 1px solid;

}
#maincontainer {
padding-top : 60px;
}

.buttonscontainer {
float: right;
margin-right: 40px;
}

.languagecontainer {
float: right;
margin: 48px 40px 0 10px;
}
.language {width: 200px;
color : #999999;}

.language a {
font-size : 11px;
font-weight: bold;
color : #999999;
text-decoration : none;
}
.language a:hover {
color: #0099cc;
}

#galleryinfo {width: 220px; float: left; text-align: left; padding: 10px; margin: 0 0 0 10px; }
#gallerycontainer {width: 600px; float: right;}

#projectinfo {width: 300px; float: left; text-align: left; padding: 10px; margin: 0 0 0 10px; }
#projectcontainer {width: 520px; float: right;}

.blue {color: #0099cc; font-size: 13px; line-height: 15px;}

#series {border: 1px solid #333333; height: 330px;}