/* $Id: style.css 33 2009-01-14 13:07:09Z dom $ */
/* yui reset-fonts-base version: 2.5.0 */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

html { background: #000; }

body {
	color: #999;
	font-family: helvetica, arial, sans-serif;
}
h1 { font-size: 197%; }
h2 { font-size: 146.5%; }
h3 { font-size: 131%; }
h4 { font-size: 116%; }
h5 { font-size: 108%; }
h6 { font-size: 100%; }
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	letter-spacing: -1px;
	margin: 0 0 20px;
}
a {
	color: #d00;
	text-decoration: none;
}
a:visited {
	color: #606;
}
a:hover {
	color: #f00;
}
p, ul, ol {
	margin: 0 0 20px;
}
ul li {
	list-style: disc inside;
}
br {
	clear: both;
}
form {
	margin: 0 0 10px;
}

#doc {
	background: url(bg-doc.jpg) 0 50px no-repeat;
	margin: 0 auto; padding: 0;
	width: 930px; height: auto;
}
#hd {
	height: 50px;
}
#bd {
	margin: 0 0 5px;
	height: 660px;
}
*html #bd {
	height: 660px;
}
#ft {
	clear: both;
	position: absolute;
}

h1.logo {
	background: url(logo.png) 0 5px no-repeat;
	font-size: 2px;
	line-height: 2px;
	width: 550px; height: 50px;
	margin: 0;
	color: #000;
}
*html h1.logo {
	margin: 5px 0 0;
}
.menu {
	text-align: right;
	width: 300px; height: 25px;
	margin: 0; padding: 0;
	float: right;
	clear: right;
}
.menu li {
	text-transform: uppercase;
	list-style: none;
	float: right;
}
.menu li a,
.menu li a:visited {
	display: block;
	padding: 5px 5px 0;
	font-size: 116%;
	color: #ccc;
	text-decoration: none;
	letter-spacing: -1px;
}
.menu li a:hover {
	color: #c00;
	border-bottom: 1px dotted #999;
}
.langmenu {
	float: right;
	margin: 0;
	height: 25px;
}
.langmenu li {
	list-style: none;
	float: left;
	margin: 0 0 0 10px;
}
.langmenu li a,
.langmenu li a:visited {
	color: #999;
}
.photo {
	height: 550px;
}
#photo-prev,
#photo-next {
	float: right;
	clear: both;
	width: 140px; height: 14px;
	overflow: hidden;
	font-size: 3px;
	color: #fff;
}
#photo-prev {
	background: url(b-prev.png) no-repeat center center;
}
#photo-next {
	background: url(b-next.png) no-repeat center center;
}
.scrollarea {
	width: 140px; height: 632px;
	margin: 0; padding: 0;
	overflow: hidden;
	float: right;
	clear: both;
}
ul.photos li {
	float: left;
	width: 140px; height: 158px;
	list-style: none;
}
ul.photos li a {
	background: transparent center center no-repeat;
	display: block;
	width: 140px; height: 158px;
	margin: 0;
}
.copyright {
	font-size: 85%;
}

.content {
	background: url(000-50pc.png);
	color: #fff;
	margin: 20px 10px 10px 400px; padding: 20px;
}
.content p {
	line-height: 1.5em;
	text-align: justify;
}
.content a {
}
ul#colorphotos {
	height: 660px;
	margin: 5px 0 5px 5px;
	overflow: auto;
}
ul#colorphotos li {
	width: 300px; height: 200px;
	float: left;
	list-style: none;
}
ul#colorphotos li a {
	background-position: center center;
	width: 299px; height: 199px;
	margin: 0;
	display: block;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
	position: relative;
}
.jcarousel-container-vertical {
	height: 660px;
}
.jcarousel-clip {
	z-index: 2;
	margin: 0; padding: 0;
	top: -10px;
	overflow: hidden;
	position: relative;
}
*html .jcarousel-clip {
}

.jcarousel-list {
	z-index: 1;
	overflow: hidden;
	position: relative;
	left: 0; top: 0;
	margin: 0; padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
	float: left;
	list-style: none;
	/* We set the width/height explicitly. No width/height causes infinite loops. */
	width: 140px; height: 165px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next, .jcarousel-prev {
	z-index: 3;
	display: block;
	position: absolute;
	width: 140px; height: 10px;
	opacity: 0.5;
	cursor: pointer;
}
*html .jcarousel-next,
*html .jcarousel-prev {
	filter: alpha(opacity = 50);
}
.jcarousel-prev {
	background: url(b-prev.png);
}
.jcarousel-next {
	background: url(b-next.png);
	bottom: 0;
}