@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: #FFFF00;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10pt;
	text-decoration: none;
}
 
 a:hover  {
	font-family: Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size: 10pt;
	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_bg  {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 95px;
  width: 100%;
  margin: 0 auto;
  padding: 0; 
  background: transparent url('images/nav_bg25.png') top repeat-x;
}

#header  {
  position: relative;
  top: 0px;
  left: 0px;
  height: 100px;
  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: 100px;
  width: 233px;
  background: transparent url('images/thumb_logo.png') top left no-repeat;
}

#header h1 span{
  visibility: hidden;
}

/*Main Nav*/

#header #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 #mainnav li.mnline {
  border-right: #fff solid 1px;
}

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

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

#menu_nav a {
  padding-left: 6px;
  padding-right: 6px;
  color: #FFFF00;
}

#menu_nav a:hover {
  color: #FFF;
}

/*Content*/

h2#label {
  position: relative;
  top: 18px;
  left: 50%;
  height: 27px;
  width: 82px;
  margin-left: -41px;
  background: transparent url('') top left no-repeat;
}

h2#label span {
  visibility: hidden;
}

#wrapper #content {
  position: fixed;
  top: 110px;
  right: 50%;
  margin-right: -500px;
  width: 400px;
  height: 504px;
  overflow: auto;
  overflow-x: hidden;
  text-align: center;
  background: transparent url('images/bg25.png') top left repeat;
}

#port {
width:395px; 
height:475px;
margin:0 auto;
background: transparent url('images/nick_port2.jpg') top left no-repeat;
}

#port_label {
position: relative;
top: 10px;
left: 0;
height: 77px;
max-width: 1000px;
margin:0 auto;
background: transparent url('images/nick_name.png') top left no-repeat;
z-index:1;
}

#int {
width:372px; 
height:1360px;
text-align:center;
margin: 10px 0 10px 5px;
background: transparent url('images/nick_interview.png') top left no-repeat;
overflow-x: hidden;
}




/*Footer*/

#footer {
  position: fixed;
  bottom: 0;
  margin: 0 auto;
  padding-top: 20px;
  width: 100%;
  font-size: 12px;
  color: #fff;
  text-align: center;
  height: 30px;
  background: transparent url('images/footer_bg.png') top left repeat;
}

#footer p span {
  font-size: 10px;
}

#footer a {
  color: #FFFF00;
  font-size:10px;
}
#footer a:hover {
  color: #fff;
}