html {
	background: #000;
	margin: 0px;
	padding: 0px;
}

body {
	background: #fff;
	margin: 0 auto;
}

.container-fluid {
	margin: 0px;
	padding: 0px;
}

.container {
	position: relative;
	margin: 0 auto; 
	max-width: 100%;
	w/idth: 100% !important;
}

@media (min-width: 600px) { .container { width: 100%; } }
@media (min-width: 768px) { .container { width: 98%; } }
@media (min-width: 992px) { .container { width: 98%; } }
@media (min-width: 1200px) { .container { width: 1170px; } }

.background-white {
background: white;
padding: 50px 0;
color: #000 !important;
}

.background-black {
background: black;
padding: 50px 0;
color: #fff !important;
}

.background-dark {
background: #262626;
padding: 50px 0;
color: #fff !important;
}

.background-dark a {
color: #fff !important;
}
.background-dark a:hover {
color: #ccc !important;
}

.background-logo-darkblue {
background: #002c4f;
padding: 50px 0;
color: #fff !important;
}

.background-logo-blue {
background: #014073;
padding: 50px 0;
color: #fff !important;
}

.background-logo-lightblue {
background: #008aff;
padding: 50px 0;
color: #fff !important;
}

.background-wheat {
background: wheat;
p/adding: 50px 0;
color: #000 !important;
}

.background-papayawhip {
background: papayawhip;
p/adding: 50px 0;
color: #000 !important;
}

.less-padding {
padding: 20px 0;
}

.black-divider {
	clear:both;
	background: #000;
	height: 2px;
}

.large-black-divider {
	clear:both;
	background: #000;
	background: #aaa;
	padding: 2px 0;
	color: #fff;
	font-size: 125%;
	text-align: center;
}

.target_large { display: block; }
.target_small { display:none; }

@media screen and (max-width: 768px) {
	.target_large { display: none; }
	.target_small { display:block; }
}

.hide_if_small { display:block; }
.show_if_small { display:none; }

@media screen and (max-width: 768px) {
	.hide_if_small { display:none; }
	.show_if_small { display:block; }
}

.large { display: block !important ;}
.small { display: none !important; }

@media screen and (max-width: 767px) {
  .large { display: none !important; }
  .small { display: block !important; }
}

h1.title {
font-size: 200%;
margin-top: 0px;
margin-bottom: 0px;
color: gray;
}

h1, h2, h3 {
	margin-top: 0px;
	margin: 10px 0 20px 0;
	margin: 20px 0;
	font-family: serif;
	font-family: Oswald;
	font-family: Lato;
	font-family: 'Roboto Condensed';
}

h1 { font-size: 350%; }
h2 { font-size: 300%; }
h3 { font-size: 200%; }
h4 { font-size: 125%; }

@media screen and (max-width: 600px) {
h1 { font-size: 200%; }
h2 { font-size: 175%; }
h3 { font-size: 150%; }
h4 { font-size: 110%; }
}

.s/itemap h3 { margin: 0px 0px 10px 0px; }

a.navbar-brand {
color: #fff;
background: black;
font-size: 200%;
}

img {
	-webkit-box-sizing: border-box; /* to contain padding */
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.addborder {
	border: 0px solid silver;
}

.nopadding {
	margin: 0px;
	padding: 0px;
}

.padding10 { 
	padding: 5px; 
	text-align: center;
}

.padding20 { 
	padding: 10px; 
	text-align: center;
}

.padding40 { 
	padding: 20px; 
	text-align: center;
}

.ninety {
	max-width: 90%;
	text-align: center;
	margin: 10px auto;
}

.eighty {
	max-width: 80%;
	text-align: center;
	margin: 10px auto;
}

.seventy {
	max-width: 70%;
	text-align: center;
	margin: 10px auto;
}

.sixty {
	max-width: 60%;
	text-align: center;
	margin: 10px auto;
}

/* CLOSE DISPLAY TABLE OUTER/INNER */

/* ******************************************************************* */

.border-bottom {
	border-bottom: 1px solid black; 
	border-bottom: 1px solid #ddd; 
}

.border-top {
	border-top: 1px solid black; 
}

h1.highlight, h2.highlight, h3.highlight {
	border-bottom: 2px solid silver;
	width: 90%;
}

h1._highlight100, h2.highlight100, h3.highlight100 {
	border-bottom: 2px solid silver;
	width: 100%;
}

/* DEFAULT PADDING */
article {
  padding: 20px;
}
article h3 {
  margin-bottom: 10px;
	text-align: left !important;
	border-bottom: 2px solid #aaa;
	width: 90%;
}


.banner article {
	padding: 40px; 
	padding: 20px 40px;
}

.sofa-page article {
	padding: 0px 40px; 
	c/olor: #000;
}


@media screen and (max-width: 768px) {
}

.hide {
	display:none;
}

/* fancy dividers */

hr.style28 {
  border: none;
  height: 35px;
  w/idth: 50px;
  margin:0px auto;
  background: url(../images/graphics/tsc_divider1.png) no-repeat scroll center transparent;
  padding: 6px 0px;
  max-width: 100%;
display:none;
}

hr.style33 {
  border: none;
  height: 35px;
  w/idth: 50px;
  margin:0px auto;
  background: url(../images/graphics/tsc_divider6.png) no-repeat scroll center transparent;
  padding: 6px 0px;
  max-width: 100%;
}

hr.style35 {
  border: none;
  height: 35px;
  w/idth: 50px;
  margin:0px auto;
  background: url(../images/graphics/tsc_divider8.png) no-repeat scroll center transparent;
  padding: 6px 0px;
  max-width: 100%;
}

/* <hr class='style35' /> */

.about-this-website a {
c/olor: #002c4f;
}

/* bob - about.txt / about.php */

.about ul {
  list-style-type: none;
  padding: 0px;
}
.about li {
  padding-left: 20px;
}

.about .fa-check {
  color: white !important;
}

/* bob - about-this-website.txt / about-this-website.php */
/* phasing out about-the-demo */

.about-this-website {
  background: #fff;
  color: #000;
  margin-top: -20px;
  padding-bottom: 20px;
}
.about-this-website a {
  color: #333;
}
.about-this-website a:hover {
  color: #000;
}

.about-this-website ul {
  margin-left: 15px;
}


.social-media a {
  color: #fff;
  margin-right: 10px;
}

.social-media a:hover {
color: #ccc;
}

/* vertical align and banner images */

/* contact.php */
.banner-contact {
	background-image: url(../images/1920x/id_52465503.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	height: 600px;
	background-position: center middle;
	background-position: 50% 60%;
}
@media screen and (max-width: 768px) {
.banner-contact {
	height: 300px;
	}
}

/* furniture.php */
.banner-furniture {
	background-image: url(../images/1920x/id-gr_81645574.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	height: 400px;
	background-position: center middle;
	background-position: 50% 60%;
}


/* color.php */
.banner-color {
	background-image: url(../images/1920x/id-gr_5053068.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	height: 400px;
	background-position: center middle;
	background-position: 50% 50%;
}

/* space.php */
.banner-space {
	background-image: url(../images/1920x/id-ki_13717135.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	height: 400px;
	background-position: center middle;
	background-position: 50% 50%;
}

/* themes.php */
.banner-themes {
	background-image: url(../images/1920x/id-gr_99004052.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	height: 400px;
	background-position: center middle;
	background-position: 50% 50%;
}


/* about.php */
.banner-about {
	background-image: url(../images/1920x/arch_25671165.2.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	height: 400px;
	background-position: center middle;
	background-position: 50% 50%;
}

.portrait-page img {
	-webkit-filter: sepia(100%);
	filter: sepia(100%);
	-webkit-filter: grayscale(50%);
	filter: grayscale(50%);
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	w/idth: 360px;
	m/ax-width: 100%;
  border-radius: 6px !important;
	-moz-border-radius: 10px !important;
	-webkit-border-radius: 10px !important;
	border-radius: 10px !important;
}

.portrait-page .img-padding {
	padding: 40px 5%;
}
.img-rounded {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.portrait-page article {
	padding: 40px 2%;
}

@media screen and (max-width: 768px) {
	.portrait-page img {
		padding: 20px 5% 0px 2%;
	}
	.portrait-page article {
		padding: 20px 2%;
	}
	.portrait-page article h3 {
		text-align: center;
	}
}