* {
  padding: 0;
  margin: 0; 
  border: 0px none;
}

body {
  background: #000 url(images/body.jpg) no-repeat scroll center top;
  font-family: Arial, sans-serif;
  font-size: 15px;
}

#orczz {
  width: 1075px;
  margin: 0 auto;
}

#head {
  width: 1075px;
  height: 119px;
  background: url(images/head.jpg) no-repeat;
  margin: 0 auto;
  position: relative; 
  display: block; 
}

#camel101 {
	width: 351px;
	height: 86px;
	background: url(images/camel101.png) no-repeat;
	font-size: 0px;
	display: block;
	position: absolute;
	top: 20px;
	left: -5px;
	margin-left: 120px;
}

#camel101:hover {
  background-position: 0 -86px;
}

#legendaStudios {
	width: 413px;
	height: 134px;
	background: url(images/legendaStudios.png) no-repeat;
	font-size: 0px;
	display: block;
	position: absolute;
	top: 1px;
	left: 1134px;
	margin-left: -480px;
}

#legendaStudios:hover {
  background-position: 0 -134px;
}

#menu {
  width: 925px;
  height: 210px;
  background: url(images/menu.jpg) no-repeat;
  margin: 0 auto;
  padding-top: 66px;
  padding-left: 150px;
  position: relative;  
}

#main_container {
  height: auto;
  width: auto;
  width: 1075px;
  margin: 0 auto;
  background-image: url(images/main_tile.jpg);
  background-repeat: repeat-y;
  background-position: 0 685px; 
}

#main {
  width: 1055px;
  background: url(images/main.jpg) no-repeat 0 0;
  padding-top: 20px;
  padding-left: 20px;
  position: relative;
}  

#main_bottom {
  width: 1105px;
  height: 142px;
  background: url(images/main_bottom.jpg) no-repeat;
  margin: 0 auto;  
}  

#footer {
  width: 1075px;
  height: 142px;
  margin: 0 auto;
  color: #42d2ed;
  font-family: Arial;
  background: #030406 url(images/bcg.jpg) no-repeat center 306px;
  font-size: 14.5px;
  text-align: center;
  margin-top: 10px;  
}  

#welcomeText {
  background-image: url(images/welcome_text.png);
  background-repeat: no-repeat;
  padding-left: 210px;
  padding-bottom: 90px;
  height: auto;
  width: 678px;
  margin-left: 90px;
  font-size: 18px;
  background-position: left bottom;
}

.ornament {
  margin: 0 auto;
  width: 894px;
  height: 71px;
  display: block;
}

#gameFeatures{
  background-image: url(images/gameFeature.png);
  width: 921px;
  height: 512px;
  margin: 0 auto;
  position: relative;
  margin-top: -20px;
  padding-bottom: 10px;
  background-repeat: no-repeat;
}

#gameFeatures #video {  
  position: absolute;
  padding: 5px;
  border: 5px #000 solid;
  width: 500px;
  height: 315px;
  top: 170px;
  margin: 0; 
}

#video {
  padding: 5px;
  border: 5px #000 solid;
  margin: 20px auto;
  display: block; 
}

#features-list{
  list-style-type: none;
  width: 285px;
  height: 329px;
  position: absolute;
  display: block;
  top: 150px;
  left: 580px;
}

#features-list li{
  background-image: url(images/star_ornament.png);
  background-repeat: no-repeat;
  padding-left: 55px;
  min-height: 32px; 
  padding-top: 8px; 
}

#follow_us {
  width: 200px;
  position: absolute;
  height: 65px;
  left: 173px;
  top: 53px;
}

#follow_us img {
  float: left;
}  

#menu li {
  display: block;
  list-style: none;
  float: left;
  background-repeat: no-repeat;
  font-size: 0px;
  margin-right: 80px;
}

#menu li a {
  height: 100%;
  width: 100%;
  display: block;
}

#about {
  height: 41px;
  width: 129px;
  
  background-image: url(images/bt_about.png);
}

#about:hover {
  background-position: 0 -41px;
}

#about:active,
#about:focus {
  background-position: 0 -82px;
}

#screenshots {
  height: 43px;
  width: 272px;
  
  background-image: url(images/bt_screenshots.png);
}

#screenshots:hover {
  background-position: 0 -43px;
}

#screenshots:active,
#screenshots:focus {
  background-position: 0 -86px;
}

#demo {
  height: 42px;
  width: 105px;
  
  background-image: url(images/bt_demo.png);
}

#demo:hover {
  background-position: 0 -42px;
}

#demo:active,
#demo:focus {
  background-position: 0 -84px;
}
 
#buy {
  height: 42px;
  width: 77px;
   
  background-image: url(images/bt_buy.png);
}

#buy:hover {
  background-position: 0 -42px;
}

#buy:active,
#buy:focus {
  background-position: 0 -84px;
}

h2 {
  text-transform: uppercase;
  text-align: center;
}

.note {
  text-align: center;
}

.requirments {
  text-align: left;
}

.requirments td {
  padding-left: 10px;
  vertical-align: top;
}

.upper_line {
  padding-right: 20px;
  font-size: 30px;
  padding-top: 10px;
}

.upper_line h3 {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: normal;  
}

.middle_col {
  width: 190px;
}

#demo_table .middle_col {
  width: 190px;
  padding: 0 !important;
}

#main #buy_table {
  margin: 30px auto;
  background-image: url(images/orc_helicopter.png);
  background-repeat: no-repeat;
  background-position: top center;
  text-align: center; 
}

#demo_table {
  background-image: url(images/demo_table.png) !important;
  padding: 0 123px;
  margin: 30px auto;
  text-align: center;
  background-repeat: no-repeat;
  width: 832px;
}

#demo_table .upper_line {
  padding: 200px 0 0 0;
  width: 194px;
}

#screenshots_table {
  background-image: none;
  border-spacing: 15px;
  margin: 30px auto;
}

#screenshots_table img {
  padding: 5px;
  border: 5px #000 solid;
}

#main #demo_table a,
#main #buy_table a {
  display: block;
  height: 193px;
  width: 194px;
  font-size: 0px;
}

#main table a:hover {
  background-position: 0 -193px;
}

#win {
  background-image: url(images/win.png);
}

#mac {
  background-image: url(images/mac.png);
}

a,
a:visited {
  color: #000;
}

a:hover {
  text-decoration: none;
}

#footer a,
#footer a:visited {
  color: #42d2ed;
}

#footer a:hover {
  text-decoration: none;
}

#follow_us a,
#follow_us a:visited{
  height: 63px;
  width: 65px;
  font-size: 0px;
  background-repeat: no-repeat;
  display: block;
  float: left;
}

#follow_us a:hover {
  background-position: 0px -65px;
}

#facebook {
	background-image: url(http://www.camel101.com/orczz/images/facebook.png);
}

#you_tube {
	background-image: url(images/you_tube.png);
}

#twitter {
	background-image: url(images/twitter.png);
}

#contact_us {
	font-size: 0px;
	display: block;
	position: absolute;
	width: 238px;
	height: 82px;
	background-image: url(images/contact.png);
	background-position: 0 0;
	right: 45px;
	top: 170px;
}

#contact_us:hover {
  background-position: 0 -82px;
}

#contact_us:hover {
  background-position: 0 -82px;
}

#contact_us:active,
#contact_us:focus {
  background-position: 0 -164px;
}
