@import url("content.css");
@import url("showcase.css");

html
{
height: 100%;
}

body
{
height: 100%;
}

#nonFooter
{
position: relative;
min-height: 100%;
width:850px;
margin:0 auto;
text-align:left;
background-color:#fff;
}

* html #nonFooter
{
height: 100%;
}


#footer
{
position: relative;
margin:-49px auto 0 auto;
}

body {
    margin:0;
    padding:0;
    text-align:center;
    font-family:'Lucida Grande', Verdana, Helvetica, Arial, 'Bitstream Vera Sans', sans-serif;
    font-size:12px;
    background: #d8d8d8 url(../img/layout/body-bg.png) top center repeat-y;
}

#header {
    height:105px;
    background:#102280 url(../img/layout/header-bg.png) repeat-x;
}

#top-nav {
    float:right;
    color:#fff;
    font-size:11px;
    background:#141414 url(../img/layout/header-bar.png) repeat-x;
    height:25px;
    /*width:215px;*/
    padding:0 2px 0 0;
    text-align:center;
    white-space:nowrap;
}
#top-nav ul {
    margin:0;
    padding:0;
}
#top-nav li {
    margin:0;
    padding:5px 6px 0 10px;
    list-style-type:none;
    float:left;
    background:transparent url(../img/layout/top-nav-bullet.png) 0px 11px no-repeat;
    height:20px;
}
#top-nav li.first {
    padding-left:20px;
    background:transparent url(../img/layout/header-bar-corner.png) 0 0 no-repeat;
}
#top-nav a {
    color:#fff;
    text-decoration:none;
}

#title {
    margin:0;
    padding:0;
    background:url(../img/layout/tmt-logo.jpg) 750px 30px no-repeat;
}
#title a span {
    display:none;
}
#title a {
    display:block;
    width:345px;
    height:105px;
    background:url(../img/layout/speedyrail-logo.jpg) 0 5px no-repeat;
}

#navigation {
    height: 43px;
    border-top: 1px solid #1a1a1a;
    background: #141414 url(../img/layout/navbar-bg.png) repeat-x;
}
#navigation h2 {
    display:none;
}
#navigation ul {
    margin:0;
    padding:0;
}
#navigation li {
    float:left;
    list-style-type: none;
    padding:0;
    margin:0;
}
#navigation a {
    color:#fff;
    text-decoration:none;
    font-size:11px;
    line-height:16px;
    padding: 5px 7px 0 7px;
    display:block;
    width:155px;
    height:36px;
    overflow:hidden;
    border-left:1px solid #666;
}
#navigation a:hover, #navigation .active a {
    background: transparent url(../img/layout/navbar-hover.png) center 1px no-repeat;
}
li.red {
    border-bottom:2px solid #f00;
    background: transparent url(../img/layout/navbar-corner-red.png) right bottom no-repeat;
}
li.orange {
    border-bottom:2px solid #f60;
    background: transparent url(../img/layout/navbar-corner-orange.png) right bottom no-repeat;
}
li.yellow {
    border-bottom:2px solid #fc0;
    background: transparent url(../img/layout/navbar-corner-yellow.png) right bottom no-repeat;
}
li.green {
    border-bottom:2px solid #4a0;
    background: transparent url(../img/layout/navbar-corner-green.png) right bottom no-repeat;
}
li.blue {
    border-bottom:2px solid #2a7fff;
    background: transparent url(../img/layout/navbar-corner-blue.png) right bottom no-repeat;
}

#wrapper {
    padding:15px 17px;
    margin-bottom:50px;
}

#footer {
    height:37px;
    width:816px;
    font-size:10px;
    color:#3a3a3a;
    background-color:#b7bec8;
    padding:10px 17px 0 17px;
    border-bottom:2px solid #3a3a3a;
}
#footer h2 {
    display:none;
}
#footer .contact {
    float:left;
    width:408px;
    text-align:center;
}
#footer h3 {
    margin:0;
    padding:0;
    font-size:10px;
}
#footer a {
    color:#3a3a3a;
    text-decoration:none;
}