body {
  font-family: Verdana,Helvetica,Sans-Serif;
  font-size: 12px;
  color: #ddd;
  background-color: #292929;
 }

*  {
  text-decoration: none;
  outline: 0;
  border: 0px;
 }

a {
  color: #cc7700;
  text-decoration: underline;
  outline: 0px;
 }

a.visited,a.hover,a.active {
  color: #ff9900;
  text-decoration: underline;
  outline: 0px;
 }

/* 
====================================
	Header
====================================
*/

div.divtop {
  padding-top: 40px;
  padding-bottom: 0px;
  height: 45px;
  max-width: 800px;
  min-width: 800px;
  background: #292929;
  color: #999999;
  margin-left: auto;
  margin-right: auto;
 }

div.divname {
  float: left;
  font-family: Verdana,Helvetica,Sans-Serif;
  font-size: 24px;
  height: 24px;
  }

div.divname a {
  color: #ff9900;
  text-decoration: none;
  outline: 0;
 }

div.divname a:hover {
  color: #fff;
  text-decoration: none;
 }

div.divtitle {
  float: left;
  margin-left: 30px;
  font-family: Verdana,Helvetica,Sans-Serif;
  font-size: 24px;
  color: #5b5b5b;
}

div.divresume {
  float: right;
  width: 136px;
  height: 29px;
  background: url("thm/tab_resume.png");
  background-position: 136px 0px;
  outline: 0;
  }
 
div.divresume:hover {
  background-position: -136px -29px;
  text-decoration: none;
  outline: 0;
  cursor: pointer;
  }

div.divresume:active {
  background-position: 0px 0px;
  text-decoration: none;
  outline: 0;
  cursor: pointer;
  }

div.spanemail {
  float: left;
  margin-top: 6px;
  margin-left: 35px;
  font-size: 16px;
  text-decoration: underline;
  height: 12px;
}

a.aemail {
  color: #5b5b5b;
 }

a.aemail:hover {
  color: #ff9900;
 }

/* 
====================================
	Tabs
====================================
*/

div.divtabs {
  padding-top: 5px;
  max-width: 800px;
  min-width: 800px;
  background: #292929;
  margin-left: auto;
  margin-right: auto;
 }

div.divindex {
  float: left;
  width: 108px;
  height: 50px;
  background: url("thm/tab_index.png");
  background-position: 0px 0px;
  outline: 0;
  }
 
div.divindex:hover {
  background-position: 0px 50px;
  text-decoration: none;
  outline: 0;
  cursor: pointer;
  }

div.divindex:active {
  background-position: 0px 0px;
  text-decoration: none;
  outline: 0;
  cursor: pointer;
  }

div.divindexoff {
  float: left;
  width: 108px;
  height: 50px;
  background: url("thm/tab_index.png");
  background-position: 108px 0px;
  outline: 0;
  }
 
div.divindexoff:hover {
  background-position: 108px 50px;
  text-decoration: none;
  outline: 0;
  cursor: pointer;
  }

div.divindexoff:active {
  background-position: 108px 0px;
  text-decoration: none;
  outline: 0;
  cursor: pointer;
  }

div.div3d {
  float: left;
  margin-left: 20px;
  width: 125px;
  height: 50px;
  background: url("thm/tab_3d.png");
  background-position: 0px 0px;
  outline: 0;
  }
 
div.div3d:hover {
  background-position: 0px 50px;
  text-decoration: none;
  outline: 0;
  cursor: pointer;
  }

div.div3d:active {
  background-position: 0px 0px;
  text-decoration: none;
  outline: 0;
  cursor: pointer;
  }

div.div3doff {
  float: left;
  margin-left: 20px;
  width: 125px;
  height: 50px;
  background: url("thm/tab_3d.png");
  background-position: 125px 0px;
  outline: 0;
  }
 
div.div3doff:hover {
  background-position: 125px 50px;
  text-decoration: none;
  outline: 0;
  cursor: pointer;
  }

div.div3doff:active {
  background-position: 125px 0px;
  text-decoration: none;
  outline: 0;
  cursor: pointer;
  }

div.div2d {
  float: left;
  margin-left: 20px;
  width: 111px;
  height: 50px;
  background: url("thm/tab_2d.png");
  background-position: 0px 0px;
  outline: 0;
  }
 
div.div2d:hover {
  background-position: 0px 50px;
  text-decoration: none;
  outline: 0;
  cursor: pointer;
  }

div.div2d:active {
  background-position: 0px 0px;
  text-decoration: none;
  outline: 0;
  cursor: pointer;
  }

div.div2doff {
  float: left;
  margin-left: 20px;
  width: 111px;
  height: 50px;
  background: url("thm/tab_2d.png");
  background-position: 111px 0px;
  outline: 0;
  }
 
div.div2doff:hover {
  background-position: 111px 50px;
  text-decoration: none;
  outline: 0;
  cursor: pointer;
  }

div.div2doff:active {
  background-position: 111px 0px;
  text-decoration: none;
  outline: 0;
  cursor: pointer;
  }

div.divlinks {
  float: left;
  margin-left: 20px;
  width: 83px;
  height: 50px;
  background: url("thm/tab_links.png");
  background-position: 0px 0px;
  outline: 0;
  }
 
div.divlinks:hover {
  background-position: 0px 50px;
  text-decoration: none;
  outline: 0;
  cursor: pointer;
  }

div.divlinks:active {
  background-position: 0px 0px;
  text-decoration: none;
  outline: 0;
  cursor: pointer;
  }

div.divlinksoff {
  float: left;
  margin-left: 20px;
  width: 83px;
  height: 50px;
  background: url("thm/tab_links.png");
  background-position: 83px 0px;
  outline: 0;
  }
 
div.divlinksoff:hover {
  background-position: 83px 50px;
  text-decoration: none;
  outline: 0;
  cursor: pointer;
  }

div.divlinksoff:active {
  background-position: 83px 0px;
  text-decoration: none;
  outline: 0;
  cursor: pointer;
  }

/* 
====================================
	Thumbnails
====================================
*/

div.divthumbs {
  float:none;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  max-width: 800px;
  min-width: 800px;
  outline: 0;
 }

div.gamethm {
  margin-left: auto;
  margin-right: auto;
  width: 375px;
  height: 130px;
  border: 2px #1c1c1c solid;
  outline: 0;
 }
 
div.gamethm:hover {
  border: 2px #7d4b00 solid;
  cursor: pointer;
  outline: 0;
  }

div.gamethm:active {
  border: 2px #1c1c1c solid;
  cursor: pointer;
  outline: 0;
  }

div.envthm {
  margin-left: auto;
  margin-right: auto;
  width: 800px;
  height: 230px;
  margin-top: 15px;
  border: 2px #1c1c1c solid;
  outline: 0;
 }
 
div.envthm:hover {
  border: 2px #7d4b00 solid;
  cursor: pointer;
  outline: 0;
  }

div.envthm:active {
  border: 2px #1c1c1c solid;
  cursor: pointer;
  outline: 0;
  }

div.envtitle {
  position: absolute;
  padding-top: -40px;
  padding-left: 20px;
  padding-top: 2px;
  font-family: Verdana,Helvetica,Sans-Serif;
  font-size: 17px;
  text-decoration: none;
  width: 780px;
  height: 28px;
  background-color: #1c1c1c;
  color: #bbb;
  }
  
img.clickme {
  border: 2px #292929 solid;
  outline: 0;
}

img.clickme:hover {
  border: 2px #7d4b00 solid;
  outline: 0;
}

div.clickmetitle {
  position: absolute;
  width: auto;
  margin-left: 10px;
  margin-top: 10px;
  padding: 3px;
  color: white;
  background-color: black;
  pointer-events: none;
  cursor: pointer;
  opacity: .5;
  filter: alpha(opacity=50); /* For IE8 and earlier */
}

div.morecontent {
  position: absolute;
  width: auto;
  margin-left: 10px;
  margin-top: 55px;
  padding: 3px;
  color: white;
  background-color: black;
  pointer-events: none;
  cursor: pointer;
  opacity: .7;
  filter: alpha(opacity=70); /* For IE8 and earlier */
}


/* 
====================================
	Additional Games
====================================
*/

div.othergames {
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  max-width: 840px;
  min-width: 840px;
  font-family: Verdana,Helvetica,Sans-Serif;
  font-size: 14px;
}

tr.othergamestitle {
  margin-left: 20px;
  font-family: Verdana,Helvetica,Sans-Serif;
  font-size: 16px;
  color: #BBB;
}

tr.othergamesbody {
  color: #555;
}

td.indent {
  padding-left: 10px;
}

span.tab {
margin-left: 20px; 
}


/* 
====================================
	Pages
====================================
*/

div.content {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5px;
  padding-bottom: 50px;
  float: block;
  clear: both;
}

div.summary {
  background-color: #1c1c1c;  
  }
 
img.logo {
padding: 10px;
}

ul {
margin-top: -1em;
padding-bottom: 1.5em;
}

li.summary {
list-style-type:none;
margin-left:-1em;
padding-bottom:1em;
margin-right:1em;
}

div.title {
  font-family: Verdana,Helvetica,Sans-Serif;
  font-size: 16px;
  color: #BBB;
  padding: 7px;
  padding-left: 20px;
  margin-bottom: 1em;
  background-color: #1c1c1c;  
  }

div.headline {
  font-family: Verdana,Helvetica,Sans-Serif;
  font-size: 16px;
  color: #BBB;
  padding: 7px;
  padding-left: 20px;
  margin-bottom: 1.5em;
  background-color: #1c1c1c;  
  }

div.subheadline {
  color: #888;
  font-family: verdana;
  font-size: 14px;
  font-weight: bold;
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 18px;
}

div.linktext {
	float: block;
	margin-left: 45px;
	margin-top: -32px;
	padding-bottom: 1.5em;
}

div.linkspagetitles {
  font-size: 12px;
  color: #999;
  font-weight: bold;
}
  
a.linkspagelinks {
  color: #dd8800;
  text-decoration: underline;
}

div.footer {
  margin-left: auto;
  margin-right: auto;
  width: 200px;
  margin-top: 20px; 
  margin-bottom: 20px; 
  color: #AAAAAA;
  clear: both;
}

a.footer {
 color: #666;
 font-weight: lighter;
 text-decoration: none;
}

a.footer:hover {
  color: #888;
  font-weight: lighter;
  text-decoration: underline;
}
 
/*
====================================
	Concept Rollovers
====================================
*/

div.stronghold {
  float: left;
  width: 833px;
  height: 533px;
  margin-bottom: 20px;
  background: url("img/robotrising_themeintro_stronghold_rollover.jpg");
  background-position: 0px 0px;
  outline: 0;
}

div.mines {
  float: left;
  width: 833px;
  height: 533px;
  margin-bottom: 20px;
  background: url("img/robotrising_themeintro_mines_rollover.jpg");
  background-position: 0px 0px;
  outline: 0;
}

div.biosanctuary {
  float: left;
  width: 833px;
  height: 533px;
  margin-bottom: 20px;
  background: url("img/robotrising_themeintro_biosanctuary_rollover.jpg");
  background-position: 0px 0px;
  outline: 0;
}
 
div.spacecitadel {
  float: left;
  width: 833px;
  height: 533px;
  margin-bottom: 20px;
  background: url("img/robotrising_themeintro_spacecitadel_rollover.jpg");
  background-position: 0px 0px;
  outline: 0;
}

div.infestation {
  float: left;
  width: 833px;
  height: 533px;
  margin-bottom: 20px;
  background: url("img/robotrising_themeintro_infestation_rollover.jpg");
  background-position: 0px 0px;
  outline: 0;
}

div.stronghold:hover,div.mines:hover,div.biosanctuary:hover,div.spacecitadel:hover,div.infestation:hover {
  background-position: 0px 533px;
  text-decoration: none;
  outline: 0;
  cursor: pointer;
}

div.rollovertitle {
  position: absolute;
  width: auto;
  margin-left: 10px;
  margin-top: 10px;
  padding: 3px;
  color: white;
  background-color: black;
  pointer-events: none;
  cursor: pointer;
  opacity: .5;
  filter: alpha(opacity=50); /* For IE8 and earlier */
}

/*
====================================
	Video
====================================
*/

span.videofallback {
  position: inherit;
  float: left;
  margin-top: -250px;
  margin-left: 200px;
  font-size: 20px;
}

div.videodownload {
  float: right;
}

div.videodownloadtext {
  float:left;
  margin-top: 5px;
  margin-right: 5px;
}

div.dl_qt {
  float:left;
  width: 130px;
  height: 29px;
  margin-right: 5px;
  background: url("thm/video_quicktime.png");
  background-position: 130px 0px;
  outline: 0;
  }
 
div.dl_qt:hover {
  background-position: 130px 29px;
  text-decoration: none;
  outline: 0;
  cursor: pointer;
  }

div.dl_qt:active {
  background-position: 0px 0px;
  text-decoration: none;
  outline: 0;
  cursor: pointer;
  }

div.dl_wmv {
  float:left;
  width: 170px;
  height: 29px;
  background: url("thm/video_windowsmedia.png");
  background-position: 170px 0px;
  outline: 0;
  }
 
div.dl_wmv:hover {
  background-position: 170px 29px;
  text-decoration: none;
  outline: 0;
  cursor: pointer;
  }

div.dl_wmv:active {
  background-position: 0px 0px;
  text-decoration: none;
  outline: 0;
  cursor: pointer;
  }
  
div.videoleft {
  float:left;
  margin-top: 5px;
  margin-left: 10px;
}

div.video512 {
  width: 512px;
  float: left;
}

div.video576 {
  width: 576px;
  float: left;
}

div.video624 {
  width: 624px;
  float: left;
}

div.video640 {
  width: 640px;
  float: left;
}

div.video720 {
  width: 720px;
  float: left;
}

div.video784{
  width: 784px;
  float: left;
}

div.video800 {
  width: 800px;
  float: left;
}