@charset "utf-8";

/*CSS Reset*/

html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
  padding: 0;
  margin: 0;
  font-size: 100%;
  font-weight: normal;
}

table { 
  border-collapse: collapse; 
  border-spacing: 0; 
}

td, th, caption { 
  font-weight: normal; 
  text-align: left; 
}

img, fieldset { 
  border: 0; 
}

ol { 
  padding-left: 1.4em; 
  list-style: decimal; 
}

ul { 
  padding-left: 1.4em; 
  list-style:square; 
}

q:before, q:after { 
  content:''; 
}

a {
	color: #999;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12pt;
	text-decoration: none;
}
 
 a:hover  {
	font-family:Arial, Helvetica, sans-serif;
	color: #FF00FF;
	font-size: 12pt;
	font-weight: normal;
	text-decoration: none;
}

/*End Reset*/

/*General Layout*/

body {
  margin: 0;
  padding: 0;
  font-family:Arial, Helvetica, sans-serif;
  }

#wrapper {
  position: relative;
  z-index: 10;
}

#header {
  position: relative;
  top: 0px;
  left: 0px;
  height: 25px;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0; 
}

#header_stock {
  position: relative;
  top: 0px;
  left: 0px;
  height: 25px;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0; 
}


#bgimg img {
  position: fixed;
  top: 0;
  left: 0;
  min-height: 100%;
  min-width: 1024px;
  width: 100%;
  height: auto;
}

@media screen and (max-width: 1024px){
  #bgimg img {
    left: 50%;
    margin-left: -512px; }
}

/*End General Layout*/

/*Logo*/

#header h1 a {
  position: absolute;
  margin-top: 0px;
  height: 30px;
  width: 233px;
  background: transparent url('images/about.png') top left no-repeat;
}

#header_stock h1 a {
  position: absolute;
  margin-top: 0px;
  height: 30px;
  width: 233px;
  background: transparent url('images/stock.png') top left no-repeat;
}

#header h1 span{
  visibility: hidden;
}

#header_stock h1 span{
  visibility: hidden;
}
/*Main Nav*/

#header #mainnav ul {
  float: right;
  margin: 0;
  padding: 0;
}

#header_stock #mainnav ul {
  float: right;
  margin: 0;
  padding: 0;
}


#header #mainnav ul li {
  float: left;
  margin-top: 3px;
  display: inline-block;
  text-transform: uppercase;
  font-size: .8em;
  list-style-type: none;
}

#header_stock #mainnav ul li {
  float: left;
  margin-top: 3px;
  display: inline-block;
  text-transform: uppercase;
  font-size: .8em;
  list-style-type: none;
}


#header #mainnav li.mnline {
  border-right: #000 solid 1px;
}

#header_stock #mainnav li.mnline {
  border-right: #000 solid 1px;
}

#header #mainnav a {
  padding-left: 6px;
  padding-right: 6px;
  color: #999;
}

#header_stock #mainnav a {
  padding-left: 6px;
  padding-right: 6px;
  color: #999;
}

#header #mainnav a:hover {
  color: #000;
}

#header_stock #mainnav a:hover {
  color: #000;
}




/*Content*/

h2#label {
  position: relative;
  top: 18px;
  left: 50%;
  height: 27px;
  width: 82px;
  margin-left: -41px;
}

h2#label span {
  visibility: hidden;
}

#wrapper #content {
  position: fixed;
  top: 30px;
  left: 50%;
  margin-left: -500px;
  width: 1000px;
  height: 768px;
  overflow-x: hidden;
  overflow: hidden;
  text-align: center;
}

#wrapper #intro_content {
  position: fixed;
  top: 0;
  left: 50%;
  margin-left: -500px;
  width: 1000px;
  height: 768px;
  overflow-x: hidden;
  overflow: hidden;
  text-align: center;
}



/*Footer*/


#footer {
  position: fixed;
  bottom: 0;
  margin: 0 auto;
  padding-top: 5px;
  width: 100%;
  font-size: .8em;
  color: #000;
  text-align: center;
  z-index:100;
}

#footer p span {
  font-size: .8em;
}

#footer a {
  color: #999;
  font-size:10px;
}

#footer a:hover {
  color: #000;
}