/* base layout */
html {
    font-size: 100.1%; /* ie fix */
}
body {
    background: #252525 none center top fixed no-repeat;
    margin: 0px;
    padding: 0px;
    font-family: "Lucida Grande", Helvetica, Arial, FreeSans, sans-serif, "open-serif", open-serif;
    color: white;
    font-size:	0.8;
    line-height:    1.4;
    padding-bottom: 30px;
}
img {
	border: none;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    line-height: 1.2;
    font-weight: bold;
    font-style: normal;
    color: #00baff;
}
h1 {
    font-size: 1.75em;
}
h2 {
    font-size: 1.5em;
}
h3 {
    font-size: 1.25em;
}
h4 {
    font-size: 1em;
}

/* Paragraphs */
p {
    margin: .75em 0;
}
/* Links */
a {
    text-decoration: none;
}
a:link {
    color: #00baff;
}
a:visited {
    color: #00baff;
}
a:hover, a:focus, a:active {
    color: #fff;
}

.clear {
    clear:  both;
    width: 0px;
    height: 0px;
    font-size: 0em;
}

/* content layers */
#wrapper {
    width:  960px;
    margin: 0 auto;
    margin-top: 20px !important;
}
#bannerlayer {
    height:             90px;
    width:              728px;
    margin-left:        232px;
    z-index:            80;
}
#header {
     background-attachment: scroll !important;
     background-image:      url("../../images/thegnet/hd.png");
     background-position:   center top !important;
     background-repeat:     no-repeat !important;
     height:        435px;
     position:      relative;
     width:         100%;           
     margin:    -30px 0 -332px !important;
}
#gnetlogo {
    position:   absolute;
    top:        -28px;
    left:       -60px;
    z-index:    20;
    width:      385px;
    height:     185px;
    background-attachment:  scroll !important;
    background-image:       url("../../images/thegnet/logo_b.png");
    background-position:    center top !important;
    background-repeat:      no-repeat !important;    
}
#gnetlogo div,
#gnetlogo div a span {
    display: block;
    width: 205px;
    height: 155px;
    font-size: 0px;
    padding-left:	35px;
    padding-top:	15px;	
}

#gnetlogo div a {
    display:block;
    width: 100%;
    height: 100%;
    color: transparent !important;	
}

#gnetlogo div a:link, #gnetlogo div a:hover {
    color: transparent !important;	
}

#gnetlogo div a span {
    position: absolute;
    top:0;
    left:20px;
    background: url('../../images/thegnet/logo_b2.png');
    cursor: pointer;
}


#header ul {
    float: right;
    text-align: right;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    color: white;
    text-transform: uppercase;
    line-height: 1.4em;
}
#header ul li {
    float: left;
}
#header ul#navigation {
    margin-top:     43px !important;
}
#header ul#navigation li {
 position: relative;
 width: 120px;
 height: 31px;
 font-size: 1.1em;
 line-height: 1.8em;
 text-align: center;	
 background: url("../../images/thegnet/nav.jpg") 0 -31px no-repeat;
}
#header ul#navigation li a {
	color: white;
}

#header ul#navigation li:hover {
    background-position:    0 0;
}

#header ul#systems {
    clear: both;
    padding: 5px 28px 0 0;
    font-size: 0.9em;
}
#header ul#systems li {            
    margin: 0 0 0 5px;
    padding: 1px 5px;
    line-height:    1em;
  	border: 1px solid transparent;
}
#header ul#systems li a {
	color: white;
}

#header ul#systems li a:hover {
	color: #222;
}

#header ul#systems li:hover {
    -moz-border-radius: 4px;
    border-radius: 4px;    
	-webkit-border-radius: 4px;
	background-color: #00baff;
  	color: #222;
	border: 1px solid #444;    
}
#lead   {
    background-color:   #191919;
    border-bottom:  2px solid   #009ED8;
    height:         332px;
    width:          100%;
}
#lead #animator {
    width:  890px;
    margin: 0px auto;
}
#contentholder {
    background-color: #191919;
    width: 100%;            
}
#contentholder div.l {
    float:  left;
    width:  600px;
    padding: 15px 30px 0;
    min-height:     160px;
}
#contentholder div.r {
    float: right;
    width: 270px;
    padding: 15px 30px 0 0;    
}
#footer {
    width:  100%;
    background-color: #191919;
    position: relative;
    padding:    30px 0px;
    
    -moz-border-radius: 0px;
    border-radius: 0px;    
    -webkit-border-radius: 0px;

    -moz-border-bottom-right-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;    
    border-bottom-left-radius: 4px;    
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    
}

#footer a {
    color: #000000;
}

#footer a:hover {
    color: #007ead;
    text-shadow: none;
}
#footer a:link {
    color: black;
}

#footer ul {
    background-color:   #dadada;
    color:  #191919;
    margin: 0 30px;
    overflow:   auto;
    padding:    10px 10px 10px 122px;
    list-style-type: none;
    font-size:  0.64em;
    text-shadow: 0 1px 0 #FFFFFF;
    overflow: hidden;
}

#footer ul li {
    border: none;
    border-left:   1px solid white;
    float:  left;
    height: 70px;
    width:   120px; 
    padding:    0px 0px 0px 5px;
}

#footer ul li span {
    display: block;
}

#footer #minilogo {
    position: absolute;
    z-Index:    20;
    left: 14px;
    top: 18px;
    background-image: url("../../images/thegnet/mini-logo.png");
    background-attachment: scroll !important;
    background-repeat: no-repeat !important;
    background-position: 0 0 !important;
    padding:    94px 0 0 128px;
}

#scn {
    width:  900px;
    position: relative;
    padding: 0px 30px;
}

#scn p {
    font-size:  0.7em;
}

#scn a:link {
    color: white;   
}


#scn a:hover {
    color: #00baff;
}


#scn #scnlogo {

}

#scn ul {
    color:  #fff;
    margin: 0 30px;
    overflow:   auto;
    padding:    0px 10px 0px 211px;
    list-style-type: none;
    font-size:  0.85em;
}

#scn ul li {
    border: none;
    float:  left;
    height: 85px;
    width:   120px; 
    padding:    0px 0px 0px 5px;
    line-height: 1.4em;
}

#scn ul li span {
    display: block;
    background-image: url('../../images/thegnet/arrow.png');
    background-attachment: scroll !important;
    background-repeat: no-repeat !important;
    background-position: -2px 1px !important;
    padding-left: 16px;
}

#scn #scnlogo {
    position: absolute;
    z-Index:    20;
    background-image: url("../../images/thegnet/scn-logo.png");
    background-attachment: scroll !important;
    background-repeat: no-repeat !important;
    background-position: 0 0 !important;
    padding:    85px 0 0 211px;
}

