/* CSS Document */

.tilesTitle {margin-left: 40px; }
.paintTitle {margin-left: 40px; margin-bottom: 6px; }

* html .tilesTitle {margin-left: 40px; }
* html .paintTitle {margin-left: 40px; margin-bottom: 6px; }
/* These styles are for 14x14 narrow borders mouseovers */

#nBord14 .top {
 margin-top: 10px;
	padding: 0;
	width: 360px;
	height: 30px;
	list-style: none;
	background: url(../images/n14x14_main.jpg) no-repeat;
	position: absolute;
	font-size: 11px; margin-left: 40px;
}

#nBord14 .top a {
  display: block;
	width: 360px;
	height: 30px;
	text-decoration:none;
	color:#a0410d; cursor: pointer;
}

#nBord14 .top a:hover { background: url(../images/n14x14_mainy.jpg) no-repeat; }
* html #nBord14 .top a:hover { background: url(../images/n14x14_mainy.jpg) no-repeat; margin-left: -180px; }


#nBord14 .top a {
  float: left;
	display: inline;
}

#nBord14 .top a {
  margin-left: 0px;
	margin-top: 0px; position: absolute;
}

#nBord14 a:hover span {
color: #cbb29f; text-decoration: underline;
 display: block;
}

* html #nBord14 a:hover span {margin-left: 180px;}

#nBord14 a span {
  position: absolute;
	width: 15em; margin-left: 0px;
}

#nBord14 .top a span {
  top: 10px;
	left: 399px;
}

* html #nBord14 .top a span {
  top: 10px;
	left: 214px;
}

/* These styles are for mouseovers on 14x14 panel displays */

#panel14 .top {
  margin: 41px 0px 0px 40px; 
	padding: 0;
	width: 360px;
	height: 241px;
	list-style: none;
	background: url(../images/p14x14_main.jpg) no-repeat;
	position: relative;
	font-size: 11px;
}

*html #panel14 .top { top: 0px; margin-left: 20px;}

#panel14 .top a {
  display: block;
	width: 360px;
	height: 241px;
	text-decoration:none;
	color:#a0410d; cursor: pointer;
}

#panel14 .top a:hover { background: url(../images/p14x14_mainy.jpg) no-repeat; 
}

* html #panel14 .top a:hover { background: url(../images/p14x14_mainy.jpg) no-repeat; margin-left: -180px;
}

#panel14 .top a {
  float: left;
	display: inline;
}

#panel14 .top a {
  margin-left: 0px;
	margin-top: 0px; position: absolute;
}

#panel14 a:hover span {
 color: #cbb29f; text-decoration: underline;
 display: block;
}

* html #panel14 a:hover span {
 color: #cbb29f; text-decoration: underline;
 display: block; margin-left: 180px;
}

#panel14 a span {
  position: absolute;
	width: 15em;
}

#panel14 .top a span {
  top: 110px;
	left: 399px;
}

* html #panel14 .top a span {
  top: 110px;
	left: 214px;
}


/* These styles are for the 14x14 wide border mouseovers */

#wide14 .top {
  margin-top: 0px;
	padding: 0;
	width: 360px;
	height: 60px;
	list-style: none;
	background: url(../images/w14x14_main.jpg) no-repeat;
	position: relative;
	font-size: 11px; margin-left: 40px; margin-bottom: 10px;
}
*html #wide14 .top { top: 0px; margin-left: 20px;}

#wide14 .top a {
  display: block;
	width: 360px;
	height: 60px;
	text-decoration:none;
	color:#a0410d; cursor: pointer;
}

#wide14 .top a:hover { background: url(../images/w14x14_mainy.jpg) no-repeat;
}

* html #wide14 .top a:hover { margin-left: -180px;
}

#wide14 .top a {
  float: left;
	display: inline;
}

#wide14 .top a {
  margin-left: 0px;
	margin-top: 0px; position: absolute;
}

#wide14 a:hover span {
color: #cbb29f; text-decoration: underline;
 display: block;
}

* html #wide14 a:hover span { margin-left: 180px; }

#wide14 a span {
  position: absolute;
	width: 15em;
}

#wide14 .top a span {
  top: 18px;
	left: 399px;
}

* html #wide14 .top a span {
  top: 18px;
	left: 214px;
}


/* These styles are for 14x14 narrow borders mouseovers */

#nBord15 .top {
  margin-top: 10px;
	padding: 0;
	width: 391px;
	height: 33px;
	list-style: none;
	background: url(../images/n15x15_main.jpg) no-repeat;
	position: relative;
	font-size: 11px; left: 40px;
}

* html #nBord15 .top { top: 0px; left: 28px; }

#nBord15 .top a {
  display: block;
	width: 391px;
	height: 33px;
	text-decoration:none;
	color:#a0410d;
}

#nBord15 .top a:hover { background: url(../images/n15x15_mainy.jpg) no-repeat; }
* html #nBord15 .top a:hover { margin-left: -195px; }


/*#nBord15 .top a {
  float: left;
	display: inline;
}*/

#nBord15 .top a {
  margin-left: 0px;
	margin-top: 0px; position: absolute; cursor: pointer; float: left; display: inline;
}

#nBord15 a:hover span {
color: #cbb29f; text-decoration: underline;
 display: block;
}

* html #nBord15 a:hover span { margin-left: 195px;
}

#nBord15 a span {
  position: absolute;
	width: 15em;
}

#nBord15 .top a span {
  top: 10px;
	left: 399px;
}

* html #nBord15 .top a span {
  top: 10px;
	left: 199px;
}

/* These styles are for mouseovers on 14x14 panel displays */

#panel15 .top {
  margin-top: 0px; 
	padding: 0;
	width: 391px;
	height: 260px;
	list-style: none;
	background: url(../images/p15x15_main.jpg) no-repeat;
	position: relative;
	font-size: 11px; left: 40px;
}

*html #panel15 .top { top: 0px; left: 28px; }

#panel15 .top a {
  display: block;
	width: 391px;
	height: 260px;
	text-decoration:none;
	color:#a0410d; cursor: pointer;
}

#panel15 .top a:hover { background: url(../images/p15x15_mainy.jpg) no-repeat;
}

* html #panel15 .top a:hover { background: url(../images/p15x15_mainy.jpg) no-repeat; margin-left: -195px;
}

#panel15 .top a {
  float: left;
	display: inline;
}

#panel15 .top a {
  margin-left: 0px;
	margin-top: 0px; position: absolute;
}

#panel15 a:hover span {
 color: #cbb29f; text-decoration: underline;
 display: block;
}

* html #panel15 a:hover span {margin-left: 195px; }

#panel15 a span {
  position: absolute;
	width: 15em;
}

#panel15 .top a span {
  top: 110px;
	left: 399px;
}

* html #panel15 .top a span {
  top: 110px;
	left: 199px;
}

/* These styles are for the 14x14 wide border mouseovers */

#wide15 .top {
  margin-top: -10px;
	padding: 0;
	width: 391px;
	height: 66px;
	list-style: none;
	background: url(../images/w15x15_main.jpg) no-repeat;
	position: relative;
	font-size: 11px; left: 40px; margin-bottom: 10px;
}
*html #wide15 .top { top: 0px; left: 28px; }

#wide15 .top a {
  display: block;
	width: 391px;
	height: 66px;
	text-decoration:none;
	color:#a0410d; cursor: pointer;
}

#wide15 .top a:hover { background: url(../images/w15x15_mainy.jpg) no-repeat;
}

* html #wide15 .top a:hover { background: url(../images/w15x15_mainy.jpg) no-repeat; margin-left: -195px;
}

#wide15 .top a {
  float: left;
	display: inline;
}

#wide15 .top a {
  margin-left: 0px;
	margin-top: 0px; position: absolute;
}

#wide15 a:hover span {
color: #cbb29f; text-decoration: underline;
 display: block;
}

* html #wide15 a:hover span {margin-left: 195px }

#wide15 a span {
  position: absolute;
	width: 15em;
}

#wide15 .top a span {
  top: 18px;
	left: 399px;
}

* html #wide15 .top a span {
  top: 18px;
	left: 199px;
}

/* This style is for the paintings and murals section on the main Decorative Tiles page */
/* These styles are for mouseovers on 14x14 panel displays */

#paint15 .top {
  margin-top: 10px; 
	padding: 0;
	width: 367px;
	height: 298px;
	list-style: none;
	background: url(../images/paint_main.jpg) no-repeat;
	position: relative;
	font-size: 11px; left: 40px;
}

*html #paint15 .top { top: 0px; }

#paint15 .top a {
  display: block;
	width: 367px;
	height: 298px;
	text-decoration:none;
	color:#a0410d; cursor: pointer;
}

#paint15 .top a:hover { background: url(../images/paint_mainy.jpg) no-repeat;
}

* html #paint15 .top a:hover { background: url(../images/paint_mainy.jpg) no-repeat; margin-left: -183px;
}

#paint15 .top a {
  float: left;
	display: inline;
}

#paint15 .top a {
  margin-left: 0px;
	margin-top: 0px; position: absolute;
}

#paint15 a:hover span {
 color: #cbb29f; text-decoration: underline;
 display: block;
}

* html #paint15 a:hover span {margin-left: 183px; }

#paint15 a span {
  position: absolute;
	width: 15em;
}

#paint15 .top a span {
  top: 110px;
	left: 399px;
}

* html #paint15 .top a span {
  top: 110px;
	left: 199px;
}


/* This style is for the top portion of the main Decorative tile page, below the navigation */

#introCont {width: 700px; padding: 10px 0;}
#introCont .leftCol {width: 360px; position: relative; display: block; float: left; margin-bottom: 10px; margin-top: 10px;}
#introCont .rightCol {width: 327px; float: right; position: relative; margin-top: 40px; margin-bottom: 10px; }

/*#introCont {width: 360px; padding: 10px 0; }

#introCont .photo {margin-left: 370px; float: right; position: relative; }*/