/*
Layout by Kibumie
For AMTHIRD
All Rights Reserved
*/

body {
background: #000000 url('img/bg.gif') repeat-x;
color: #999999;
font-family: "arial";
font-size: 11px;
text-align: justify;
letter-spacing: 2px;
margin: 0px;
}

.header {
background: url('img/header.jpg') no-repeat;
margin: 0 auto;
width: 558px;
height: 231px;
}

/* Navigation */

.nav {
width: 529px;
padding-top: 172px;
padding-left: 15px;
font-family: "times new roman";
text-align: center;
}

.nav a {
padding-top: 21px;
padding-bottom: 20px;
color: #828282;
display: block;
float: left;
width: 88px;
border-bottom: 3px solid #ECEBEB;
}

.nav a:hover {
background: #000000;
border-bottom: 3px solid #E7502C;
color: #15C3EF;
}

.subnav {
width: 388px;
margin: 0 auto;
text-align: center;
height: 60px;
}

.subnav a {
width: 125px;
height: 23px;
display: block;
background: #031921 url('img/subnavbg.gif') repeat;
float: left;
font-size: 13px;
padding-top: 5px;
margin: 2px;
color: #FF6C00;
font-family: "times new roman";
}

.subnav a:hover {
background: #031921 url('img/subnavbghover.gif') repeat;
color: #035F89;
font-size: 10px;
}

/* Content */

.content {
background: url('img/body.gif') repeat-y;
margin: 0 auto;
width: 558px;
line-height: 170%;
}

.cin {
background: #ffffff;
margin: 0 auto;
width: 508px;
padding-top: 7px;
padding-bottom: 7px;
}

.box{
border: 1px dashed #BCCAD0;
color: #BCCAD0;
font-size: 9px;
text-transform: uppercase;
letter-spacing: 0px;
}

.box a img {border: 0px;margin:0px;}
.box a:hover img {border:0px;}

/* Highlight */

::-moz-selection{
background: #FFFFFF;
color: #000000;
}

::selection {
background: #FFFFFF;
color: #000000;
}

.gradualshine{
filter:alpha(opacity=30);
-moz-opacity:0.3;
}

/* Title */

h1 {
background: url('img/titlebg.gif') no-repeat;
padding-left: 30px;
padding-top: 15px;
color: #5D5D5D;
font-family: "times new roman";
font-size: 22px;
height: 30px;
}

h2 {
background: url('img/quotebg.gif') repeat;
color: #ED8000;
font-family: "times new roman";
text-transform: uppercase;
border-bottom: 2px solid #EFEFEF;
font-size: 17px;
}

/* Basics */

blockquote {
background: url('img/quotebg.gif') repeat;
margin: 0 auto;
width: 330px;
padding: 5px;
font-size: 9px;
letter-spacing: 1px;
text-transform: uppercase;
color: #B9B9B9;
}

li {
list-style-type: upper-roman;
color: #6A6A6A;
font-family: "times new roman";
text-transform: uppercase;
letter-spacing: 1px;
font-size: 9px;
}

img {
border: 1px solid #C0C0C0;
padding: 4px;
}

.left {
background: #DADADA;
border: 1px solid #C0C0C0;
padding: 4px;
float: left;
margin-right: 10px;
}

a img {border: 1px solid #C0C0C0;}
a:hover img {border: 1px solid #00BFE1;}

a {
color: #00688F;
font-family: "times new roman";
text-transform: uppercase;
letter-spacing: 1px;
font-size: 9px;
text-decoration: none;
}

a:hover {color: #000000;}

b {
color: #00688F;
font-size: 15px;
font-family: "times new roman";
padding-left: 40px;
text-transform: uppercase;
}

kbd {
color: #26C9FF;
text-transform: uppercase;
font-family: "times new roman";
}

/* Footer */

.footer {
background: url('img/footer.gif') no-repeat;
margin: 0 auto;
width: 558px;
height: 87px;
font-size: 9px;
font-family: arial;
}

.footerin {
margin: 0 auto;
padding-top: 17px;
width: 528px;
}

.x {
float: left;
text-align: center;
font-family: "times new roman";
width: 126px;
text-transform: uppercase;
}

.x a {
color: #808080;
padding-top: 2px;
padding-bottom: 2px;
display: block;
text-decoration: none;
}

.x a:hover {
background: #252525;
color: #CD6426;
}

.y {
float: right;
width: 402px;
text-transform: uppercase;
font-size: 9px;
letter-spacing: 0px;
color: #636262;
}

.y a {font-family: "arial"; color:#2E2E2E; text-decoration: none;}
.y a:hover {color: #0DA7DA;}

/* Writing */

textarea, input, select {
background: #000000;
border: 0px;
color: #0484B3;
font-family: "times new roman";
font-size: 13px;
letter-spacing: 1px;
}

/* Layouts */

.lay {
width: 500px;
margin: 0 auto;
height: 170px;
}

.lay h1 {
color: #454545;
font-family: "times new roman";
text-transform: uppercase;
border-top: 4px solid #00668B;
font-size: 17px;
height: 20px;
padding: 0px;
margin-bottom: 0px;
}

.tlay {
height: 20px;
padding: 10px;
display: block;
text-align: center;
font-family: "century gothic";
font-size: 17px;
background: #1C1C1C;
width: 200px;
float: right;
text-transform: uppercase;
color: #00BAFF;
border-bottom: 5px solid #FF5A00;
margin-bottom: 1px;
}

.clay {
text-align: center;
display: block;
background: #2F2F2F;
color: #B8B8B8;
height: 20px;
padding: 5px;
width: 200px;
list-style-type: none;
font-family: "century gothic, arial";
text-transform: uppercase;
font-size: 11px;
float: right;
border-bottom: 1px solid #ffffff;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 5px;
padding-top: 5px;
}

.lay a {
text-align: center;
display: block;
background: #000000;
color: #D56941;
height: 20px;
padding: 5px;
width: 200px;
list-style-type: none;
float: right;
font-family: "times new roman";
border-bottom: 1px solid #ffffff;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 5px;
padding-top: 5px;
}

.lay a:hover {
color: #00D2FF;
background: #2F2F2F;
display: block;
}

.lay img {
float: left;
border: 1px solid #00D2FF;
padding: 3px;
margin-right: 5px;
background: #000000;
}

/* Extra */

.iconspace {
width: 500px;
margin: 0 auto;
text-align: center;
color: #30C9E5;
font-size: 14px;
}

.iconspace a {background: #000000;font-size: 14px; padding: 5px;border: 1px solid #2B2B2B;}
.iconspace a:hover {background: #30C9E5; color: #000000;}
.iconspace strong {color: #ffffff; font-size: 1pt;line-height: 1%;}