/*this is based on 3-col complex layout  */

html, body {margin:0; padding:0; font-size:100%; }

body {
  	font-size:80%;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#000;
	background:#996600; }

h1 { font-weight:normal;
     font-size:1.6em;
     line-height:110%;
	color:#CC3300;
	text-transform:capitalize; 
	margin:12px 0 0 0; }
	
h2 {font-weight:normal;
	font-size:1.3em;
	line-height:106%;
	color:#CC6600;
	text-transform:capitalize;
	margin:15px 0 0 0;
	/*width:24em;*/}

h3 { font-weight:normal;
     font-size:1em;
	line-height:126%;
	text-transform:capitalize;
	color:#990000;
	margin:15px 0 0 0; }

p, td p { font-size:1em; line-height:1.4em;
    margin:0 0 10px 0; 
	padding:4px 7px 0 0px; }
	
ul { font:1em/1.3em; }
li { font:1em/1.3em; }

a:link {color:#993300; }
a:visited {color:#993300; }
a:hover {color:#CC3300; }

table, caption, tr, td { 
    font-size:1em; line-height:1.3em;
    margin:0; 
	padding:0; }

img { border:0;}
strong {font-weight:bold; }
em { font-style:italic; }
	
/* Rule to fix quirks-mode inheritance behavior */
table, caption, tr, td {
  font-size:inherit;
  font-weight:inherit;
  font-style:inherit;
  font-variant:inherit; }

/*** divs ***/

/*** The #header div has a static position and a background image ***/
#header {
	margin:0;
	padding:0;
	background:#C29C49 url(assets_furniture/console_hacienda_top4.jpg) no-repeat 0px 0px;
	height:90px; } /*** must be set so the following absolutely positioned divs are 
			    placed correctly on initial load of the page***/ 
#header #logo { position:relative; left:0px; top:8px; }

#leftnav { position:absolute; left:0px; width:158px; }

#leftnav #m, #leftnav #n { margin:12px 0; padding:0;
	list-style:none;
	text-align:center;
	font:bold 1.1em/100% "Times New Roman", Times, serif;
	text-transform:capitalize; }
#leftnav #m a {
	display:block; width:158px;
	margin:2px 0; padding:1px 0;
	color:#003300; text-decoration:none;}
#leftnav #m a:hover{ color:#CC9933; }
/** div#n for temporary left col items  **/
#leftnav #n a { 
	display:block; width:158px;
	margin:4px 0; padding:8px 0;
	color:#003300; text-decoration:underline;
	background:#CC9933;}
#leftnav #n a:hover{ color:#CC3300; }


#container { margin-left:158px; background:#fff;
	border-top:1px solid #000; border-left:1px solid #000;}

#content1, #content2 {
	margin:0 12px 5px 10px;
	padding:0 5px 5px 0;
	position:relative;} /*** IE6 needs this to display the div ***/
	
h1.smaller {font-size:1.2em; line-height:1.4em; padding:0; margin:0;}
h2.smaller {font-size:1.1em; line-height:1.4em; padding:0; margin:0;}
h1.h1img { margin:0; padding:10px 0 5px 0;}

/* rem:home gallery center is locally defined with internal CSS */
#gallery { margin:0; padding:0;
	position:relative;
	width:100%;
	left:-1px;}
#gallery table { width:90%; margin-right:10px; }
#gallery td { padding:0; }
#gallery td h2 {
	font-size:1em;
	line-height:110%;
	font-weight:normal;
	text-transform:none;
	vertical-align:top;
	margin:0px 0px 0px 10px;
	padding:0px; }
#gallery td h2 img { padding-top:6px;}

#gallery td h2 a:link {font:1em/110%; color:#000000; text-decoration:none;}
#gallery td h2 a:visited { color:#000000; text-decoration:none; }
#gallery td h2 a:hover {  color:#CC3300; text-decoration:none; }
#gallery td h2 a:active {  color:#CC6600; text-decoration:none; }

#gallery td h2 a:link strong { color:#990000; text-decoration:none; }
#gallery td h2 a:visited strong {  color:#990000; text-decoration:none; }
#gallery td h2 a:hover strong { color:#CC3300; text-decoration:underline; }
#gallery td h2 a:active strong { color:#CC6600; text-decoration:none; } 
#gallery td p { text-align:center; margin-top:0;}


#mainitem {
	position:relative;
	width:100%;
	margin:0 0 0 10px;
	padding:0 5px 5px 5px;
	left:1px;
}
#mainitem table { width:96%; margin:0; padding:0; }
#mainitem td { padding:0 10px 10px 0; vertical-align:top; border-top:1px dotted #C29C49;}
#mainitem td p { font:1em/1.4em; margin:0 0 10px 0; padding:0;}
#mainitem td.detailpic { width:10%; padding-top:8px;}

.bigpic {
	margin:0;
	padding:4px 0 0 0;
	font-size:x-small;
	line-height:130%; }
.bigpic a { text-decoration:none; }
.bigpic a:hover { text-decoration:underline; }
.bigpic a img { margin:3px 0; }
.bigpic a:link img { border:solid 1px #ffffff; }
.bigpic a:visited img { border:solid 1px #ffffff; }
.bigpic a:hover img { border:solid 1px #990000; }
.bigpic a:active img { border:solid 1px #990000; }

.backnext { /*item page nav*/ font:1em/130%; margin:3px 0; padding:12px 0 0 0; }
.backnext a {padding:4px;}

.style { font-weight:bold; color:#003300; margin:15px 0px 8px 0px; }

#designs {table-layout:fixed; border:0; }
#designs td {padding:2px; vertical-align:top; text-align:center;}
#designs td.width { width:36%;}
#designs img {padding:0 0 10px 0; }
#designs h2 {margin:0 4% 0 1px; text-align:left;}
#designs h3 {margin:0 4% 0 1px; text-align:left; font-weight:bold;}
#designs h3 a {text-decoration:none;}
#designs p {margin:0 4% 10px 1px; padding:0; text-align:left; }

#mimigal { height:120px; overflow:hidden;}

#footer {
	padding:0 0 1em 0;
	border-top:1px dotted #888;
	text-align:center; }
#footer a {text-transform: capitalize;}
	
#bottom {font-size:1px; line-height:0 margin:0; padding:0;}

#clear { display:block; clear:both; }

a.order:link { color:#990000; text-decoration:none; background-color:#FFFF99;}
a.order:visited { color:#990000; text-decoration:none; background-color:#FFFF66;}
a.order:hover { color:#FF0000; text-decoration:none; background-color:#FFFF66; }
.order {
	font:bold 1em/1.4em #990000;
	text-transform:uppercase;
	background-color:#CCFF33;
	border:1px dotted #CC0000;
	padding:2px;}


/*** general classes ***/
.center { text-align:center; }
.right { text-align:right; }
.smaller {font-size:smaller; }
.clear { clear:both; margin:0; padding:0; }
.marginrt { margin-right:10%; margin-top:30px; }
ul.hanglist { list-style:none;  margin:0 0 0 40px; padding:0;}
ul.hanglist li { margin:4px 0; padding:0; text-indent:-40px;}
.price { font-weight:bold; color:#990000}

.nmore { position:relative; float:right; margin:16px 0px 4px 10px; }
.nmore a  { background:#FFECB3;
	padding:10px 4px 12px 4px; margin:0;
	border-bottom:solid 1px #900;
	border-right:solid 1px #900;
	white-space:nowrap;
	font-size:1em;
	line-height:110%;
	font-weight:bold }
.detail {
	text-decoration: underline;
}

