body {	
	background: #eaeaea url('/i/egg_shell.jpg') repeat 0 0;
	line-height: 1.5;
}

@font-face {
  font-family: "Nobel";
  src: url("/fonts/nobel.woff") format("woff");
  font-style: normal;
  font-weight: bold;
}
@font-face {
  font-family: "Nobel Light";
  src: url("/fonts/nobel-light.woff") format("woff");
  font-style: normal;
  font-weight: normal;
}

small { font-size: 80%; }	
big {font-size: 600%; font-family: "Nobel"; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { color: #777;}   

h1,h2,h3 { font-family: "Nobel Light", "Segoe UI Light","Roboto Lt",Arial; line-height: 1.2; }
h1 { font-size: 34px; line-height: 1.3; text-transform: uppercase; }
h1 b { font-family: "Nobel", "Segoe UI Light","Roboto Lt",Arial; }
h2 { font-size: 30px; font-weight:normal; }
h3 { font-size: 26px; font-weight:normal; }

blockquote { border-left-color: #DDDDDD; }
blockquote small { line-height: 1.4; }

label,
input,
button,
select,
textarea {
  line-height: 1.4;
}

/* COLOR */
a {color: #b46001; text-decoration:underline;}
a:hover {color: #ff8800;}

a.close, a.btn, .dropdown-menu a, .nav a {text-decoration:none;}

a.external { background: url("/i/extlink.png") no-repeat scroll right -2px transparent; padding-right: 18px; }
a.external:hover { background-position: right -50px; }

hr { border-top-color: #E5E5E5; }

.alert { color: #5f504b; }

.logo  {	
	margin: 0 auto 30px;
	background: url('/i/logo.png') no-repeat 0 center transparent;	
}
.logo a {
	display:block;
	margin: 0px;
	padding: 0px; 	
}
.logo, .logo a {
	width: 64px; height:40px;
}	

.nodata {
	padding: 100px 0;
	text-align: center;	
}

.hide { display:none!important;}


.title:before, .title:after {
    content: "";
    display: table;
    line-height: 0;
}
.title:after {
    clear: both;
}
.title h1 {
    float: left;
    font-size: 32px;
    font-weight: 100;
    line-height: 44px;
    margin: 39px 0 39px 89px;
    width: 400px;
}
.title .sub-heading {
    display: inline-block;
    float: right;
    margin: 44px 84px 44px 0;
    width: 360px;
	color: #777;
}

.section {
	margin: 0 90px 30px;
    padding: 4px 0 0;
}

#navigation {
    background: #FF9900;
    position: fixed;
    top: 40px;
    width: 201px;
    z-index: 151;
}
#navigation ul {
    margin: 0;
    overflow: hidden;
    padding: 0;
	border: medium none;
    list-style: none outside none;
    text-align: left;
}
#navigation li {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#navigation .section {
    padding: 45px 0;
	margin: 0;
}

#navigation .menu a {
    color: white;
    display: block;
	font-family: "Nobel Light", Roboto, Arial;
	text-transform: uppercase;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    height: 33px;
    line-height: 33px;
    padding: 0 10px 0 35px;
    position: relative;
	text-decoration: none;
}
#navigation .menu .active a {
    background-color: #f5f5f5;
	color: #000;
}
#navigation .menu a:hover {
    background-color: #EECC88;
	color: #000!important;
}

#page-body {
    background: none repeat scroll 0 0 white;
    margin-left: 168px;
    position: relative;
    width: 960px;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}

#footer {
    background: none repeat scroll 0 0 #414042;
	color: #919092;
    overflow: hidden;	
	position: relative;
	z-index:1;
}
#footer .navi, 
#footer .copyright
{font-size: .8em;}
#footer .small {font-size: 10px; line-height:12px; color: #555; }
.region-footer {
    padding: 60px 90px 90px;
}

.article {
    margin-bottom: 80px;
    position: relative;
}
.article-first {
	margin-top: 80px;
}
.two-col-content {
    float: left;
    padding-top: 4px;
    width: 538px;
}
.two-col-sidebar {
    float: left;
    margin-left: 25px;
    width: 214px;
	font-size: .8em;
}

.dropdown-menu {
	padding: 0px 0;
	-webkit-border-radius: 0px;
	 -moz-border-radius: 0px;
		  border-radius: 0px;	
}

.dropdown-menu li a { padding: 5px 20px; }
.dropdown-menu li > a:hover { color: #fff!important; }

.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
	background-image: none;    
	background-color: #FF9900;
	filter: none;
}
.dropdown-menu .active > a, .dropdown-menu .active > a:hover {
	background: #FF9900;
	color: #fff!important;
	text-decoration: none;
}

.section h2 {
    font-size: 36px;
    font-weight: 300;
    line-height: 36px;
    margin: 36px 40px 0 90px;
}
.section .overflow {
    margin: 24px 0 11px 90px;
    position: relative;
}
.section .overflow .edit-rel {
    top: 0;
}
.section .two-col-content {
    background: none repeat scroll 0 0 transparent;
    padding-top: 0;
}
.section .block { padding-bottom: 2em; }
.section .block h3 { margin-top: 0; }
.section-person {
    float: left;
    margin-right: 68px;
    position: relative;
    width: 214px;
}
.section-person img {
    margin-bottom: 26px;
}
.overflow .section-person .edit-rel {
    top: 20px;
}
.opa50 { opacity:.5;}
.hide { display:none!important; }

.our-projects {}
.our-projects .project {float:left; margin:0 30px 30px 0;}

.nmt { margin-top: 0!important; }
.nml { margin-left: 0!important; }

.main-img {
    width:100%; 
    height:30vh; 
    min-height: 200px; 
    max-height: 300px; 
    background-position-x: 50%;
    background-position-y: 50%;
    background-size: cover;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
}
.main-img-about { background-image: url(/i/about.jpg); }
.main-img-partners { background-image: url(/i/partners.jpg); }
.main-img-wholesaler { background-image: url(/i/wholesaler.jpg); }
.main-img-service { background-image: url(/i/install.jpg); }

.main-img-admonter { background-image: url(/i/brand/admonter.jpg); }
.main-img-bolefloor { background-image: url(/i/brand/bolefloor.jpg); }
.main-img-bona { background-image: url(/i/brand/bona.jpg); }
.main-img-coswick { background-image: url(/i/brand/coswick.jpg); }
.main-img-egger { background-image: url(/i/brand/egger.jpg); }
.main-img-esco { background-image: url(/i/brand/esco.jpg); }
.main-img-karelia { background-image: url(/i/brand/karelia.jpg); }
.main-img-magnum { background-image: url(/i/brand/magnum.jpg); }

#arrow {
	width: 69px; height: 69px;
	position:absolute;
	z-index:1;
	left: 565px; top:-25px;
	background: url('/i/arrow.png') no-repeat 0 0 transparent;
}

/* Large desktop */
@media (max-width: 1150px) {
	#navigation {
		left: 0;
		top: 0;
		margin: 0 auto;
		overflow: hidden;
		position: relative;
		width: 960px;
	}
	
	.ui-ios #navigation, .ui-ios #page-body { width: 100%; }
	
	#navigation .menu li { display: table-cell; width: 13%; }
	#navigation .menu a { text-align: center; padding: 0 10px;  }
	#navigation .section { padding: 10px 0 0; }
	#page-body { margin: 0 auto; }
	.logo { margin: 10px 30px 10px; }
	.region-footer { padding: 30px; }
	big { font-size: 500%;}
}
@media (max-width: 980px) { 
	/*#navigation, #page-body { width: 760px; }*/
	#navigation, #page-body { width: 100%; }
	#carousel-main .item-big, #carousel-main .item-big .item {width:100%!important;}	
	#carousel-main .item-small, #carousel-main .item-middle { display:none;}
	#carousel-main .item-small.last { position: absolute; right:20px; top:20px; display:block;}
	
	#navigation .menu a { font-size: 12px; }
	.title h1 { margin: 20px 0px 20px 30px; width: 340px; line-height: 1.2; }
	.title .sub-heading { margin: 20px 20px 20px 0; }
	.article { margin-bottom: 40px; }
	.article-first { margin-top: 40px; }
	.section { margin: 0 30px 30px; }
	.brand-logo { display:none;}
	/*
	.two-col-content { width:450px; }
	.two-col-sidebar { width:214px; }
	*/
	.two-col-content { width:70%; }
	.two-col-sidebar { width:25%; margin-left:5%; }
	.title .sub-heading  {width:45%;}
	big { font-size: 400%;}
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) { 
	
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
	/*#navigation, #page-body { width: 90%; }*/
	/*#navigation, #page-body { width: 641px; }*/
	#navigation .menu a { font-size: 10px; }
	.title h1, 
	.title .sub-heading,
	.two-col-content,
	.two-col-sidebar
	{ width: auto; }
	.title h1 { margin: 20px 30px; font-size: 26px; }
	.two-col-sidebar { margin: 20px 0; border-left: 7px solid #eaeaea; padding: 0 30px; }
	.title .sub-heading { float: none; margin: 0 30px 30px; }	
	big { font-size: 250%;}
	div.span6 {width:100%!important;}
}

@media (max-width: 670px) { 
	/*#navigation, #page-body { width: 90%; }*/
	#arrow {display:none;}
}	
/* Landscape phones and down */
@media (max-width: 480px) { 
	#navigation .menu li { display: block; width: 100%; }
	#navigation .menu a { font-size: 14px; }
}