@import url(http://fonts.googleapis.com/css?family=PT+Sans:400, 700, 400italic);

html, body {
	margin:0;
	padding:0;
}

html, body {
	position:relative;
	width:100%;
	height:100%;
}

h1, h2, h3, p, ul, li {
	margin:0;
	padding:0;
}

ul, ul li {
	list-style:none;
}

body {
	font-family:"PT Sans", sans-serif;
	font-size:12px;
	line-height:17px;
	font-weight:400;
	position:relative;
	color:#221f1f;
	/*overflow:hidden;*/
	background-color:#fff;
}

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

div.logo {
	position:fixed;
	top:0;
	left:0;
	display:inline-block;
	width:120px;
	height:300px;
	z-index:2;
}

div.logo a {
	margin-left:29px;
	margin-top:45px;
	display:inline-block;
	width:62px;
	height:220px;
	overflow:hidden;
	text-indent:-400px;
	background-position:top left;
	background-image:url(../images/ciril_jazbec_logo.png);
	background-size:58px 206px;
	background-repeat:no-repeat;
}

div.container {
	position:relative;
	width:100%;
}

div.nav-bar {
	display:block;
	width:100%;
	position:relative;
	display:block;
	clear:both;
	float:none;
	padding-top:50px;
}

div.nav-bar .main {
	margin-left:120px;
	display:inline-block;
	height:30px;
	line-height:30px;
}

div.nav-bar .main ul {
	overflow:hidden;
	clear:both;
	float:none;
	height:30px;
	line-height:30px;
}

div.nav-bar .main ul li {
	height:30px;
	line-height:30px;
	float:left;
	margin-right:5px;
	display:inline-block;
}

div.nav-bar .main ul li:after {
	margin-left:5px;
	content:"\2014";
}

div.nav-bar .main ul li:last-child:after {
	content:"";
}

div.nav-bar .main ul a {
	text-transform:uppercase;
}

div.nav-bar .main ul a.selected {
	font-weight:700;
}

div.nav-bar .display-bar {
	margin-right:40px;
	display:inline-block;
	position:absolute;
	top:55px;
	right:0;
}

div.nav-bar .display-bar ul {
	height:30px;
	line-height:30px;
}

div.nav-bar .display-bar ul li {
	float:left;
	height:30px;
	line-height:30px;
	margin-left:2px;
}

div.nav-bar .display-bar ul li a.gridview, div.nav-bar .display-bar ul li a.flowview {
	width:9px;
	height:8px;
	background-image:url(../images/display_icons.png);
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:18px;
	text-indent:-300px;
	display:inline-block;
	overflow:hidden;
}

div.nav-bar .display-bar ul li a.flowview {
	background-position:-9px 0;
}

div.nav-bar .display-bar ul li a.gridview.selected, div.nav-bar .display-bar ul li a.gridview:hover {
	background-position:0 -8px;
}

div.nav-bar .display-bar ul li a.flowview.selected, div.nav-bar .display-bar ul li a.flowview:hover {
	background-position:-9px -8px;
}

.content {
	text-align:left;
}

.content p {
	margin-bottom:10px;
	text-align:left;
}

.content hr {
	display:inline-block;
	width:0;
	height:0;
	clear:both;
	float:none;
}

.content hr:after {
	color:#000;
	content:"-";
}

.regular-content {
	margin-left:120px;
}

.regular-content.about {
	-moz-column-count:3;
	-webkit-column-count:3;
	column-count:3;
	column-gap:20px;
	-moz-column-gap:20px;
	-webkit-column-gap:20px;
}

.regular-content.projects {
	 
}

.regular-content.about, .regular-content.projects {
	max-width:850px;
}

.regular-content.projects p {
	display:block;
	clear:both;
	width:100%;
	font-style:italic;
}

.regular-content.projects p:after {
	display:block;
	width:100%;
	content:"\2014";
}

.regular-content.projects h2 {
	font-size:12px;
	font-weight:700px;
}

.content {
	display:block;
	width:100%;
	height:100%;
	overflow:auto;
	overflow-x:auto;
	/*overflow-y:hidden;
	-ms-overflow-y:hidden;*/
}

.content .regular-content.project {
	display:table;
	width:100%;
	border-collapse:collapse;
	height:100%;
}

.content .regular-content.project .project-inner-wrap {
	display:table;
	table-layout:fixed;
	height:100%;
}

.content .regular-content.project .project-inner-wrap ul {
	display:table-row;
	vertical-align:top;
	height:100%;
}

.content .regular-content.project .project-inner-wrap ul li {
	display:table-cell;
	vertical-align:top;
	height:100%;
}

.content .regular-content.project .project-inner-wrap ul li .project-wrap {
	display:block;
	position:relative;
	overflow:hidden;
	height:100%;
}

.content .regular-content.project .project-inner-wrap ul li .project-wrap img {
	/*height:500px;*/
}

.content .regular-content.project .project-inner-wrap ul li .project-wrap .details {
	padding-left:30px;
	padding-top:10px;
}

.content .regular-content.project .project-inner-wrap ul li .project-wrap .details h3 {
	display:inline-block;
	float:left;
}

.content .regular-content.project .project-inner-wrap ul li .project-wrap .details h3:before {
	content:"\2014";
	margin-right:5px;
}

.content .regular-content.project .project-inner-wrap ul li .project-wrap .details h3:after {
	margin-left:5px;
	content:"\2014";
	margin-right:5px;
}

.content .regular-content.project .project-inner-wrap li.intro .project-wrap {
	width:850px;
}

.content .regular-content.project .project-inner-wrap li.intro .project-wrap p {
	padding-right:20px;
	-moz-column-count:3;
	-webkit-column-count:3;
	column-count:3;
	column-gap:20px;
	-moz-column-gap:20px;
	-webkit-column-gap:20px;
}

.content .regular-content.project-grid {
	margin:0;
}

.content .regular-content.project-grid .grid {
	white-space:nowrap;
	margin:0;
	padding:0;
}

.content .regular-content.project-grid .grid .item {
	float:left;
	width:20%;
	white-space:nowrap;
	/*overflow:hidden;*/
	margin:0;
	padding:0;
	display:inline-block;
	margin-bottom:-5px;
}

.content .regular-content.project-grid .grid .item img {
	padding:0;
	margin:0;
	width:100%;
	white-space:nowrap;
}

body .container .content .regular-content.columns-3, body .container .content .regular-content .project-inner-wrap .intro .project-wrap p {
	-moz-column-count:3;
	-webkit-column-count:3;
	column-count:3;
}

body .container .content .regular-content.columns-2, body .container .content .regular-content.columns-2 .project-inner-wrap .intro .project-wrap p {
	-moz-column-count:2;
	-webkit-column-count:2;
	column-count:2;
}

body .container .content .regular-content.columns-1, body .container .content .regular-content.columns-1 .project-inner-wrap .intro .project-wrap p {
	-moz-column-count:1;
	-webkit-column-count:1;
	column-count:1;
}

.comment
        {
            display:none;
            position:absolute;  
            font-family:"PT Sans", sans-serif;
            font-weight: 400; 
            top: 10px;
            left: 10px;
            
            /*width:550px;
            top:200px;
            left:150px;
            */
            
            text-align: center;
            color: white;
            font-size: 12px;
            font-style: italic;
            line-height: 24px;
            /*background: #4A4D4A; */
            text-transform: uppercase;
            padding: 10px;  
                
        }

.button {
	color: #000;
	text-decoration: none;
	margin-right: 10px;
	
	/*
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	*/
	
	-webkit-box-shadow: 0 1px 0px rgba(255,255,255,0.1) inset, 0 0px 1px rgba(0,0,0,0.7);
	-moz-box-shadow: 0 1px 0px rgba(255,255,255,0.1) inset, 0 0px 1px rgba(0,0,0,0.7);
	box-shadow: 0 1px 0px rgba(255,255,255,0.1) inset, 0 0px 1px rgba(0,0,0,0.7);
	
	background: #FFF;
	border: 1px solid #000;
	padding: 10px 25px;
}

.button:active, .button:focus {
	box-shadow: 0 0 0 transparent inset;
}