@charset "utf-8";

/* CSS Document */



body {

	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;

	font-size: 0.8em;

	margin: 0px;

	color: #999;

	background-color: #17181a;

}

img {

	border:0;

}

.pageMargins {	

	margin: 0 auto;

	width: 900px;

}

.page {

	width:900px;

}



#head {

	font-size:12px;

	height:160px; 

	margin:0;

	padding:0;

	background-image:url(../images/head_bg.jpg);

	background-repeat:repeat-x;

}



#mainNavigation {

	padding-top: 80Px;

}

#mainNavigation img {

	float:right;

}

.navList {

	width:300px;

	float:left;

}

.navList ul {

	margin:0;

    padding:0;

    line-height:1em;

    list-style:none;

    white-space:nowrap;

}

.navList li {

	list-style-type: none;

	margin: 0;

	padding: 5px 5px 5px 0px;

	background-color: #17181a

}

.navList li:focus, .navList li:hover, .navList li:active, .navList li.active {

	background-color: #17181a;

}

.navList li:focus a, .navList li:hover a, .navList li:active a, .navList ul li.active a, .navList ul li.active:focus a, .navList ul li.active:hover a, .navList ul li.active:active a {

	color: #00ffa8;

	background-color: #17181A;

}

.navList a {

	text-decoration: none;

	background-color:transparent;

}

.navList a:visited {

	background-color: transparent;

	color: #FFFFFF;

}

.active a, .active a:visited {

	color:#FFF;

	background-color:transparent;

}





#content {

	margin: 20px 0 20px 0;

}

#thumbList img{

	margin:2px 1px 2px 1px;

	border:none;

}

#line {

	padding-top:20px;

}

h1 {

	font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;

	font-size:24px;

	font-weight:bold;

	color: #00ffa8;

	margin:30px 0px 0px 0px;

}

h2 {

	font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;

	font-weight:normal;

	font-size:14px;

	margin:0;

}

h3 {

	font-weight:normal;

	font-size:14px;

	font-weight:bolder;

	color: #00ffa8;

	margin:20px 0 0 0;

}

h4 {

	font-weight:normal;

	font-size:14px;

	font-weight:bolder;

	margin:20px 0 0 0;

}

p {

	margin:0 0 20px 0;

}

a {

	text-decoration: none;

	color: #CCCCCC;

}



.ImgContainer {

	position: relative;

	max-width: 900px;

	height: 600px;

	margin: auto;

}



.ImgContainerButton {

	position: relative;

	border: none;

	display: none;

	outline: 0;

	padding: 8px 16px;

	vertical-align: middle;

	overflow: hidden;

	text-decoration: none;

	background-color: inherit;

	text-align: center;

	cursor: pointer;

	white-space: nowrap;

	color: #ffff00;

	background-color: transparent;



}



.ImgContainerButtonLeft {

	position: absolute;

	top: -50%;

	left: -1%;

	transform: translate(0%,-50%);

}



.ImgContainerButtonRight {

	position: absolute;

	top: -50%;

	right: -1%;

	transform: translate(0%,-50%);

}



.ImgDotContainer {

	position: absolute;

	left: 50%;

	bottom: 0;

	transform: translate(-50%,0%);

	color: #ffffff!important;

	font-size: 18px!important;

	margin-top: 16px!important;

	margin-bottom: 16px!important;

	padding: 0.01em 16px;

	margin-top: 16px;

	margin-bottom: 16px;

	text-align: center!important;

}



.ImgContainerFadding {

	animation: fading 10s infinite



}@keyframes fading {

	0%{opacity:0}

	50%{opacity:1}

	100%{opacity:0}

}



.dot-transparent,.dot-hover-none:hover {

	background-color:transparent!important

}



.dot-white,.dot-white-hover:hover {

	color:#17181A!important;

	background-color:#00ffa8!important

}



.dot-border {

	border:1px solid #00ffa8!important

}



.dot-badge {

	background-color:#000000;

	color:#ffffff;

	display:inline-block;

	padding-left:8px;

	padding-right:8px;

	text-align:center;

	border-radius:50%;

	height: 8px;

	width: 8px;

	padding: 0;

}





#foot {

	background-image:url(../images/line.jpg);

	background-repeat:no-repeat;

	padding:20px 0 20px 0;

	text-align:right;

}

#foot a {

	color: #00ffa8;

}