@charset "utf-8";
/* CSS Document */
html, body {margin:0; padding:0; border:0; outline:0; font-size:100%;}
*:focus { outline: 0; } /* remember to define focus styles! */
html, body {height:100%; overflow-x:hidden;}
body {background-color:#000; font-family:Arial, Helvetica, sans-serif;}
#vertical-center {float: left; height: 50%; width: 100%; margin-top: -270px;}
#main {clear: both; margin:0 auto; padding:0; width:926px; height:540px; background:#000; overflow:hidden;}
.details {
	color:#000;
	font-size:10px;
	vertical-align:bottom;
	padding-top:4px;
	overflow:hidden;
	margin-left:5px;
}
#homeBox {
	width:722px;
	height:435px;
	border:solid 1px #999;
	display:block;
	margin-top:1px;
	margin-left:2px;
	position:relative;
}
#contactBox {
	width:722px;
	height:435px;
	border:solid 1px #999;
	display:block;
	margin-top:1px;
	margin-left:2px;
	position:relative;
	background:#000 url(../images/home-layer.png) no-repeat;
	background-position: center center;
}
#cballB {
	width:722px;
	height:435px;
	border:solid 0px #999;
	display:block;
	margin-top:2px;
	margin-left:3px;
	position:relative;
	overflow:hidden;
	z-index:9;
}
#slide {
	width:718px;
	height:431px;
	margin-top:2px;
	margin-left:2px;
	background:#000 url(../images/home-layer.png) no-repeat;
	overflow:hidden;
}
#contact {
	width:718px;
	height:431px;
	margin-top:2px;
	margin-left:2px;
	background:url(../images/contact.jpg) no-repeat;
	overflow:hidden;
}
#cball {
	width:834px;
	height:554px;
	position:relative;
	top:-50px;
	left:-64px;
	z-index:8;
}
#homeBlock {
	width:236px;
	height:301px;
	top:33px;
	left:389px;
	position:absolute;
	z-index:5;
	padding:30px;
	font-size:12px;
	line-height:22px;
	text-align:justify;
	color:#ccc;
}
#pubPlacer {
	width:236px;
	height:301px;
	top:44px;
	left:400px;
	position:absolute;
	z-index:5;
	font-size:12px;
	line-height:22px;
	text-align:justify;
	color:#ccc;
}
#romiBlock {
	width: 300px;
	height: 371px;
	top: 35px;
	left: 40px;
	position: absolute;
	z-index: 5;
	padding: 0px;
	font-size:11px;
	line-height:19px;
	text-align:left;
	color:#666;
	overflow:hidden;
}
#martandBlock {
	width: 280px;
	height: 371px;
	top: 35px;
	left: 40px;
	position: absolute;
	z-index: 5;
	padding: 0px;
	font-size:11px;
	line-height:19px;
	text-align:left;
	color:#BBB;
	overflow:hidden;
}
#scroller {
	width:718px;
	height:431px;
	overflow:auto;
}
.article {
	font-size:13px;
	font-weight:bold;
	padding: 16px 0 0 0;
}
.country {
	font-size:11px;
	padding: 0px 0 0 0;
}
.project {
	font-size:12px;
	padding: 0px 0 0 0;
}
#publicationBlock {
	width: 600px;
	top: 35px;
	left: 40px;
	padding: 30px;
	font-size:11px;
	line-height:19px;
	text-align:left;
	color:#CCC;
}
#contactBlock {
	width: 236px;
	height: 301px;
	top: 33px;
	left: 389px;
	position: absolute;
	z-index: 5;
	padding: 30px;
	padding-right:30px;
	font-size:12px;
	line-height:22px;
	text-align:justify;
	color:#ccc;
}
#publication
{
	width:718px;
	height:431px;
	margin-top:2px;
	margin-left:2px;
	overflow:hidden;
	background:url(../images/publication.jpg);
	display:block;
}
#martand
{
	width:718px;
	height:431px;
	margin-top:2px;
	margin-left:2px;
	overflow:hidden;
	background-color:#454545;
}
#romi
{
	width:718px;
	height:431px;
	margin-top:2px;
	margin-left:2px;
	overflow:hidden;
	background-color:#D0D0D0;
}
#flashBook
{
	width:718px;
	height:431px;
	margin-top:2px;
	margin-left:2px;
	overflow:hidden;
	background-color:#D0D0D0;
}
#pubGallery
{
	width: 273px;
	height: 347px;
	z-index:10;
	border: 0px solid #000;
}
#pubGallery img.thumbnail, #myGallerySet img.thumbnail
{
	display: none;
}
#homeGallery, #myGallerySet, #flickrGallery
{
	width: 718px;
	height: 431px;
	z-index:2;
	border: 0px solid #000;
}
#homeGallery img.thumbnail, #myGallerySet img.thumbnail
{
	display: none;
}
.jdGallery
{
	overflow: hidden;
	position: relative;
}
.jdGallery img
{
	border: 0;
	margin: 0;
}

.jdGallery .slideElement
{
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 200px 200px;
	background-image: url('img/loading-bar-black.gif');
}

.jdGallery .loadingElement
{
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 90px 380px;
	background-image: url('img/loading-bar-black.gif');
}
a {
	text-decoration:none;
	color:#AFD13A;
	outline: none;
}
a:hover {
	text-decoration:underline;
}