@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);

*{margin:0; padding:0;}

html, body{margin:0; padding:0; font-family:"Open Sans Condensed", sans-serif; font-weight:300; font-size: 16px; color:#000; background:#262626;}
h1,h2,h3,h4,h5,h6{font-family:"Open Sans Condensed"; font-weight:300; color: #808080;}
a{text-decoration:none; color:color: #808080;}
a:hover{color:#b3b3b3;}

#background{width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:1; background: #808080; /* Old browsers */
background: -moz-linear-gradient(left,  #808080 0%, #ffffff 50%, #808080 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#808080), color-stop(50%,#ffffff), color-stop(100%,#808080)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #808080 0%,#ffffff 50%,#808080 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #808080 0%,#ffffff 50%,#808080 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #808080 0%,#ffffff 50%,#808080 100%); /* IE10+ */
background: linear-gradient(to right,  #808080 0%,#ffffff 50%,#808080 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#808080',GradientType=1 ); /* IE6-9 */}

#wrapper{width:100%; height:100%; position:absolute; z-index:20;}
#banner{width:1000px; height:220px; background:#808080; margin:auto;}

.container{width:1000px; margin:auto;}

#links{width:1000px; margin:auto; padding:0px; }

		#cssmenu{position:absolute; z-index:50;}
		#cssmenu,
		#cssmenu ul,
		#cssmenu ul li,
		#cssmenu ul li a,
		#cssmenu #menu-button {
		  margin: 0;
		  padding: 0;
		  border: 0;
		  list-style: none;
		  line-height: 1;
		  display: block;
		  position: relative;
		  -webkit-box-sizing: border-box;
		  -moz-box-sizing: border-box;
		  box-sizing: border-box;
		}
		#cssmenu:after,
		#cssmenu > ul:after {
		  content: '.';
		  display: block;
		  clear: both;
		  visibility: hidden;
		  line-height: 0;
		  height: 0;
		}
		#cssmenu #menu-button {
		  display: none;
		}
		#cssmenu {
		  width: auto;
		  font-family: 'Open Sans', Helvetica, sans-serif;
		  background: #000000;
		  background: -moz-linear-gradient(top, #0f0f0f 0%, #000000 100%);
		  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0f0f0f), color-stop(100%, #000000));
		  background: -webkit-linear-gradient(top, #0f0f0f 0%, #000000 100%);
		  background: -o-linear-gradient(top, #0f0f0f 0%, #000000 100%);
		  background: -ms-linear-gradient(top, #0f0f0f 0%, #000000 100%);
		  background: linear-gradient(to bottom, #0f0f0f 0%, #000000 100%);
		}
		#cssmenu > ul {
		  background: url('bg.png');
		  box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.05);
		}
		#cssmenu > ul > li {
		  float: left;
		}
		#cssmenu > ul > li > a {
		  padding: 18px 25px 21px 25px;
		  border-right: 1px solid rgba(80, 80, 80, 0.12);
		  text-decoration: none;
		  font-size: 13px;
		  font-weight: 700;
		  color: #808080;
		  text-transform: uppercase;
		  letter-spacing: 1px;
		}
		#cssmenu > ul > li:hover > a,
		#cssmenu > ul > li > a:hover,
		#cssmenu > ul > li.active > a {
		  color: #ffffff;
		  background: #000000;
		  background: rgba(0, 0, 0, 0.1);
		}
		#cssmenu > ul > li.has-sub > a {
		  padding-right: 45px;
		}
		#cssmenu > ul > li.has-sub > a::after {
		  content: '';
		  position: absolute;
		  width: 0;
		  height: 0;
		  border: 6px solid transparent;
		  border-top-color: #808080;
		  right: 17px;
		  top: 22px;
		}
		#cssmenu > ul > li.has-sub.active > a::after,
		#cssmenu > ul > li.has-sub:hover > a {
		  border-top-color: #ffffff;
		}
		#cssmenu ul ul {
		  position: absolute;
		  left: -9999px;
		  top: 60px;
		  padding-top: 6px;
		  font-size: 13px;
		  opacity: 0;
		  -webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
		  -moz-transition: top 0.2s ease, opacity 0.2s ease-in;
		  -ms-transition: top 0.2s ease, opacity 0.2s ease-in;
		  -o-transition: top 0.2s ease, opacity 0.2s ease-in;
		  transition: top 0.2s ease, opacity 0.2s ease-in;
		}
		#cssmenu > ul > li > ul::after {
		  content: '';
		  position: absolute;
		  width: 0;
		  height: 0;
		  border: 5px solid transparent;
		  border-bottom-color: #ffffff;
		  top: -4px;
		  left: 20px;
		}
		#cssmenu ul ul ul::after {
		  content: '';
		  position: absolute;
		  width: 0;
		  height: 0;
		  border: 5px solid transparent;
		  border-right-color: #ffffff;
		  top: 11px;
		  left: -4px;
		}
		#cssmenu > ul > li > ul {
		  top: 120px;
		}
		#cssmenu > ul > li:hover > ul {
		  top: 52px;
		  left: 0;
		  opacity: 1;
		}
		#cssmenu ul ul ul {
		  padding-top: 0;
		  padding-left: 6px;
		}
		#cssmenu ul ul > li:hover > ul {
		  left: 180px;
		  top: 0;
		  opacity: 1;
		}
		#cssmenu ul ul li a {
		  text-decoration: none;
		  font-weight: 400;
		  padding: 11px 25px;
		  width: 180px;
		  color: #777777;
		  background: #ffffff;
		  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1);
		}
		#cssmenu ul ul li:hover > a,
		#cssmenu ul ul li.active > a {
		  color: #333333;
		}
		#cssmenu ul ul li:first-child > a {
		  border-top-left-radius: 3px;
		  border-top-right-radius: 3px;
		}
		#cssmenu ul ul li:last-child > a {
		  border-bottom-left-radius: 3px;
		  border-bottom-right-radius: 3px;
		}
		#cssmenu > ul > li > ul::after {
		  position: absolute;
		  display: block;
		}
		#cssmenu ul ul li.has-sub > a::after {
		  content: '';
		  position: absolute;
		  width: 0;
		  height: 0;
		  border: 4px solid transparent;
		  border-left-color: #777777;
		  right: 17px;
		  top: 14px;
		}
		#cssmenu ul ul li.has-sub.active > a::after,
		#cssmenu ul ul li.has-sub:hover > a::after {
		  border-left-color: #333333;
		}
		@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
		  #cssmenu {
			background: #000000;
		  }
		  #cssmenu > ul {
			display: none;
		  }
		  #cssmenu > ul.open {
			display: block;
			border-top: 1px solid rgba(0, 0, 0, 0.1);
		  }
		  #cssmenu > ul > li {
			float: none;
		  }
		  #cssmenu > ul > li > a {
			padding: 18px 25px 18px 25px;
			border-right: 0;
		  }
		  #cssmenu > ul > li:hover > a,
		  #cssmenu > ul > li.active > a {
			background: rgba(0, 0, 0, 0.1);
		  }
		  #cssmenu #menu-button {
			display: block;
			text-decoration: none;
			font-size: 13px;
			font-weight: 700;
			color: #808080;
			padding: 18px 25px 18px 25px;
			text-transform: uppercase;
			letter-spacing: 1px;
			background: url('bg.png');
			cursor: pointer;
		  }
		  #cssmenu ul ul,
		  #cssmenu ul li:hover > ul,
		  #cssmenu > ul > li > ul,
		  #cssmenu ul ul ul,
		  #cssmenu ul ul li:hover > ul {
			left: 0;
			top: auto;
			opacity: 1;
			width: 100%;
			padding: 0;
			position: relative;
		  }
		  #cssmenu ul ul li {
			width: 100%;
		  }
		  #cssmenu ul ul li a {
			width: 100%;
			box-shadow: none;
			padding-left: 35px;
		  }
		  #cssmenu ul ul ul li a {
			padding-left: 45px;
		  }
		  #cssmenu ul ul li:first-child > a,
		  #cssmenu ul ul li:last-child > a {
			border-radius: 0;
		  }
		  #cssmenu #menu-button::after {
			display: block;
			content: '';
			position: absolute;
			height: 3px;
			width: 22px;
			border-top: 2px solid #808080;
			border-bottom: 2px solid #808080;
			right: 25px;
			top: 18px;
		  }
		  #cssmenu #menu-button::before {
			display: block;
			content: '';
			position: absolute;
			height: 3px;
			width: 22px;
			border-top: 2px solid #808080;
			right: 25px;
			top: 28px;
		  }
		  #cssmenu > ul > li.has-sub > a::after,
		  #cssmenu ul ul li.has-sub > a::after {
			display: none;
		  }
		}
		
#main{width:1000px; height:1035px; background:#FFF; margin:auto;}

#content{width:950px; height:985px; padding:25px; margin:auto;}

	#indexpic{width: 400px; height:985px; position:relative; float:left; margin:auto;}
		#indexpic img{}
	
	#text{width:520px; height:985px; position:relative; float:right; margin:auto; background:#fff; overflow:auto;}
	
	#gallery_content{width:900px; height:935px; position:relative; float:left; margin:25px; overflow:auto;}

#quicklink{width:1000px; height:25px; background:#000; margin:auto;}
	#quicklink ul{list-style:none; display:inline; float:right;}
	#quicklink li{display:inline;}
	#quicklink a{font-size: 11pt; color: #c0c0c0; text-align: right; text-decoration:none; padding-top: 2px; padding-right: 10px;}
	#quicklink a:hover{color: #fff;}