@charset "utf-8";
/* CSS Document */

html{ 
	/*overflow:auto;*/ /*if active horizontal scroll appears in IE when content is higher than the page*/
	border:0;
}
body{
	background: url(images/bground.jpg) #07122c center top repeat-y;
	font-family:Arial, Helvetica, Verdana, sans-serif; font-size:10px; color:#FFFFFF;
	padding:0;
	margin:0 0 0 0;
}
	
/*
http://locusoptimus.com/css-trickery/ie-image-border-styles-on-hover-solution.php
In order for IE to show hover effect on image link, you must fiurst trigger that event by setting regular hover which is different than that one on the image
*/

a {margin:0; padding:0; color:#FFFFFF; text-decoration:none;}		
a:hover{ color:#FF9900;}
a:link img, a:visited img{	border:1px solid #ffffff; padding:0; margin:0 7px 7px 0;}
a:focus img,a:hover img,a:active img{	border:1px solid #FF9900;}

.invisible{	font-size: 0; overflow: hidden; display: none; visibility: hidden;}

.container{	width:806px; margin:0 auto;}
.header{ margin:30px 0 0 0; text-align:center; height:140px;}


.title-img-wrapper{	width:806px; float:left;
}

.title-img-wrapper img{ border:0; padding:0; float:left;
}

.projects-wrapper{
	/*width:806px; height:300px;*/
	float:left;
	margin-bottom:20px;
	z-index:1;
	
	
}

/*--------------INFO BOX--------------*/
.info-size{width:804px; height:118px; /*-2 because of .transparent-bground border*/}
.info-size-content{width:786px; height:100px; /*height of ".info-size" - 18 (20 for margin - 2 for border) */}
.margin-info{
	margin:-110px 0 0 10px;
	position:relative; z-index:10; /*without "position:relative" it is transparent in FF, z-index is here just in case*/
	
	/*background-color:#00CC99;*/
}
/*--------------END INFO BOX--------------*/



/*--------------PROJECTS BOX--------------*/
.projects-size{ width:804px; height:256px; /*-2 because of .transparent-bground border*/ z-index:5;}
.projects-size-content{width:466px; height:258px;z-index:5;}

.projects-size-2row{ width:804px; height:171px;z-index:5;}
.projects-size-2row-content{width:466px; height:173px;z-index:5;}

.projects-size-4row{ width:804px; height:336px;z-index:5;}
.projects-size-4row-content{width:466px; height:338px;z-index:5;}

.margin-projects{
	margin:-258px 0 0 0;
	/*float:left;*/	/*if active in IE is added extra 300px*/
	position:relative; /*without "position:relative" it is transparent in FF, z-index is here just in case*/
	left:339px;
	z-index:5;
	
	/*background-color:#00CC99;*/
}

.margin-projects-2row{
	margin:-173px 0 0 0;
	/*float:left;*/	/*if active in IE is added extra 300px*/
	position:relative; /*without "position:relative" it is transparent in FF, z-index is here just in case*/
	left:339px;
	z-index:5;
	
	/*background-color:#00CC99;*/
}

.margin-projects-4row{
	margin:-338px 0 0 0;
	/*float:left;*/	/*if active in IE is added extra 300px*/
	position:relative; /*without "position:relative" it is transparent in FF, z-index is here just in case*/
	left:339px;
	z-index:5;
	
	/*background-color:#00CC99;*/
}

.thumbnail-container-3row{
	margin:-258px 0 0 0;
	width:328px; /* -10px because of padding*/
	height:248px; /* -10px because of padding*/
	/*background-color:#6666CC;*/
	float:left;
	clear:both;
	position:relative;
	z-index:5;
	
	padding: 10px 0 0 10px;
	border-right:thin solid #2b5262; border-width:1px;
}

.thumbnail-container-2row{
	margin:-173px 0 0 0;
	width:328px; /* -10px because of padding*/
	height:163px; /* -10px because of padding*/
	/*background-color:#6666CC;*/
	float:left;
	clear:both;
	position:relative;
	z-index:5;
	
	padding: 10px 0 0 10px;
	border-right:thin solid #2b5262; border-width:1px;
}

.thumbnail-container-4row{
	margin:-338px 0 0 0;
	width:328px; /* -10px because of padding*/
	height:328px; /* -10px because of padding*/
	/*background-color:#6666CC;*/
	float:left;
	clear:both;
	position:relative;
	z-index:5;
	
	padding: 10px 0 0 10px;
	border-right:thin solid #2b5262; border-width:1px;
}

.project-title-wrapper{
	width:466px;
	height:58px;
	border-bottom:thin solid #2b5262; border-width:1px;
	overflow:hidden;

	/*background-color:#FF6600;*/
}
.project-title{
	font-size:50px;
	font-weight:bold;
	
	margin-top:15px;
	margin-left:-6px;
}

.project-description-wrapper{
	width:466px;
	/*height:190px;*/
	
	background-color:#FFCCCC;
}

.project-description{
	position:absolute;
	margin-left:10px;
	margin-top:10px;
}

.list{
	width:80px;
	float:left;
}

.additional-info{
	width:445px;
	margin-top:10px;
	padding:0;
	float:left;

	
	/*background-color:#6666CC;*/
}


/*--------------END PROJECTS BOX--------------*/


.float-left{float:left; position:relative;}
.text-blue{margin:0;	padding:0;	color:#0099FF;	font-size:10px;}
.text-gray{margin:0;	padding:0;	color:#636363;	font-size:10px;}


/*--------------BOXES TRANSPARENCY--------------*/

.transparent-bground{
	background-color:#000000;
	opacity: 0.7;	/*for normal browsers */
	filter:alpha(opacity=70); /*for IE */

	border:thin solid #2b5262; border-width:1px;
	clear:both;
	z-index:1;
}

/*--------------END BOXES TRANSPARENCY--------------*/

/*--------------UNORDERED LIST--------------*/
.blok{
	width:360px;
	/*margin-left:230px;*/
	float:right;
	position:relative;
}

.blok ul{margin: 0 auto; padding:0;}
.blok li{
	text-align:left;
	list-style: none;
	float:left;
	width:110px;
	padding-left:10px;
	background: url(images/bullet.gif) no-repeat 0px 3px;
}

.project-description ul{margin: 0 auto; padding:0;}

.list li{
	color:#0099FF;
	text-align:left;
	list-style: none;
	/*float:left;*/
	/*width:50px;*/
	padding-left:10px;
	background: url(images/bullet.gif) no-repeat 0px 3px;
}

/*--------------END UNORDERED LIST--------------*/



/*--------------HIGHSLIDE SCRIPT-------------------*/


.highslide {
	cursor: url(highslide/graphics/zoomin_v.cur), pointer;
    /*outline: none;*/
}

.highslide-html {
    background-color: #000000;
}

.highslide-html-content {
	position: absolute;
    display: none;
}

.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	/*border: 2px solid gray;*/
}
.highslide:hover img {
	/*border: 2px solid white;*/
}

.highslide-image {
    /*border: 2px solid white;*/
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    /*border: 2px solid white;*/
    border-top: none;
    font-family:Arial, Helvetica, Verdana, sans-serif; font-size:10px; color:#FFFFFF;
    padding: 5px;
    background-color: black;
}
.highslide-loading {
    display: block;
	font-family:Arial, Helvetica, Verdana, sans-serif; font-size:10px; color:#FFFFFF;
	font-weight: bold;
    text-decoration: none;
	/*padding: 2px;*/
	/*border: 1px solid black;
    background-color: white;*/
    
    /*padding-left: 22px;*/
    background-image: url(highslide/graphics/loader_vj_72_2.gif);
    background-repeat: no-repeat;
    /*background-position: 10px 10px 10px 10px;*/
	background-position:0 2px;
	height:72px;
	width:70px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}

.highslide-overlay {
	display: none;
}

a.highslide-full-expand {
	background: url(highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}


/* Controlbar */
.controlbar {	
	background: url(highslide/graphics/controlbar_v.gif);
	/*default
	width: 167px;
	height: 34px;*/
	width: 123px;
	height: 30px;
}
.controlbar a {	
	display: block;
	float: left;
	/*margin: 0px 0 0 4px;*/	
	/*default
	height: 27px;*/
	height: 30px;
}
.controlbar a:hover {
	background-image: url(highslide/graphics/controlbar_v-hover.gif);
}
.controlbar .previous {
	/*width: 50px;*/
	width: 35px;
}
.controlbar .next {
	/*width: 40px;*/
	width: 27px;
	background-position: -35px 0;
}
.controlbar .highslide-move {
	/*width: 40px;*/
	width: 28px;
	background-position: -62px 0;
}
.controlbar .close {
	/*width: 36px;*/
	width: 33px;
	background-position: -90px 0;
}


/* Necessary for functionality */

.highslide-dimming {
	background: black;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

/*--------------END HIGHSLIDE SCRIPT-------------------*/