@import url('jScrollPane.css');
@import url('jquery.lightbox-0.5.css');

/*MAIN STRUCTURES*/

body{
	font-size: 12px;
	font-family: Arial;
	color: #000000;
	background-color: #ffffff;
}

body, html{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

a.logolink img{
	border: none;
}

a.clean{
	text-decoration: none;
}

#wrapper{
	display: block;
	width: 900px;
	height: 500px;
	margin: 0;
	padding: 0;
}

#content_1, #content_2{
	width: 75%;
	top: 0;
	position:absolute;
	margin: 0;
	padding: 0;
}

#content_1{
	left: 0%;
	width: 75%;
	height: 100%;
	overflow: hidden;
}

#content_2{
	left: 75%;
	width: 25%;
	height: 100%;
	overflow: hidden;
}

/*GREY BLACK*/

#content_1.grey .black, #content_2.grey .black{
	display: none;
}

#content_1.grey .grey, #content_2.grey .grey{
	display: block;
}

#content_1.black .black, #content_2.black .black{
	display: block;
}

#content_1.black .grey, #content_2.black .grey{
	display: none;
}

/*NAVIGATION COLUMN*/

.navigation_column{
	display: block;
	margin: 20px 20px 0 10px;
	padding: 0;
	width:174px;
	float: left;
}

.navigation_column .line_3{
	margin-top: 50px;
}

.navigation_column .line_1{
	margin-top: 15px;
	margin-bottom: 15px;
}

/*MENU*/

.black ul.menu, .black ul.menu li, .black ul.menu li a{
	color: #000000;
}

.grey ul.menu, .grey ul.menu li, .grey ul.menu li a{
	color: #d1d1d1;
}

ul.menu, ul.menu li{
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 18px;
}

ul.menu li.booklink{
	margin-left: 10px;
}

ul.menu{
	margin-top: 10px;
}

ul.menu li a:hover{
	font-weight: bold;
}

ul.menu li.active{
	font-weight: bold;
	font-size: 14px;
	line-height: 19px;
}

ul.menu li a{
	text-decoration: none;
	color: #000000;
}

ul.menu li a img{
	border: none;
}

ul.menu li.moveLink{
	margin-top: 50px;
}

ul.menu li.moveLink a{
	font-size: 18px !important;
}

ul.menu li.moveLink a img{
	margin-right: 5px;
	float: left;
}

/*CONTENT COLUMN*/

.inner_wrapper{
	display: block;
	width: 750px;
	overflow: hidden;
}

#content_column_1, #content_column_2{
	overflow: auto;
	width: 506px;
	padding-top: 79px;
	padding-bottom: 30px;
}

.content_column a{
	text-decoration: underline;
	color: #000000;
}

.content_column a.clean{
	text-decoration: none;
}

.content_column a img{
	border: none;
}

.content_column p, .content_column h1, .content_column h2{
	width: 455px;
}

.content_column p{
	margin-top: 20px;
	line-height: 17px;
}

.clear{
	clear: both;
}

.content_column .subline{
	display: block;
	width: 100%;
	clear: both;
}

.black .content_column date, .black .content_column p, .black .content_column h1, .black .content_column h2, .black .content_column a, .black .content_column u, .black .content_column .gallery, .black .content_column .spec_gallery{
	color: #000000;
}

.black .content_column .subline{
	color: #888888;
}

.grey .content_column .subline, .grey .content_column p, .grey .content_column h1, .grey .content_column h2, .grey .content_column a, .grey .content_column u, .grey .content_column .spec_gallery, .grey .content_column .gallery, .grey .content_column .date{
	color: #d1d1d1;
}

.content_column h3, .content_column h2, .content_column h1{
	font-size: 22px;
	font-weight: bold;
	line-height: 25px;
	margin: 0;
	padding: 0;
	clear: both;
}

.date.firstrow{
	display: block;
	padding-top: 3px;
}

.content_column h3{
	padding-top: 5px;
	line-height: 22px;
	font-size: 16px;
}

span.underline{
	text-decoration: underline;
}

.content_column h1{
	font-family: Arial Black;
	padding-top: 13px;
}

.content_column h2.h2h1{
	padding-top: 13px;
}

.content_column h1.top, .content_column h1.h2h1{
	padding-top: 0;
}

.content_column h1.h2h1.firstrow{
	margin-bottom: 20px;
}

.content_column h2{
	font-weight: normal;
}

a.jScrollArrowUp {
	height: 27px;
	background-image: url('../../images/scroll_up.gif');
}

a.jScrollArrowDown {
	height: 27px;
	background-image: url('../../images/scroll_down.gif');
}

/*GALLERY*/

.gallery, .gallery span, .spec_gallery span, .gallery a, .spec_gallery a, .gallery img, .spec_gallery img{
	cursor: pointer !important;
}

.gallery{
	margin: 2px 0 0 0;
	padding: 0;
	clear: both;
}

.gallery img{
	float: left;
	margin: 0 10px 10px 0;
}

.spec_gallery{
	margin: 2px 0 0 0;
	padding: 0;
	clear: both;
}

.spec_gallery img{
	float: left;
	margin: 0 10px 10px 0;
}

/*HOME CONTAINER*/

#homecontainer a, #homecontainer{
	margin: 0;	
	padding: 0;
	width: auto;
}

#homecontainer a img{
	border: none;
}

#homecontainer a img.grey{
	display: none;
}

#homecontainer a img.black{
	display: block;
}

#homecontainer a:hover img.grey{
	display: block;
}

#homecontainer a:hover img.black{
	display: none;
}

/*SLIDESHOW*/

#slideshow{
	width: 455px;
	height: 455px;
	overflow: hidden;
	margin-bottom: 10px;
}

#slideshow_container{
	width: 20000px;
	height: 455px;
}

#slideshow_container img{
	float: left;
}

#slideshow:hover #slideshow_left, #slideshow:hover #slideshow_right{
	display: block;
}

#slideshow_subline{
	width: 455px;
}

#slideshow_left{
	display: block;
	width: 88px;
	height: 77px;
	margin-top: -270px;
	margin-bottom: 270px;
}

#slideshow_right{
	display: block;
	width: 88px;
	height: 77px;
	margin-top: -347px;
	margin-left: 365px;
	margin-bottom: 190px;
}

/*SLIDE LINK*/

#slideLink a, #slideLink{
	margin: 0;	
	padding: 0;
	width: auto;
}

#slideLink{
	overflow: hidden;
	height: 100%;
	width: 25%;
	position: absolute;
	left: 75%;
}

#slideLink a img{
	border: none;
}

#slideLink a img.grey{
	display: block;
}

#slideLink a img.black{
	display: none;
}

#slideLink a:hover img.grey{
	display: none;
}

#slideLink a:hover img.black{
	display: block;
}