﻿* 
{
    margin: 0;
    padding: 0;
}

body
{
    background: #000;
    color: #fff;
    font-family: Sans-Serif;
}

html, html body {height:100%;}

#container,
#header #menu,
#header #logo
{
    display: block;
    margin: 0 auto;
    width: 660px;
}

#container          { z-index: 100; position: relative; }
#container b.bgglow { z-index: 110; position: relative; }
#container #main    { z-index: 180; position: relative; }
#container #footer  { z-index: 190; position: relative; }
#header             { z-index: 200; position: relative; }
#header #logo       { z-index: 250; position: relative; }
#header #logo h1    { z-index: 280; position: relative; }
#header #menu       { z-index: 290; position: relative; }
#header b.menubg    { z-index: 290; position: relative; }



#header
{
    height: 270px;
    width: 100%;
}

#header #logo h1
{
    position: absolute;
    top: 100px;
    right: 10px;
    font-size: 95px;
    letter-spacing: -2px;
    font-weight: normal;
    text-transform: lowercase;
    text-align: left;
}
#header #logo .subtitle
{
    position: absolute;
    top: 200px;
    right: 10px;
    font-size: 20px;
    text-transform: lowercase;
}

#header #logo b.logobg
{
    display:block;
    position: absolute;
    top: 40px;
    left: -50px;
    z-index: 220;
    background: url('/Images/leaf.png') no-repeat;
    width: 229px;
    height: 532px;
}

#header b.menubg
{
    display:block;
    position: absolute;
    background: #0c0c0c;
    opacity: 0.66;
    -moz-opacity: 0.66;
    filter:alpha(opacity=66);
    height: 70px;
    width: 100%;
}

#menu
{
    position: relative;
    text-transform: lowercase;
    height: 70px;
    line-height: 70px;
}

#menu ul
{
    float: right;
    list-style: none;
}

#menu li
{
    float: left;
}

#menu li a
{
    font-size: 32px;
    display: block;
    color: #404e5f;
    padding: 0 1em;
    text-decoration: none;
    outline: none;
}
.cufon-active #menu li a
{
    font-size: 36px;
}
#menu li a.selected
{
    color: #f9ce04;
}
#menu #menuUnderline
{
    position: absolute;
    bottom: 10px;
    height: 4px;
    background-color: #f9ce04;
}

#container
{
    background: #001329;
    padding-bottom: 40px; /* For footer */
}

#container b.bgglow
{
    position: absolute;
    display:block;
    position: absolute;
    top: -270px;
    left: -210px;
    background: url('/Images/bgglow.png') no-repeat;
    width: 596px;
    height: 452px;
}

#container #main
{
    position: relative;
    padding: 1px; 
}

#container #main .page
{
    margin: 60px 18px 60px 190px; 
}

#container #main
{
    color: #c4c4c4;
    font-size: 16px;
    line-height: 22px;
}
#container #main h2
{
    color: #fff;
    font-size: 24px;
}
.cufon-active #container #main h2
{
    font-size: 32px;
}
#container #main p
{
}
#container #main strong
{
    font-weight: bold;
    color: #fc0;
}
#container #main a:link
{
    color: #0cf;
}
#container #main a:visited
{
    color: #96f;
}

#container #main hr
{
    color: #213246;
    background-color: #213246;
    border: 0;
    height: 1px;
    margin: 21px 0 22px;
}




#container #footer
{
    height: 40px;
    position: relative;
    margin-bottom: -40px;
    border-top: 2px #000 solid;
}
#container #footer p
{
    color: #eef;
    text-align: right;
}

dl dt
{
	font-weight: bold;
	margin-top: 10px;
	color: #f9ce04;
}