html {
    background-color:#514030;
    height: 100%;
    font-family: Arial, Helvetica, sans-serif;
    color:#fff;
}

body{
    margin:auto;
    height: 100%;
    width: 100%;
}

aside{
	clear: both;
}

h1{
	font-size:24px
}
h2{
	font-size:20px
}

a{
	color:#fff;
}

.homeImageWrapper{
   

}
header{
    border-bottom:1px solid #fff;
    height:60px;
}
.companyName{
    width:40%;
    float:left;
    font-size:30px;
    color:#fff;
    margin-top:22px;

}
.numberMenu{
	float:right;
}


.numberMenu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.numberMenu li{
    float: left;
	background-color: #685441;
	margin:2px;
}

.numberMenu li a{
    display: inline-block;
    color: white;
    text-align: center;
    padding: 7px 10px;
    text-decoration: none;
}
.numberMenu li a:hover{
    background-color: #847464;
}
.mainMenu{
    width:50%;
    float:right;
    margin-top:28px;

}

.menu{
    
}
.menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.menu li{
    float: left;
}

.menu li a{
    display: inline-block;
    color: white;
    text-align: center;
    padding: 7px 10px;
    text-decoration: none;
}
.menu li a:hover{
    background-color: #685441;
}

.homemenu {    
	margin-top: 50px;
}

.homemenu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.homemenu ul li{
   text-align:right;
}

.homemenu ul li a{
    display: inline-block;
    color: white;
    text-align: center;
    padding: 7px 10px;
    text-decoration: none;
	background-color: #685441;
	margin:2px;
	width: 200px;
}
.homemenu ul li a:hover{
    background-color: #3a2c21;
}


.submenuwrapper{
	clear:both;
	width:100%;
	height:50px;
	
}
.submenu{ 
	float:right;
	
}

.submenu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.submenu li{
    float: left;
}
.submenu li a{
    display: inline-block;
    color: white;
    text-align: center;
    padding: 7px 10px;
    text-decoration: none;
}
.submenu li a:hover{
    background-color: #685441;
}

.interiorPage{
    background-image: url('images/homeBackground.jpg');
    background-repeat:no-repeat;
    width:1000px;
}
.interiorProcessPage{
    background-image: url('images/processBackground.jpg');
    background-repeat:no-repeat;
    width:1000px;
}
.center{
    text-align:center;
}
section {
    display: -webkit-flex;
    display: flex;
  }
  
  section.bottom{
	      display: block;
  }

  .flex2{
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
  }
  .LeftSide{
    padding-left:0px;
  }

  aside {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 20px;
	padding-top:0px;
  }
 
  article {
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
    padding: 20px;
	padding-bottom:0px;
	padding-top:0px;
  }
  h1{
	  margin-top:0px;
  }
  .flexHalfWidth{
	 -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
    padding: 20px;
  }

.homeImage{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    text-align: center;
	width:1000px;
	height:600px;
	background-image:url('/images/home.jpg');
    
}

.homesubmenu{
	margin-top: 435px;
}



/*---Portfolio---*/
.PortfolioImage{
	
	width: 530px;
}

.portfolioTextBackground{
	background-color: #685441;
	padding:5px;
	font-size:14px;
}


.PortText{
	max-width:250px;
	float:left;
}

.PortImage{
	float:right;
	margin-top:20px;
}




/*--------------Mobile-------------*/

@media (max-width: 767px) {
    .interiorPage { max-width:100%; }
	.companyName {width:100%; margin-top:5px;}
	.mainMenu {width:100%;}
	.submenu {float:left;}
	section{display:block;
	padding:20px;}
	header{
		padding:10px;
	}
	
	.interiorPage header {border-bottom:0px;}
	.interiorPage .mainMenu{  border-bottom: 1px solid #fff;}
	.submenuwrapper{margin-left:10px;}
	.homeImage { 
		max-width:100%; 
	    height: 600px;
        background-repeat: no-repeat;
		margin:unset;
		}
	.homemenu { margin-top: 0px;}
	.mainMenu{
		margin-top:5px;
	}
	    .homeImageWrapper .submenu {
       margin-top: 200px;
    }
	.PortfolioImage{
		max-width:100%
	}
	
	
	.PortText{
		max-width:100%;
		float:none;
	}

	.PortImage{
		float:none;
		margin-top:20px;
	}

}

.portfolioImage{
	opacity:1;
}

.portfolioImage:hover{
	opacity:0.8;
}
.FurnitureCollection td {
padding:5px;
vertical-align: top
}

.FurnitureCollection h2{
	padding-top:0px;
	margin-top:0px;
}

.FurnitureCollection td img{
    display: block;
    margin-left: auto;
    margin-right: auto;

}



/* ----------------------------------------------------------------
	Flex Slider
-----------------------------------------------------------------*/

.flex-direction-nav{
	text-align:center;
}

.flex-nav-prev, .flex-nav-next{
	display: inline-block;
	background-color: #685441;
	margin:5px;
	padding:7px 10px;
	font-size:20px;
	font-weight:bold;
}

.flex-nav-prev:hover, .flex-nav-next:hover{
	  background-color: #847464;
}


.fslider,
.fslider .flexslider,
.fslider .slider-wrap,
.fslider .slide,
.fslider .slide > a,
.fslider .slide > img,
.fslider .slide > a > img {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
}

.fslider.h-100 .flexslider,
.fslider.h-100 .slider-wrap,
.fslider.h-100 .slide {
	height: 100% !important;
}

.fslider {
	min-height: 32px;
}


.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
	outline: none;
	border: none;
}

.slider-wrap,
.flex-control-nav,
.flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
}

.flexslider {
	position: relative;
	margin: 0;
	padding: 0;
}

.flexslider .slider-wrap > .slide {
	display: none;
	-webkit-backface-visibility: hidden;
}

.flexslider .slider-wrap img {
	width: 100%;
	display: block;
}

.flex-pauseplay span {
	text-transform: capitalize;
}

.slider-wrap::after {
	content: "\0020";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .slider-wrap {
	display: block;
}

* html .slider-wrap {
	height: 1%;
}

.no-js .slider-wrap > .slide:first-child {display: block;}

.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}




/* Flex Slider - Navigation
-----------------------------------------------------------------*/

.nav-offset .flex-prev,
.nav-offset .flex-next {
	border-radius: 3px;
}

.nav-offset .flex-prev {
	left: 20px;
}

.nav-offset .flex-next {
	right: 20px;
}

.nav-circle .flex-prev,
.nav-circle .flex-next {
	border-radius: 50%;
}

.nav-solid .flex-prev,
.nav-solid .flex-next {
	opacity: 1;
	background-color: #FFF;
}

.nav-solid .flex-prev:hover,
.nav-solid .flex-next:hover {
	background-color: #333 !important;
}

.nav-solid .flex-prev:not(:hover) i,
.nav-solid .flex-next:not(:hover) i {
	color: #444;
	text-shadow: none;
}


.nav-size-sm .flex-prev,
.nav-size-sm .flex-next {
	width: 32px;
	height: 32px;
}

.nav-size-sm .flex-prev i,
.nav-size-sm .flex-next i {
	line-height: 32px;
	font-size: 1.5rem;
}

.fslider[class*="nav-pos-"] .flex-prev,
.fslider[class*="nav-pos-"] .flex-next {
	position: relative;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 5px;
	transform: none;
}

.fslider.nav-size-sm[class*="nav-pos-"] .flex-prev,
.fslider.nav-size-sm[class*="nav-pos-"] .flex-next {
	margin: 0 3px;
}

.fslider[class*="nav-pos-"] .flex-direction-nav {
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	width: 100%;
}

.nav-pos-top .flex-direction-nav,
.nav-pos-top-left .flex-direction-nav,
.nav-pos-top-right .flex-direction-nav {
	top: 20px;
	left: 0;
}

.nav-pos-bottom .flex-direction-nav,
.nav-pos-bottom-left .flex-direction-nav,
.nav-pos-bottom-right .flex-direction-nav {
	top: auto;
	bottom: 20px;
}

.nav-pos-top-left .flex-direction-nav,
.nav-pos-bottom-left .flex-direction-nav {
	width: auto !important;
	left: 16px;
}

.nav-pos-top-right .flex-direction-nav,
.nav-pos-bottom-right .flex-direction-nav {
	width: auto !important;
	left: auto;
	right: 16px;
}


/* Flex Slider - Pagination & Thumbs
-----------------------------------------------------------------*/

.fslider[data-animation="fade"][data-thumbs="true"] .flexslider,
.fslider.testimonial[data-animation="fade"] .flexslider { height: auto !important; }

.flex-control-nav {
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	align-items: center;
	justify-content: center;
	width: auto;
	z-index: 10;
	text-align: center;
	top: 14px;
	right: 10px;
	margin: 0;
}

.flex-control-nav li {
	display: block;
	margin: 0 3px;
	width: 0.625rem;
	height: 0.625rem;
}

.flex-control-nav li a {
	display: block;
	cursor: pointer;
	text-indent: -9999px;
	width: 100% !important;
	height: 100% !important;
	border: 1px solid #FFF;
	color: transparent;
	border-radius: 50%;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
}

.flex-control-nav li:hover a,
.flex-control-nav li a.flex-active {
	background-color: #FFF;
}


.control-solid .flex-control-nav li a {
	border: none;
	background-color: #FFF;
}

.control-solid .flex-control-nav li:hover a,
.control-solid .flex-control-nav li a.flex-active {
	background-color: #1ABC9C;
}


.control-square .flex-control-nav li a {
	border-radius: 3px;
}

.control-diamond .flex-control-nav li a {
	border-radius: 3px;
	transform: rotate(45deg);
}


/* Flex Slider: Pagination Positions
-----------------------------------------------------------------*/

.control-offset-lg .flex-control-nav {
	top: 24px;
	right: 20px;
}

.control-pos-top-left .flex-control-nav,
.control-pos-bottom-left .flex-control-nav {
	left: 10px;
	right: auto;
}

.control-offset-lg.control-pos-top-left .flex-control-nav,
.control-offset-lg.control-pos-bottom-left .flex-control-nav {
	left: 20px;
}

.control-pos-bottom-right .flex-control-nav,
.control-pos-bottom-left .flex-control-nav,
.control-pos-bottom .flex-control-nav,
.control-pos-bottom .flex-control-nav {
	top: auto;
	bottom: 14px;
}

.control-offset-lg.control-pos-bottom-right .flex-control-nav,
.control-offset-lg.control-pos-bottom-left .flex-control-nav,
.control-offset-lg.control-pos-bottom .flex-control-nav,
.control-offset-lg.control-pos-bottom .flex-control-nav {
	bottom: 24px;
}

.control-pos-bottom .flex-control-nav,
.control-pos-bottom .flex-control-nav,
.control-pos-top .flex-control-nav,
.control-pos-top .flex-control-nav {
	width: 100%;
	right: 0;
}


.control-size-lg .flex-control-nav li {
	width: 0.9325rem;
	height: 0.9325rem;
	margin: 0 5px;
}

/* Flex Slider: Thumbs
-----------------------------------------------------------------*/

.flex-control-nav.flex-control-thumbs {
	position: relative;
	justify-content: left;
	top: 0;
	left: 0;
	right: 0;
	margin: 2px -2px -2px 0;
	height: auto;
}

.flex-control-nav.flex-control-thumbs li { margin: 0 2px 2px 0; }

.flex-control-nav.flex-control-thumbs li img {
	cursor: pointer;
	text-indent: -9999px;
	border: 0;
	border-radius: 0;
	margin: 0;
	opacity: 0.5;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.flex-control-nav.flex-control-thumbs li,
.flex-control-nav.flex-control-thumbs li img {
	display: block;
	width: 100px !important;
	height: auto !important;
}

.flex-control-nav.flex-control-thumbs li:hover img,
.flex-control-nav.flex-control-thumbs li img.flex-active {
	border-width: 0;
	opacity: 1;
}


/* FlexSlider: Thumbs - Flexible
-----------------------------------------------------------------*/

.fslider.flex-thumb-grid .flex-control-nav.flex-control-thumbs {
	margin: 2px -2px -2px 0;
	height: auto;
	display: flex;
	flex-wrap: wrap;
}

.fslider.flex-thumb-grid .flex-control-nav.flex-control-thumbs li {
	flex-shrink: 0;
	flex: 0 0 auto;
	max-width: 100%;
	height: auto !important;
	margin: 0;
	padding: 0 2px 2px 0;
}

.fslider.flex-thumb-grid .flex-control-nav.flex-control-thumbs li {
	width: 25% !important;
}

.fslider.flex-thumb-grid.grid-3 .flex-control-nav.flex-control-thumbs li {
	width: 33.333333% !important;
}

.fslider.flex-thumb-grid.grid-5 .flex-control-nav.flex-control-thumbs li {
	width: 20% !important;
}

.fslider.flex-thumb-grid.grid-6 .flex-control-nav.flex-control-thumbs li {
	width: 16.666666% !important;
}

.fslider.flex-thumb-grid.grid-8 .flex-control-nav.flex-control-thumbs li {
	width: 12.5% !important;
}

.fslider.flex-thumb-grid.grid-10 .flex-control-nav.flex-control-thumbs li {
	width: 10% !important;
}

.fslider.flex-thumb-grid.grid-12 .flex-control-nav.flex-control-thumbs li {
	width: 8.333333% !important;
}

.fslider.flex-thumb-grid .flex-control-nav.flex-control-thumbs li img {
	width: 100% !important;
	height: auto !important;
}
