/* --------------- // --------------- */

*
{
background-repeat:no-repeat;
margin:0px;
outline:none;
padding:0px;
}

body
{
color:#000000;
font-family:arial, helvetica, sans-serif;
font-size:12px;
padding:50px;
}

a
{
color:#ffffff;
text-decoration:none;
}

a:hover
{
color:#c2d194;
}

/* --------------- // --------------- */

#container
{
background-image:url(../images/container.png);
height:600px;
margin:0px auto;
overflow:hidden;
position:relative;
width:800px;
}

/* ----- identity ----- */

#identity
{
background-image:url(../images/identity.png);
height:190px;
left:0px;
position:absolute;
top:35px;
width:255px;
}

#identity h1 a
{
display:block;
height:190px;
text-indent:-9999px;
width:255px;
}

/* ----- navigation ----- */

#navigation
{
background-image:url(../images/navigation.png);
height:190px;
left:800px;
position:absolute;
top:35px;
width:510px;
}

#navigation ul
{
list-style:none;
margin:21px;
width:100px;
}

#navigation ul li
{
padding:0px 0px 0px 14px;
}

#navigation ul li a
{
font-weight:bold;
letter-spacing:1px;
line-height:18px;
text-decoration:none;
text-transform:uppercase;
}

#navigation ul li.on
{
background-image:url(../images/navigation-ul-li.on.png);
}

#navigation ul li.on a
{
color:#c2d194;
cursor:default;
}

#navigation div.content
{
height:190px;
left:510px;
position:absolute;
top:0px;
width:375px;
}

#navigation div.content ul.submenu
{
	display:inline;
	float:left;
	width:160px;
}

#navigation div.content ul.submenu li
{
	padding:0px 0px 0px 14px;
}

#navigation div.content ul.extra
{
	display:inline;
	float:left;
	width:130px;
}

/* ----- headlines ----- */

#headlines
{
height:72px;
left:29px;
overflow:hidden;
position:absolute;
top:247px;
width:742px;
}

#headlines ul
{
height:72px;
list-style:none;
width:742px;
}

#headlines ul li
{
color:#ffffff;
display:inline;
float:left;
height:24px;
line-height:24px;
width:742px;
}

/* ----- decoration ----- */

#decoration
{
height:142px;
left:29px;
overflow:hidden;
position:absolute;
top:341px;
width:742px;
}

#decoration div
{
background-image:url(../images/decoration.png);
height:142px;
position:absolute;
right:750px;
width:742px;
}

/* ----- content ----- */

#content
{
background-image:url(../images/content.png);
height:265px;
left:800px;
position:absolute;
top:260px;
width:450px;
padding:20px 30px;
}

#content h2
{
font-size:18px;
font-weight:bold;
line-height:24px;
margin:0px 0px 20px 0px;
text-transform:uppercase;
}

#content p
{
font-size:12px;
margin:0px 0px 20px 0px;
}

#content p a
{
color:#155eb3;
}

#content p a:hover
{
color:#155eb3;
text-decoration:underline;
}

/* ------ index ------ */

body.index #navigation div.content
{
background-image:url(../images/navigation-div.index.jpg);
}

/* ------ about ------ */

body.about #navigation div
{
background-image:url(../images/navigation-div.about.jpg);
}

body.about #content p
{
font-size:16px;
}

/* ------ films ------ */

.films #container div#content-more
{
display:none;
}

.films #container div#content div.image
{
text-align:center;
}

/* ----- news ----- */

body.news #content div.window
{
background-image:url(../images/content-div.window.png);
height:201px;
padding:10px;
width:430px;
}

body.news #content div.window div.content
{
height:201px;
width:430px;
}

body.news #content ul
{
list-style:none;
}

body.news #content ul li p
{
margin:0px;
}

body.news #content ul li
{
margin:0px 20px 20px 0px;
}

body.contact #navigation div
{
background-image:url(../images/navigation-div.contact.jpg);
}

.contact #content p
{
font-size:16px;
}

/* ------ store ------ */

.store #content div.left
{
float:left;
width:370px;
}

.store #content div.right
{
margin-left:371px;
padding:20px 0px 0px 10px;
}

/* ----- gallery ----- */

body.gallery #navigation .jScrollPaneDrag
{
	background-image:url(../images/navigation-scroll.png);
}

body.gallery #navigation div.categories
{
	background-image:url(../images/navigation-div.categories.png);
	display:inline;
	float:left;
	height:138px;
	left:0px;
	padding:6px;
	position:absolute;
	top:20px;
	width:173px;
}

body.gallery #navigation div.categories div.window
{
	height:138px;
	position:static;
	width:173px;
}

body.gallery #navigation div.categories ul
{
	margin:0px;
	width:auto;
}

body.gallery #navigation div.categories ul li
{
	margin:0px 0px 12px 0px;
	padding:0px 0px 0px 3px;
}

body.gallery #navigation div.categories ul li a
{
	line-height:normal;
	text-transform:none;
}

body.gallery #navigation div.thumbnails
{
	background-image:url(../images/navigation-div.thumbnails.png);
	display:inline;
	float:right;
	height:144px;
	left:191px;
	padding:3px 6px 3px 3px;
	position:absolute;
	top:20px;
	width:157px;
}

body.gallery #navigation div.thumbnails div.window
{
	height:144px;
	overflow:hidden;
	position:static;
	width:157px;
}

body.gallery #navigation div.thumbnails ul
{
	display:inline;
	float:left;
	margin:0px;
	overflow:hidden;
	width:144px;
}

body.gallery #navigation div.thumbnails ul li
{
	display:inline;
	float:left;
	height:42px;
	margin:3px;
	padding:0px;
	width:42px;
}

body.gallery #navigation div.thumbnails ul li a img
{
	border:none;
}

body.gallery #content
{
	padding:20px 20px 20px 30px;
	width:460px;
}

body.gallery #content table
{
	border-collapse:collapse;
	position:absolute;
	bottom:20px;
	width:460px;
}

body.gallery #content table tr td
{
	vertical-align:middle;
}

body.gallery #content table tr td.description p
{
	xbackground-color:#cccccc;
	font-size:12px;
	margin:0px;
	padding:0px 30px 0px 0px;
}

body.gallery #content table tr td.image
{
	text-align:right;
}

body.gallery #content table tr td.image img
{
	background-position:center top;
	xdisplay:inline;
	xfloat:right;
	xposition:absolute;
	xright:20px;
	xbottom:20px;
}

/* ----- contact ----- */

body.contact #content p
{
font-size:16px;
}

/* ----- footer ----- */

#footer
{
color:#b31d15;
font-size:10px;
padding:15px;
text-align:center;
}

/* --------------- // --------------- */

.jScrollPaneContainer
{
position: relative;
overflow: hidden;
z-index: 1;
}

.jScrollPaneTrack
{
xbackground-color:#cccccc;
cursor:pointer;
height:100%;
position:absolute;
right:0px;
top:0px;
}

.jScrollPaneDrag
{
background-image:url(../images/scroll.png);
cursor:pointer;
xheight:30px;
overflow:hidden;
position:absolute;
}

.jScrollPaneDragTop
{
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}

.jScrollPaneDragBottom
{
position: absolute;
bottom: 0;
left: 0;
overflow: hidden;
}

a.jScrollArrowUp
{
display: block;
position: absolute;
z-index: 1;
top: 0;
right: 0;
text-indent: -2000px;
overflow: hidden;
/*background-color: #666;
*/

height: 9px;
}

a.jScrollArrowUp:hover
{
/*background-color: #f60;
*/

}

a.jScrollArrowDown
{
display: block;
position: absolute;
z-index: 1;
bottom: 0;
right: 0;
text-indent: -2000px;
overflow: hidden;
/*background-color: #666;
*/

height: 9px;
}

a.jScrollArrowDown:hover
{
/*background-color: #f60;
*/

}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover
{
/*background-color: #f00;
*/

}