
html, body {
width:100%;
height:100%;
}

body {
background-color:#000; 
font-family:Helvetica, Arial, 'DejaVu Sans', sans-serif;
font-size:14px;
}

.clear {
clear:both;
}

#wrapper {
width:100%;
min-width:1000px; /*TBC to suit layout*/
min-height:100%; /*required for sticky footer*/
height:100%;
height: auto !important;
margin:0 auto;
margin-bottom:-48px;}

#main {
padding-top:78px;
padding-bottom:20px;
}

#logo {
position:absolute;
top:74px;
left:6px;
z-index:9999;
display:none;
}

#menu {
position:fixed;
top:0px;
width:100%;
min-width:1000px; 
height:36px;
text-align:center;
background-color:#000; /*fallback for old browsers*/
background: -moz-linear-gradient(top, #494a4a 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(73,74,74,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #494a4a 0%,#000000 100%); /* Chrome10+,Safari5.1+ */ /* Chrome10+,Safari5.1+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494a4a', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #494a4a 0%,#000000 100%); /* W3C */
padding-top:18px;
border-bottom:1px solid #222;
-moz-box-shadow:2px 2px 18px #555;
-webkit-box-shadow:2px 2px 18px #555;
box-shadow:2px 2px 18px #555;
z-index:10000;
}

#menu li {
display:inline;
font-family:"Century Gothic", "Arial Narrow", Helvetica, Arial, sans-serif;
font-size:16px;
text-align:center;
margin-right:20px;
margin-left:20px;
padding:5px;
}

#menu li a {
text-decoration:none;
color:#c1c1c1; 
}

#menu li a:hover, #menu li a:active {
color:#db7232;
}

#menu li a:focus {
color:#db7232; 
border-bottom:1px solid #a2a1a1;
outline:none;
}

.menuSelected
{
color:#db7232!important; 
border-bottom:1px solid #a2a1a1!important;
}

.orange {
color:#db7232;
}

#names 
{
font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif ;
font-size:14px;
color:#db7232;
text-align:center;
position:absolute;
top:84px;
right:26px;
}

#names p {
padding-bottom:4px;
}

#pushFooter {
height:48px;
}

#footer 
{
width:100%;
height:30px;
padding-top:18px;
font-family:'Franklin Gothic Medium', 'Arial Narrow', Tahoma, Geneva, sans-serif; /*TBC ??*/
font-size:12px;
color:#c1c1c1;
text-align:center;
background-color:#494949; /*fallback*/
background: -moz-linear-gradient(top, #494a4a 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(73,74,74,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #222222 0%,#000000 100%); /* Chrome10+,Safari5.1+ */ /* Chrome10+,Safari5.1+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494a4a', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #494a4a 0%,#000000 100%); /* W3C */
opacity:0.8;
position:relative;
z-index:10000;
}

