* {
margin : 0;
padding : 0;
}

@font-face { font-family: Diavlo; src: url(fonts/Diavlo_medium.otf) format("opentype") }

@font-face { font-family: Karabine; src: url(fonts/karabine.ttf) format("opentype") }


body {
	margin : 0;
	padding : 0;
	cursor: default;
	line-height: 20px;
}

/* DESIGN */	
#container{
	margin: 0 auto;
	width:960px;
	text-align: left;
}
		
#wrap{
	position: absolute;
	width:960px;
	margin: 0px;
}

#wrap2{
	position: absolute;
	width:960px;
	top: 170px;
	margin: 0px;
}

.box{
	position: relative;
	float: left;
	width:560px;
	top: 0px;
	left: 150px;
	margin: 0px;
}
	
#left{
	position: relative;
	float: left;
	width: 220px;
	margin-top: 150px;
	padding-top: 0;
	background-color: transparent;
}	

#left.fixed-column {position:fixed;width:220px;height:720px!important;z-index:100;text-align:center;}
	
#main{
	position: relative;
	float: left;
	width: 500px;
	left: 230px;
	background-color: transparent;
}	

.home {margin:150px 0 0 0;background:transparent;width:500px!important;border: 0px;height:auto!important;height:400px;min-height:400px;}
.home-bottom {background:transparent;width:500px;height:170px;padding:0 0 150px 0;}

.portfolio {margin:150px 0 0 0;background:transparent;width:500px!important;border: 0px;height:auto!important;height:400px;min-height:400px;}
.portfolio-bottom {background:transparent;width:500px;height:170px;padding:0 0 150px 0;}

.about {margin:150px 0 0 0;background:transparent;width:500px!important;border: 0px;height:auto!important;height:400px;min-height:400px;}
.about-bottom {background:transparent;width:500px;height:170px;padding:0 0 150px 0;}

.contact {margin:150px 0 0 0;background:transparent;width:500px!important;border: 0px;height:auto!important;height:400px;min-height:400px;}
.contact-bottom {background:transparent;width:500px;height:100px;padding:0px;}
.contact p span {color:#d14b3f;font-family: Diavlo;font-size: 13pt;}
	
#footer{
	position: relative;
	clear: both;
	top: 100px;
	border-top: 2px solid #e7c55a;
	font-family: Diavlo;
	font-size: 10pt;
	color: #333;
	text-transform:uppercase; 
	padding: 10px;
}	

#footer .bottom-left {
	font-size: 10pt;
	font-weight:bold;
	float: left;
	padding-left: 5px;		
}
#footer .bottom-right {
	font-size: 10pt;
	font-weight:bold;
	text-align: right;
	padding-right: 0;
}
/* DESIGN */		
	

	
	
	
/* SZÖVEG, LINK STÍLUSOK */

/*************************************************
/*navigation*/
/*************************************************/
ul#nav {list-style-type:none;margin:10px 0;padding:0;text-align:center;font-family: Diavlo,"Myriad Web Pro","Myriad Pro";font-size: 6pt;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);}
ul#nav li {font-size:300%;line-height:30px;padding:7px 0;margin:0;}
ul#nav li a:link,ul#nav li a:visited {color:#9a9a9a;text-decoration:none;}
ul#nav li a:hover,ul#nav li a:active {color:#d14b3f;text-decoration:none; border-bottom: 2px solid #e7c55a;}


h1{
	font-family: Karabine,"Garamond";
	font-size: 55pt;
	color: #d33027;
	line-height: 60px;
	text-transform: capitalize;
	text-decoration: none;
	font-variant: normal;
	font-weight: normal;
	padding-bottom: 10px;
	}
	
h2{border: 1px solid #ddd; margin-top: 25px; margin-bottom:25px;}

b {color: #444;}
i {color: #222;}

P, DIV, TD, SPAN {
	font-size: 8pt;
	font-style:normal;
	}

img {border: none;}

p#big{
	font-family: Diavlo,"Myriad Web Pro","Myriad Pro";
	font-size: 16pt;
	color: #666;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	line-height: 30px;
	text-align: justify;
	font-variant: normal;
	font-weight: normal;
	}

p{
	font-family: Diavlo,"Myriad Web Pro","Myriad Pro";
	font-size: 13pt;
	color: #666;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	line-height: 30px;
	text-align: justify;
	font-variant: normal;
	font-weight: normal;
	}

A {text-decoration: none; font-weight: normal;}
a:link { color: #333333}
a:visited { color: #333333;}     
a:hover { color: #d14b3f; }
a:active {color: #d14b3f;}
/* SZÖVEG, LINK STÍLUSOK */