@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: #000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 10pt;
	text-decoration: none;
}
 
 a:hover  {
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#333;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
}

/*End Reset*/

/*General Layout*/

body {
  margin: 0;
  padding: 0;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size:10pt;
  }

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

#header  {
  position: fixed;
  top: 0px;
  left: 0px;
  height: 30px;
  width: 96%;
  margin: 0 auto;
  padding: 0;
  z-index: 100;
}

#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: 0;
  height: 30px;
  width: 233px;
}

#header h1 span{
  visibility: hidden;
}

/*Main Nav*/

#header #mainnav ul {
  float: right;
  margin: 0;
  padding: 0;
  z-index: 100;
  
}

#header #mainnav ul li {
  color: #CCCCCC;
  float: left;
  margin-top: 0;
  display: inline-block;
  font-size: 10pt;
  list-style-type: none;
}

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

#header #mainnav a {
  padding-left: 3px;
  margin-right: 3px;
  color: #000;
}

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

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

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

/*Content*/

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

h2#label span {
  visibility: hidden;
}

#wrapper #content {
  position: relative;
  top: 0;
  left: 50%;
  margin-left: -512px;
  width: 1024px;
  height: 500px;
  min-height:550px;
  overflow-x: hidden;
  overflow: auto;
  text-align: left;
}
#wrapper #cv_content {
  position: relative;
  top: 72px;
  left: 50%;
  margin-left: -512px;
  width: 1024px;
  overflow-x: hidden;
  overflow-y:scroll;
  overflow: auto;
  text-align: left;
  padding-bottom: 150px;
  
}

#wrapper #gallery_content {
  position: relative;
  top: 20px;
  left: 50%;
  margin-left: -512px;
  width: 1024px;
  height: 680px;
  min-height:700px;
  overflow-x: hidden;
  overflow: hidden;
  text-align: center;
}

#wrapper #vid_content {
  position: relative;
  top: 30px;
  left: 50%;
  margin-left: -360px;
  width: 720px;
  height: 480px;
  overflow-x: hidden;
  overflow: hidden;
  text-align: center;
}


/*Footer*/
#name  {
  position: fixed;
  bottom: 0;
  left: 0px;
  height: 60px;
  width: 100%;
  padding-left: 4px;
  margin: 0 auto;
  background-color:#000;
  background-image:url('images/header.png');
  background-repeat:no-repeat;   
}

#name a {
  position: absolute;
  bottom: 0;
  left: 0px;
  height: 60px;
  width: 359px;
  padding-left: 4px;
  margin: 0 auto;
}

#name a h1{
  display:none;
}

#footer {
  position: fixed;
  bottom: 0;
  margin: 0 auto;
  padding-right: 10px;
  width: 100%;
  height: 15px;
  font-size: 10px;
  font-weight:normal;
  color: #FFF;
  text-align: right;
  
}

#footer p span { 
  font-size: 10px;
  padding-right: 10px;
  font-weight: normal;
}

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

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