html, body, div, p, ul, li, span, img, a, h1, h2, h3, h4, h5, h6, table, tr, td, form {
  margin: 0;
  padding: 0;
}

body {
  background: url( '../images/background.jpg' ) repeat;
  margin: auto;
  text-align: center;
  color: #484845;
}

img {
  border: none;
}

a:link, a:active, a:visited {
  text-decoration: none;
}

a{
  color: #F58220;
}

a:hover{
  color: #CCCCCC;
}

.orange {
	color: #F58220
}

/* General class styles */

.replaced {
  display: none;
}


.outsideTxt {
	color: #DDDDDD;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.clear {
  clear: both;
}


/* The board container */

#board {
  margin: auto;
  position: relative;
  width: 997px;
}

#board-top {
  background: url( '../images/board/board-top.jpg' ) no-repeat;
  height: 35px;
  width: 1002px;
}

#board-body {
  background: url( '../images/board/board-tile.jpg' ) repeat-y;
  padding-left: 30px;
  text-align: left;
  width: 1002px;
}

#board-bottom {
  background: url( '../images/board/board-bottom.jpg' ) no-repeat;
  height: 45px;
  width: 1002px;
}


/** Header and navigation */

#header {
  height: 82px;
  width: 960px;
}

#logo {
  float: left;
}

#navigation {
  float: left;
  list-style: none;
}

#navigation li {
  display: block;
  float: left;
  padding-left: 9px;
}


#info-navigation {
  float: left;
  list-style: none;
  padding-left: 10px;
}

#info-navigation li {
  height: 41px;
}


/* Main body area */

#main-body {
  clear: both;
}


/* Main body header */

#main-body-header {
  padding-bottom: 15px;
  padding-left: 216px;
  padding-top: 35px;
  width: 960px;
}

#main-body-header h1 {
  display: none;
}


/* Side bars and side navigations */

.sidebar {
  float: left;
  width: 228px;
}

.side-navigation {
  margin-bottom: 30px;  
}

.side-navigation ul {
  list-style: none;
}

.side-navigation ul li {
  display: inline;
  width: 217px;
}

.side-navigation ul li a {
  display: block;
}

.sidebar .callout {
  margin-bottom: 30px;
}

#quote {
  background: url(../images/what/side-nav/purple-background.jpg) repeat-y;
  font-family: Arial, sans-serif;
  font-size: 9pt;
  font-weight: bold;
  color: white;
  text-align: center;
  padding-left: 22px;
  padding-right: 32px;
}

/* Content body */

#content-body {
  color: #484845;
  float: left;
  line-height: 1.2em;
  width: 713px;
}

#content-body p {
  padding-bottom: 0px;
}

/* Footer */

#footer {
  background: url( '../images/footer.jpg' ) no-repeat;
  color: #d3d9d0;
  clear: both;
  font-family: Arial, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  margin-left: -2px;
  padding-top: 9px;
  height: 17px;
  width: 943px;
}

#copyright{
  float: left;
  padding-left: 20px;  
}

#games-footer {
  float: left;
  padding-left: 160px;
}

#games-footer h2 {
  float: left;
  font-family: Arial, sans-serif;
  font-size: 8pt;
  font-weight: normal;
}

#games-footer ul {
  float: left;
}

#company-footer {
  float: right;
  padding-right: 20px;
}

#footer ul {
  list-style: none;
  /*float: right;*/
  padding-left: 5px;
}

#footer ul li {
  float: left;
}

#footer ul li a {
  color: white;
}

#footer ul li a:hover {
	text-decoration: underline;
}



/* Homepage styles */

#home {
  height: 460px;
  width: 713px;
  z-index: 1;
}

#home-container {
  position: absolute;
  top: 126px;
  left: -8px;
}

#home-content-body {
  width: 943px;
  padding: 10px 0 0 0;

}

#gallery-center {
  position: absolute;
  top: 700px;
  left: 200px;
}


#company-intro {
  float: left;
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 12pt;
  font-weight: normal;
  padding-left: 160px;
  padding-top: 10px;
  width: 385px;
  line-height:16pt;
}

#games-table {
  border: none;
  float: right;
  width: 387px;
  z-index: 10;
  margin: 0 3px 0 0;
}

#games-table .header-row {
  color: #80928d;
  font-family: Verdana, Arial, sans-serif;
  font-size: 7pt;
  font-weight: bold;
  letter-spacing: 0.5px;
  height: 22px; 
}

#games-table .header-row th.first {
  background: url( '../images/home/game-nav/top.jpg' ) no-repeat top left;
  padding-left: 15px;
}

#games-table .header-row th.second {
  background: url( '../images/home/game-nav/top.jpg' ) no-repeat;
  background-position: -10px 0;
}

#games-table .header-row th.last {
  background: url( '../images/home/game-nav/top.jpg' ) no-repeat;
  background-position: 100% 0;
}

#games-table .game-row td.first {
  background: url( '../images/home/game-nav/background.jpg' ) repeat top left;
  padding-left: 15px;
}

#games-table .game-row td.second {
  background: url( '../images/home/game-nav/background.jpg' ) no-repeat;
  background-position: -10px 0;
}

#games-table .game-row td.last {
  background: url( '../images/home/game-nav/background.jpg' ) no-repeat;
  background-position: 100% 0;
}

#games-table .game-row td.center {
  text-align: center;
}

#games-table .game-row {
  font-family: Arial, sans-serif;
  font-size: 9pt;
  padding: 0 0 0 10px;
}
#games-table .game-row td {
	padding: 4px 0 0 15px;
}

#games-table .game-row td.center {
  text-align: center;
}

#games-table .footer-row {
  background: url( '../images/home/game-nav/bottom.jpg' ) no-repeat top left;
  height: 13px;
}




/* Global class styles for specific containers and elements on sub-pages */

/* Photos containers will rounded captions */

.right {
  float: right;
  padding-left: 15px;
}

.left {
  float: left;
  padding-right: 15px;
}

.photo img {
  display: block;
}

.photo p {
  background: url( '../images/where/photo-caption.jpg' ) no-repeat;
  font-size: 8pt !important;
  font-family: Arial, sans-serif;
  height: 18px;
  text-align: center;
  width: 280px;
}
#timeline {
  float: right;
  margin: 0px 20px 20px 20px;
}

#timeline div {
  background: url( '../images/who/personal-info/background.jpg' ) repeat-y;
  padding-left: 15px;
  padding-top: 20px;
  width: 237px;
}

#timeline h3 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 7pt;
  font-weight: bold;
  letter-spacing:0.5pt;
  line-height: 0.9em;
}

#timeline div p {
  color: white;
  font-family: Arial, sans-serif;
  font-size: 10pt;
  padding-top: 3px;
  padding-bottom: 10px !important;
  line-height: 1em;
}

#timeline div p a {
  color: #ffe07f;
  text-decoration: underline;
}

#timeline div p a:hover {
  text-decoration: none;
}

#inputing {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #A8A0B7;
}

#thefont {
	font-size: 10px;
}

.font12 {
	font-size: 12pt;
	font-family: Arial, Helvetica, sans-serif;
}