/*
BY: PISKY
@ WWW.PISKY.ORG
*/

body
{
 background-color: #161622;
 margin: 0px;
 padding: 0px;
}

#bod
{
 position: relative;
 top: 0px;
 width: 915px;
 margin: 0px;
 padding: 0px;
}

#box
{
 position: relative;
 top: 0px;
 margin: 0px;
 padding: 5px;
 float: left;
}

#clear
{
 clear: both;
}

/* -- HEADER-TOP -- */
.header-top
{
 position: relative;
 background: transparent url(images/top-header.png) top center no-repeat;
 top: 0px;
 height: 49px;
 margin: 0px;
 padding: 0px;
}

.header-top #bod
{
 text-align: right;
 color: #ffffff;
 font-family: Arial;
 font-size: 13px;
 font-weight: bolder;
 padding-top: 15px;
}

.header-top #bod a
{
 color: #ffffff;
 text-decoration: none;
}

.header-top #bod a:hover
{
 color: #000000;
}

/* -- HEADER-MID -- */
.header-mid
{
 position: relative;
 background: transparent url(images/mid-header.png) top center no-repeat;
 top: 0px;
 height: 258px;
 margin: 0px;
 padding: 0px;
}

.header-mid #bod img
{
 z-index: 1;
}

.header-mid #bod #links
{
 position: relative;
 top: -20px;
 height: 20px;
 font-family: Arial;
 font-size: 14px;
 font-weight: bolder;
 text-align: right;
 z-index: 10;
}

.header-mid #bod #links a
{
 color: #ffffff;
 text-decoration: none;
 padding-left: 25px;
 padding-right: 25px;
}

/* -- HEADER-BOT -- */
.header-bot
{
 position: relative;
 background: transparent url(images/bottom-header.png) top center no-repeat;
 top: 0px;
 height: 375px;
 margin: 0px;
 padding: 0px;
}

/* -- BOD-HEADER -- */
.bod-header
{
 position: relative;
 background: transparent url(images/bod-header.png) top center no-repeat;
 top: 0px;
 height: 86px;
 margin: 0px;
 padding: 0px;
}

.bod-header #bod .title
{
 position: relative;
 top: -75px;
 height: 50px;
 margin: 5px;
 padding: 0px;
 color: #ffffff;
 text-align: left;
}

.bod-header #bod .title h1
{
 font-family: Arial;
 font-size: 26px;
 font-weight: bolder;
}

/* -- BODY-BG -- */
.body-background
{
 position: relative;
 background-color: #313149;
 top: 0px;
 margin: 0px;
 padding: 0px;
}

.body-background #body-bg
{
 position: relative;
 background: transparent url(images/body-bg.png) top center no-repeat;
 top: 0px;
 width: 915px;
 margin: 0px;
 padding: 0px;
 text-align: left;
}

.body-background #body-bg p
{
 position: relative;
 top: 0px;
 margin: 0px;
 padding: 10px;
 color: #ffffff;
 font-family: Arial;
 font-size: 14px;
}

.body-background #body-bg #top
{
 margin-top: -75px;
}

.body-background #body-bg h2
{
 margin: 0px;
 padding: 0px;
 color: #ffffff;
 font-family: Arial;
 font-size: 18px;
 font-weight: bolder;
}

.body-background #body-bg #box #gradient
{
 position: relative;
 background: #ffffff url(images/body-gradient.png) top left repeat-x;
 border: 5px solid #ffffff;
 top: 0px;
 padding: 0px;
 margin: 0px;
}

.body-background #body-bg #box #gradient h3
{
 border-bottom: #000000 dotted 1px;
 padding: 10px 0px 5px 0px;
 margin: 0px 7px 0px 7px;
 font-size: 24px;
}

.body-background #body-bg #box #gradient p
{
 color: #000000;
}

.body-background #body-bg ul
{
 margin: 0px;
 padding: 25px 0px 0px 25px;
 list-style-type: none;
 text-align: left;
 color: #ffffff;
}

.body-background #body-bg ul li
{
 border-bottom: #ffffff dashed 1px;
 margin: 0px;
 padding: 3px;
}

.body-background #body-bg ul li a
{
 color: #ffffff;
 text-decoration: none;
}

.body-background #body-bg ul li#link:hover
{
 background-color: #254116;
}

/* -- FOOTER -- */
.footer
{
 position: relative;
 background: transparent url(images/footer.png) top center no-repeat;
 top: 0px;
 height: 44px;
 margin: 0px;
 padding: 0px;
}

.footer #bod
{
 text-align: left;
 color: #ffffff;
 font-family: Arial;
 font-size: 13px;
 padding-top: 15px;
}