/* Global */

html, body {
background: #f7eddf url(/img/bg.png);
color: #000;
font: 16px/20px "Times New Roman", Times, Serif;
height: 100%;
}

a {
color: #1f73bb;
}

	a:hover {
	color: #c00;
	text-decoration: none;
	}

	a:visited {
	color: #6d96b9;
	}

		a:visited:hover {
		color: #c00;
		text-decoration: none;
		}

p {
margin: 20px 0;
}

h2 {
font-size: 14px;
font-weight: bold;
margin: 0;
padding: 15px 0 0;
}

h3 {
padding: 15px 0 0;
}

ul {
margin: 20px 0 20px 70px;
list-style-type: disc;
}

	li {
	line-height: 22px;
	}

table {
width: 100%;
}

	table td {
	vertical-align: top;
	padding-right: 25px;
	}

	table ul {
	margin-left: 0;
	margin-right: 40px;
	list-style-type: none;
	}

		table ul li {
		line-height: 27px;
		}

	table p {
	margin-top: 0;
	}

blockquote {
color: #888;
font-style: italic;
margin: 0 30px;
}

#container {
height: auto !important;
height: 100%;
margin: 0 auto;
min-height: 100%;
position: relative;
width: 100%;
}


/* Images */

img {
float: left;
margin: 0 30px 20px 0;
}

img.right {
float: right;
margin: 0 0 20px 30px;
}

img.center {
display: block;
float: none;
margin: auto;
}

img.none {
float: none;
margin: 0;
}

.small-img img {
background: #fff;
border: 1px solid #ccc;
float: none;
height: 150px;
margin-bottom: 0;
padding: 5px;
width: 150px;
}


/* Header */

#header {
background: url(/img/header-bg.png) repeat-x;
height: 165px;
padding-top: 38px;
}

	#header h1 {
	display: block;
	font-weight: lighter;
	font-size: 20px;
	height: 10px;
	margin: 0 auto;
	overflow: hidden;
	padding: 23px 0 80px;
	position: relative;
	width: 178px;
	}

		#header h1 b {
		display: none;
		}

		#header h1 span {
		background: url(/img/logo.png) no-repeat 0 0;
		height: 73px;
		left: 0;
		position: absolute;
		top: 0;
		width: 156px;
		}

	#header ul {
	font-size: 17px;
	font-style: italic;
	list-style: none;
	margin: 0 auto;
	width: 617px;
	}

		#header ul a {
		display: block;
		float: left;
		padding: 6px 17px 7px;
		}

		#header ul a.active {
		color: #000;
		text-decoration: none;
		}

			#header ul a.active:hover {
			color: #77726b;
			}


/* Content */

#content {
overflow: hidden;
padding: 30px 5% 80px;
zoom: 1;
}

li.active {
color: #000;
font-weight: bold;
text-decoration: none;
}

	li.active a {
	color: #000;
	text-decoration: none;
	}

		li.active a:hover {
		color: #77726b;
		}


/* Right */

#right {
float: right;
margin-left: 3%;
width: 25%;
}

	#right p {
	margin: 15px 0;
	}

	#right ul {
	list-style: none;
	margin: 10px 0;
	}

		#right li {
		padding: 5px 0 4px 20px;
		}

			#right li a {
			padding: 5px 0;
			}

			#right li.margin {
			margin-top: 20px;
			}

		#right ul ul {
		margin: 0;
		}

			#right ul ul li {
			color: #aba69f;
			font-size: 12px;
			padding-left: 0;
			}

				#right ul ul li a {
				margin-left: 5px;
				}

.book {
background: url(/img/book-icon.png) no-repeat 0 2px;
padding-left: 27px;
}


/* Left */

#left {
float: left;
padding: 0 3%;
width: 66%;
}

	#left h2 {
	font-size: 22px;
	font-style: italic;
	margin: 0;
	padding: 10px 0 5px 0;
	}


/* Gallery */

#gallery {
background:url(/img/gallery-bg.png) 0 0 repeat;
min-height:650px;
height:100%;
width:100%;
position:fixed;
top:0;
left:0;
z-index:1;
}

	#gallery .inner {min-height:100%;position:relative;}

		#gallery .inner .empty {
		clear:both;
		height:130px;
		}

	#gallery .close A {
	background:url(/img/close.png) 0 0 no-repeat;
	display:block;
	height:46px;
	float:left;
	text-indent:-9999px;
	position:absolute;
	top:0;
	right:40px;
	width:46px;
	z-index:20;
	}

		#gallery .close A:hover {background:url(/img/close.png) 0 -46px no-repeat;}

	#gallery .centerBox {
	position:fixed;
	top:50%;
	left:50%;
	margin:-300px auto 0;
	width:820px;
	}

		#gallery .centerBox .centerBoxInner {
		position:relative;
		left:-50%;
		}

		#gallery .centerBox .toPrevious A {
		background:url(/img/arrow.left.png) 0 0 no-repeat;
		display:block;
		height:39px;
		text-indent:-9999px;
		overflow:hidden;
		position:absolute;
		top:210px;
		left:0px;
		width:40px;
		}

		#gallery .centerBox .toPrevious A:hover {background:url(/img/arrow.left.png) 0 -39px no-repeat;}

		#gallery .centerBox .toNext A {
		background:url(/img/arrow.right.png) 0 0 no-repeat;
		display:block;
		height:39px;
		text-indent:-9999px;
		overflow:hidden;
		position:absolute;
		top:210px;
		right:0px;
		width:40px;
		}

			#gallery .centerBox .toNext A:hover {background:url(/img/arrow.right.png) 0 -39px no-repeat;}

		#gallery .bigImage {text-align:center;}

			#gallery .bigImage IMG {
			background:url(/img/loading.black.gif) center 45% no-repeat;
			border:10px solid #fff;
			float: none;
			}

	#gallery .smallImages {
		clear:both;
		padding:0 30px;
		margin-top:-146px;
		position:relative;
		height:146px;
		}
		#gallery .smallImages UL {
		margin:0;
		overflow:auto;
		white-space:nowrap;
		text-align:center;
		height:136px;
		width:100%;
		}
			#gallery .smallImages UL LI {
				background:url(/img/loading.black.gif) center 45px no-repeat;
				display:inline-block;
				display:-moz-inline-stack;
				vertical-align:top;
				padding-top:8px;
				padding-top:6px;
				margin:0 4px 0 0;
				}
				#gallery .smallImages UL LI A {
					display:block;
					min-height:70px;
					min-width:50px;
					}
				#gallery .smallImages UL LI A IMG {
					padding:1px;
					}
				#gallery .smallImages UL LI A:hover IMG {
					border:1px solid #e2a000;
					padding:0;
					}

			#gallery .smallImages UL LI.active {
				background:url(/img/active.arrow.png) center 2px no-repeat;
				position:relative;
				top:-1px;
				}
			#gallery .smallImages UL LI.active A IMG {
				border:1px solid #fff !important;
				padding:0;
				margin-top:1px;
				}
			#gallery IMG {
				float:none;
				margin:0;
				}

#screenshots {
width: 100%;
height: 127px;
padding: 18px 0 3px 0;
overflow: auto;
background: url(/img/film.png) repeat-x;
white-space: nowrap;
}

	#screenshots img {
	float: none;
	margin: 2px 3px;
	}


/* Footer */

#footer {
border-top: 1px solid #cbc3b6;
bottom: 0;
height: 42px;
padding: 26px 2.6% 0;
position: absolute;
margin: 0 5%;
width: 85.5%;
}

/*
     */
/*
*/