html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}
body {
	min-width: 994px;
	background: #000 url("../images/bg-body.gif") repeat-y 50% 0;
	font: 11px arial, helvetica, tahoma, "trebuchet ms", sans-serif;
}
#page {
	width: 994px;
	margin: 0 auto;
}




/*--- player overlay ---*/

div.overlay {
	padding:45px;	
	width:640px;  
	display:none;
}
		
div.overlay div.close {
	background:url(/video/images/close.png) no-repeat;	
	position:absolute;
	top:18px;
	right:20px; 
	width:25px;
	height:35px;
	cursor:pointer;
}
		
a.player { 		
	display:block;
	height:360px;
	width:640px;			
}




/*--- general ---*/

* {outline: none;}
form {margin: 0;padding: 0;}
img {border: none;display: block;}
ul {margin: 0;padding: 0;list-style: none;}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-weight: normal;
	font-family: arial, helvetica, tahoma, "trebuchet ms", sans-serif;
}
h1 {
	color: #000;
	font-size: 24px;
	font-weight: bold;
}
h7 {
	color: #000;
	font-size: 9px;
	font-weight: normal;
}

p {
	margin: 0;
	color: #000;
	font-size: 11px;
	line-height: 13px;
}
a {
	color: #000;
	cursor: pointer;
	text-decoration: none;
}
a:hover {text-decoration: underline;}

#header {
	float: left;
	width: 994px;
	background: #fff;
	min-height: 130px;
	padding: 0 0 20px 0;
}
* html #header {height: 130px;}

#header strong {
	float: left;
	margin: 45px 0 0 29px;
}
#header strong a {
	color: #6f6d6e;
	font-size: 23px;
	font-weight: bold;
}
#header ul {
	float: left;
	clear: left;
	width: 650px;
	padding: 17px 0 0 30px;
}
#header ul li {
	display: inline;
	font-size: 16px;
	font-weight: bold;
}
#header ul li a {color: #000;}
#header ul li .active {color: #cc0000;}
#header ul li .active:hover {text-decoration: none;}

#header div {
	float: right;
	clear: both;
	width: 232px;
	padding: 0 31px 0 0;
	margin: -46px 0 0 0;
}
#header div label {
	float: left;
	width: 232px;
	padding: 0 0 7px 0;
}
#header div .i-tex {
	float: left;
	color: #000;
	width: 168px;
	padding: 2px;
	border: 1px solid #c3c3c3;
	font: 11px arial, helvetica, tahoma, "trebuchet ms", sans-serif;
}
#header div .i-but {float: right;}

#content {
	float: left;
	width: 994px;
	padding: 30px 0;
	background: #cccccc url("../images/part2-snake-1.gif") no-repeat 290px 100%;
}
.left-content {
	float: left;
	width: 230px;
	padding: 0 0 0 30px;
}
.left-nav {
	width: 230px;
	padding: 18px 0;
	background: #e6e6e6;
}
.left-nav li {
	width: 230px;
	font-size: 16px;
	font-weight: bold;
}
* html .left-nav li {float: left;}

.left-nav li a {
	width: 210px;
	color: #565656;
	display: block;
	padding: 3px 10px 0 10px;
}
.left-nav li .on {color: #000;}
.left-nav li .on:hover {text-decoration: none;}

.left-nav li ul {
	width: 230px;
	padding: 1px 0 0 0;
}
.left-nav li ul li {
	padding: 0;
	font-size: 11px;
	font-weight: normal;
}
.left-nav li ul li a {
	color: #000;
	text-decoration: none;
	padding: 1px 10px 3px 10px;
}
.left-nav li ul li a:hover {
	color: #fff;
	background: #000;
	text-decoration: none;
}
.left-nav li ul li .active {
	color: #fff;
	background: #565656;
	text-decoration: none;
}
.right-content {
	float: right;
	width: 670px;
	padding: 0 34px 0 30px;
}
.right-content h1 {
	position: relative;
	margin: -20px 0 0 0;
	padding: 0 0 16px 0;
}
.main-nav {
	width: 670px;
	overflow: hidden;
}
.main-nav li {
	float: left;
	font-size: 14px;
	font-weight: bold;
}
.main-nav li a {
	color: #000;
	display: block;
	padding: 7px 10px;
}
.main-nav li a:hover {
	background: #7a7a7a;
	text-decoration: none;
}
.main-nav li .active,
.main-nav li .active:hover {
	color: #fff;
	background: #7a7a7a;
}






/*--- snake ---*/

.list-text a, .list-text-2 a,.list-text-3 a,
.list-text-4 a, .list-text-5 a, .list-text-6 a {
	color: #000;
	cursor: pointer;
	text-decoration: underline;
}
.gallery-0, .gallery-1, .gallery-2, .gallery-3,
.list-text, .list-text-2,.list-text-3,
.list-text-4, .list-text-5, .list-text-6 {
	height: 1%;
	overflow: hidden;
	border-top: 10px solid #7a7a7a;
}
.gallery-0 {
	padding: 20px 0 20px 20px;
	border-left: 10px solid #7a7a7a;
}
.gallery-0 li {
	float: left;
	padding: 0 20px 0 0;
}
.gallery-1 {
	padding: 20px 0 20px 30px;
	border-right: 10px solid #7a7a7a;
}
.gallery-1 li {
	float: left;
	padding: 0 20px 0 0;
}
.gallery-2 {
	padding: 20px 30px 20px 0;
	border-left: 10px solid #7a7a7a;
}
.gallery-2 li {
	float: left;
	padding: 0 0 0 20px;
}
.gallery-3 {
	padding: 20px 0 20px 30px;
	border-right: 10px solid #7a7a7a;
}
.gallery-3 li {
	float: left;
	padding: 0 20px 0 0;
}
.gallery-3 .pad-1 {padding-right: 20px;}

.list-text {
	padding: 0 0 20px 20px;
	border-left: 10px solid #7a7a7a;
}
.list-text li {
	float: left;
	width: 190px;
	overflow: hidden;
	padding: 0 20px 0 0;
}
.list-text li h2 {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	line-height: 17px;
	padding: 19px 0 76px 0;
	text-transform: uppercase;
}
.list-text li div {
	width: 190px;
	height: 80px;
	overflow: hidden;
	background: url("../images/img-6.jpg") no-repeat;
}
.list-text li div h3,
.list-text li div p {
	padding: 0;
	color: #000;
	text-decoration: underline;
}
.list-text li .m-1 {margin-top: 20px;}

.list-text li h3 {
	color: #000;
	font-size: 11px;
	font-weight: bold;
	padding: 19px 0 0 0;
}
.list-text li .h3-2 {padding: 36px 0 0 0;}
.list-text li .h3-3 {padding: 34px 0 0 0;}

.list-text li p {
	color: #666;
	line-height: 13px;
}
.red-text {color: #cc0000;}

.list-text-2 {
	padding: 0 19px 20px 31px;
	border-right: 10px solid #7a7a7a;
}
.list-text-2 li {
	float: left;
	overflow: hidden;
	padding: 18px 0 0 0;
}
.list-text-2 .left-text {
	width: 190px;
	padding-right: 20px;
}
.list-text-2 .right-text {width: 400px;}

.list-text-2 li h3,
.list-text-4 li h3,
.list-text-6 li h3 {
	font-size: 11px;
	font-weight: bold;
}
.list-text-2 li h3 {padding: 0 0 12px 0;}

.list-text-3 {
	padding: 0 20px 20px 21px;
	border-left: 10px solid #7a7a7a;
}
.list-text-3 li {
	float: left;
	overflow: hidden;
	padding: 18px 0 18px 0;
}
.list-text-4 {border-right: 10px solid #7a7a7a;}
.list-text-4 li {
	float: left;
	padding: 0 20px 0 0;
}
.list-text-4 li div {
	width: 189px;
	overflow: hidden;
	padding: 0 0 20px 0;
}
.list-text-4 li div h3 {
	font-size: 11px;
	font-weight: bold;
	padding: 18px 0 12px 0;
}
.list-text-5 {border-left: 10px solid #7a7a7a;}
.list-text-5 li {float: left;}
.list-text-6 {
	padding: 0 0 0 0px;
	border-right: 10px solid #7a7a7a;
	border-bottom: 10px solid #7a7a7a;
}
.list-text-6 li {float: left;}

.list-text-6 li div {
	width: 180px;
	overflow: hidden;
	padding: 21px 20px 20px 20px;
}
.list-text-6 li div h3 {padding: 0 0 12px 0;}

.list-border {
	border-bottom: 10px solid #7a7a7a;
}




/*--- snake, reversed ---*/

.list-text-r a, .list-text-2-r a,.list-text-3-r a,
.list-text-4-r a, .list-text-5-r a, .list-text-6-r a {
	color: #000;
	cursor: pointer;
	text-decoration: underline;
}
.gallery-0-r, .gallery-1-r, .gallery-2-r, .gallery-3-r,
.list-text-r, .list-text-2-r,.list-text-3-r,
.list-text-4-r, .list-text-5-r, .list-text-6-r {
	height: 1%;
	overflow: hidden;
	border-top: 10px solid #7a7a7a;
}
.gallery-0-r {
	padding: 20px 0 20px 30px;
	border-right: 10px solid #7a7a7a;
}
.gallery-0-r li {
	float: left;
	padding: 0 20px 0 0;
}
.gallery-1-r {
	padding: 20px 0 20px 20px;
	border-left: 10px solid #7a7a7a;
}
.gallery-1-r li {
	float: left;
	padding: 0 20px 0 0;
}
.gallery-2-r {
	padding: 20px 20px 20px 10px;
	border-right: 10px solid #7a7a7a;
}
.gallery-2-r li {
	float: left;
	padding: 0 0 0 20px;
}
.gallery-3-r {
	padding: 20px 0 20px 0;
	border-left: 10px solid #7a7a7a;
}
.gallery-3-r li {
	float: left;
	padding: 0 20px 0 0;
}
.gallery-3-r .pad-1 {padding-left: 20px;}

.list-text-r {
	padding: 0 0 20px 30px;
	border-right: 10px solid #7a7a7a;
}
.list-text-r li {
	float: left;
	width: 190px;
	overflow: hidden;
	padding: 0 20px 0 0;
}
.list-text-r li h2 {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	line-height: 17px;
	padding: 19px 0 76px 0;
	text-transform: uppercase;
}
.list-text-r li div {
	width: 190px;
	height: 80px;
	overflow: hidden;
	background: url("../images/img-6.jpg") no-repeat;
}
.list-text-r li div h3,
.list-text-r li div p {
	padding: 0;
	color: #000;
	text-decoration: underline;
}
.list-text-r li .m-1 {margin-top: 20px;}

.list-text-r li h3 {
	color: #000;
	font-size: 11px;
	font-weight: bold;
	padding: 19px 0 0 0;
}
.list-text-r li .h3-2 {padding: 36px 0 0 0;}
.list-text-r li .h3-3 {padding: 34px 0 0 0;}

.list-text-r li p {
	color: #666;
	line-height: 13px;
}
.red-text-r {color: #cc0000;}

.list-text-2-r {
	padding: 0 19px 20px 21px;
	border-left: 10px solid #7a7a7a;
}
.list-text-2-r li {
	float: left;
	overflow: hidden;
	padding: 18px 0 0 0;
}
.list-text-2-r .left-text {
	width: 190px;
	padding-right: 20px;
}
.list-text-2-r .right-text {width: 400px;}

.list-text-2-r li h3,
.list-text-4-r li h3,
.list-text-6-r li h3 {
	font-size: 11px;
	font-weight: bold;
}
.list-text-2-r li h3 {padding: 0 0 12px 0;}

.list-text-3-r {
	padding: 0 29px 20px 21px;
	border-right: 10px solid #7a7a7a;
}
.list-text-3-r li {
	float: left;
	overflow: hidden;
	padding: 18px 0 18px 0;
}
.list-text-4-r {border-left: 10px solid #7a7a7a;}
.list-text-4-r li {
	float: left;
	padding: 0 20px 0 0;
}
.list-text-4-r li div {
	width: 189px;
	overflow: hidden;
	padding: 0 0 20px 0;
}
.list-text-4-r li div h3 {
	font-size: 11px;
	font-weight: bold;
	padding: 18px 0 12px 0;
}
.list-text-5-r {border-right: 10px solid #7a7a7a;}
.list-text-5-r li {float: right;}



/*--- footer ---*/

#footer {
	float: left;
	width: 994px;
	padding: 0 0 27px 0;
	background: #808080 url("../images/part-snake.gif") no-repeat 290px 0;
}

#footer a {
	color: #fff;
	cursor: pointer;
	text-decoration: underline;
}	
#footer ul {padding: 17px 0 0 300px;}

#footer ul li {
	float: left;
	width: 190px;
	padding: 0 0 0 20px;
}
#footer ul li p {
	color: #fff;
	padding: 0 0 10px 0;
}
#footer ul li a {color: #fff;}

#footer ul li h4 {
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	padding: 0 0 7px 0;
}
#footer ul li ul {padding: 0;}

#footer ul li ul li {
	padding: 0;
	float: none;
	width: auto;
}
#footer ul li ul li a {color: #fff;}






/*--- index ---*/

.page-2 #header {background: #e4e4e4;}
.page-2 #content {background: #fff url("../images/part2-shake-2.gif") no-repeat 30px 100%;}
.page-2 #footer ul {padding: 25px 0 0 40px;}
.page-2 #footer ul li ul {padding: 0;}

.page-2 .gallery-0, .page-2 .gallery-1, .page-2 .gallery-2, .page-2 .gallery-3,
.page-2 .list-text, .page-2 .list-text-2, .page-2 .list-text-3,
.page-2 .list-text-4, .page-2 .list-text-5, .page-2 .list-text-6 {border-color: #c7c7c7;}

.page-2 .gallery-0-r, .page-2 .gallery-1-r, .page-2 .gallery-2-r, .page-2 .gallery-3-r,
.page-2 .list-text-r, .page-2 .list-text-2-r, .page-2 .list-text-3-r,
.page-2 .list-text-4-r, .page-2 .list-text-5-r, .page-2 .list-text-6-r  {border-color: #c7c7c7;}

.page-2 .list-border {border-bottom: 10px solid #c7c7c7;}

.page-2 #footer {background: #809080 url("../images/part-snake-2.gif") no-repeat 30px 0;}

.page-2 .left-content {
	float: right;
	width: 230px;
	display: inline;
	padding: 16px 0 2px 0;
	margin: 0 34px 0 30px;
	border-top: 10px solid #c7c7c7;
	border-bottom: 10px solid #c7c7c7;
}
.page-2 .left-content h2 {
	color: #000;
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 11px 0;
}
.page-2 .left-content p {padding: 0 0 25px 0;}
.page-2 .left-content .p-1 {padding: 0 0 13px 0;}
.page-2 .left-content p a {color: #000; text-decoration: underline;}

.page-2 .right-content {padding: 0 0 0 30px;}






/*--- alternative colored page #1 ---*/

.page-3 #header {background: #fff;}
.page-3 #content {background: #123456 url("../images/part2-shake-2.gif") no-repeat 30px 100%;}
.page-3 #footer {background: #808080 url("../images/part-snake-2.gif") no-repeat 30px 0;}