/* Fonts */

@font-face {
    font-family: font1;
    src: url('fonts/Roboto-Regular.ttf');
}

@font-face {
    font-family: font2;
    src: url('fonts/Roboto-Bold.ttf');
}

/* links */

a:link {
	color: #666;
	text-decoration:none;
}
a:visited {
	color: #666;
}
a:hover {
	color: #888;
	}
a:active {
	color: #666;
}
			
/* classes layout*/

.main{
	float:none;
	margin:auto;
	width: 900px; 
	height:auto;}

.kouti_top {
	float:none;
	width: 900px;
	height:120px;
	background-color:#f2ede9;
}			
			
.kouti_bottom {
	float: left;
	margin-top:5px;
	width: 900px;
	height:60px;
	background-color:#f2ede9;
}
		
.header{
	float:right;
	padding-right:10px;
	padding-top:15px;
	font-family:font1;
	font-size:15px;
	text-align:right;}
	
	
.logo{
	float:left;
	padding-left:15px;
	padding-top:15px;}	
	
.works{
		margin-top:50px;
		margin-bottom:50px;
		}
	
	.gallery{
		margin-bottom:50px;
		}
	
/* classes text*/

.text{
		font-family:font1;
		font-size:15px;
		text-align:left;
		line-height:120%;
		margin-left:250px;
		margin-right:250px;
		margin-top:50px;
		margin-bottom:50px;
		}
.textcenter{
		font-family:font1;
		font-size:15px;
		text-align:center;
		line-height:120%;
		margin-left:250px;
		margin-right:250px;
		margin-top:50px;
		margin-bottom:50px;
		}

.copyright{
		font-family:font1;
		font-size:12px;
		font-style:normal;
		font-weight:normal;
		text-align:center;}
		
.navmenu{
		font-family:font1;
		font-size:15px;
		font-style:normal;
		font-weight:normal;
		text-align:center;}
		
		.navmenuright{
		font-family:font1;
		font-size:15px;
		font-style:normal;
		font-weight:normal;
		text-align:right;}
		
		.navmenuleft{
		font-family:font1;
		font-size:15px;
		font-style:normal;
		font-weight:normal;
		text-align:left;}
		

/* id*/		

/* span */

span.activelink{
	font-family:font1;
	font-size:15px;
	color: #999;
}	
	
span.bold{font-family:font2;
		font-size:15px;}