/*
   The breakdown:
   1.PAGE STRUCTURE
   2.HEADER
   3.FOOTER
   4.HEADINGS
   5.TEXT STYLES
   6.NAVIGATION
   7.EXTRAS
*/

/* -----------------------------------*/
/* ------->>> PAGE STRUCTURE <<<------*/
/* -----------------------------------*/

body, .container {
    background-color: #C4C4C4;
    height: 100%;
}

.container {
    height: 100%;
    width: 880px;
}
#bd {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left:  -440px;
    margin-top: -320px;


    background-color: #FFF;

    width:880px;
    height:640px;
    text-align:center;
}

.wrapper {
    width: 850px;
    padding: 15px 0;
    text-align:left;
    left: 15px;
    position:relative;
}

div {
    position:relative;
}

/*.excess {
    width: 3000px !important;
}*/

/* -----------------------------------*/
/* ---------->>> HEADER <<<-----------*/
/* -----------------------------------*/
#logo {
    position:absolute;
    left:15px;
    bottom:15px;
}

/* -----------------------------------*/
/* ---------->>> FOOTER <<<-----------*/
/* -----------------------------------*/

/* -----------------------------------*/
/* -------->>> HEADINGS <<<-----------*/
/* -----------------------------------*/

/* -----------------------------------*/
/* ------->>> TEXT STYLES <<<---------*/
/* -----------------------------------*/

/* -----------------------------------*/
/* ------->>> NAVIGATION <<<----------*/
/* -----------------------------------*/
#globalNav {
    position:absolute;
    bottom: 13px;
    left: 267px;
    font-size: 10px;
    color: #999;
}

#globalNav a {
    color: #999;
    text-decoration: none;
}
#globalNav a.selected, #globalNav a:hover, a:focus, a:hover  {
    color: #3CF;
}

/* -----------------------------------*/
/* ---------->>> EXTRAS <<<-----------*/
/* -----------------------------------*/