/*  CSS for G4M3RS iNC          */
/*  Copyright 2009 - 2010       */
/*  Authored by Justin Fuhrer   */

/* Defaults */

html { background: #000 url('../images/bg_grad_01.png') repeat-x fixed; color: #ddd; font-family: sans-serif; font-size: 11px; }

body {  }

a { color: #00ff00; text-decoration: none; }
a:visited { color: #00aa00; }
a:hover { color: #ffcc33; }

strong { font-weight: bold; }

h1, h2, h3, h4, h5, h6 { margin-bottom: 10px; }
h1 { color: #ffcc33; font-size: 250%; }
h2 { color: #ccc; font-size: 220%; }
h3 { color: #ffcc33; font-size: 180%; }
h4 { color: #ccc; font-size: 160%; }
h5 { color: #ffcc33; font-size: 130%; }
h6 { color: #ccc; font-size: 120%; }

/* Wrappers */

#wrapper_1 { background: url('../images/halo3bg_02.png') 50% 0 no-repeat fixed; min-height: 700px; }

#wrapper_2 { margin: 0 auto; width: 960px; }

/* Header */

#header { background: url('../images/glow_top.png') 50% 101% no-repeat; height: 180px; margin: 0 auto; width: 920px; position: relative; z-index: 1; }

#header img { position: absolute; left: 400px; top: -30px; z-index: -1; }

/* Footer */

#footer { background: url('../images/tile_75.png'); padding: 20px 20px 0px 20px; }

#footer #copy { color: #999; border-top: 1px solid #006600; width: 920px; padding: 10px 0px 20px 0px; }

/* Bottom */

#bottom { background: url('../images/bottom_tattered.png') no-repeat; margin: 0 auto; width: 960px; padding: 0px 0px 1000px 0px; position: relative; }
/* #bottom { margin: 0 auto; width: 960px; position: relative; padding: 0px 0px 1000px 0px; } */

#bottom img { position: absolute; top: -80px; left: 420px; }

/* Navigation */

.nav li { float: left; }

#nav_top { background: url('../images/tile_75.png'); width: 100%; height: 40px; font-size: 110%; border-bottom: 1px solid #006600; position: fixed; z-index: 2; }

#nav_top .nav { width: 960px; margin: 0 auto; }
#nav_top .nav li a { display: block; height: 28px; padding: 12px 10px 0px 10px; }
#nav_top .nav a { color: #fff; }
#nav_top .nav a:hover { color: #00ff00; background: #003300; }

body.home #nav_top a.home { color: #fff; background: #006600; }
body.gaming #nav_top a.gaming { color: #fff; background: #006600; }
body.services #nav_top a.services { color: #fff; background: #006600; }
body.about #nav_top a.about { color: #fff; background: #006600; }

/* Content */

#content, #details { background: url('../images/tile_75.png'); padding: 20px 20px 0px 20px; font-size: 110%; min-height: 200px; }

#content p, #details p { padding: 0px 0px 20px 0px; line-height: 200%; }

#details div { padding: 10px; }
#details ul { padding-bottom: 20px; }
#details ul li { list-style: disc; padding: 0px 0px 10px 0px; margin-left: 20px; line-height: 150%; }

#content table { margin-bottom: 20px; }
#content table th, #content table td { padding: 10px; }
#content table th { background: #006600; font-weight: bold; }

#content ul { margin-left: 40px; padding-bottom: 20px; }
#content ul li { list-style: disc; margin-bottom: 10px; }

/* Widgets */

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

.radius_tl { -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; }
.radius_tr { -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; }
.radius_bl { -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; }
.radius_br { -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; }
.radius_all { -moz-border-radius: 10px; -webkit-border-radius: 10px; }

.grid_1 { width: 920px; }
.grid_1a { width: 900px; }
.grid_2 { width: 480px; }
.grid_3 { width: 320px; }
.grid_4 { width: 240px; }
.grid_5 { width: 192px; }
.grid_6 { width: 160px; }
.grid_7 { width: 120px; }
.grid_8 { width: 80px; }

.divider { background: #006600; color: #fff; margin: 0px 0px 20px 0px; border: 1px solid #00aa00; }
.divider:hover { background: #009900; }

/*.anchor { position: relative; top: -40px; } */

.special { padding: 10px; }
.special ul { margin-left: 40px; padding-bottom: 0px !important; }
.special ul li { list-style: disc; margin-bottom: 10px; }