/* +++ Objects in the Loft style sheet updated 2/1/2009 
		colors:
			orange	#E67119;
			gray	#7D7D7D;
+++ */

html, body {	height:100%;}
body {
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height:1.125em;
	margin: 0;
	padding: 0;
	background: white;
	color: #333;
	text-align:center;
}
	a {
		text-decoration: none;
	}
	a:link {
		color: #7D7D7D;
	}
	a:visited {
		color:#999999;
	}
	a:hover {
		color: #E67119;
	}

p {margin-right: 100px;}
#all {
	font-size: .875em;
	width: 995px;
	margin: 10px auto;
	padding: 0;
position: relative;
text-align:left;
   min-height:100%;
	overflow:hidden;
}
.or {/* anything "oitl orange" */
	color: #E67119;}
.gr {/* anything "oitl gray" */
	color: #7d7d7d;}
.orb {
	color: #E67119;
	font-weight: bolder;}

a img {
	border: 0;
}
.clear {
	clear: both;
	visibility: hidden;
}

.fleft {float: left;}
.fright {float:right;}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    overflow: hidden;
}
#header {
margin-top: 10px;
height: 270px;
}

	#logo20c {float: left; margin-left:0;}
	#logoOITL {float: right;
		margin-right:290px;}
	#logo20c, #logoOITL {
	margin-bottom:20px;
	margin-top: 0;
	position:relative;
	width: 210px; 
	height: 84px;
		}
/*	#tagline {line-height:150px;
	font-size: 1.2em;
	font-weight:normal;
		color: #E67119;
	}*/
	#banner {clear: both;
	width:992px;}
	#banner img {margin-right: 5px;}
.replace { /* use for every image replacement */
	position: relative; 
	margin: 0;
	border: 0;
	padding: 0;
	overflow: hidden;
} 
.replace span, .replace a { 
	display: block; 
	position: absolute; 
	z-index:1; /* for Opera 5 and 6 */ 
	cursor:hand;
}
h1.replace, h1.replace span, h1.replace a { /* dimension match image, also location within replace */
	width: 210px; 
	height: 84px;
	top:0px; left:0px; 
	font-size: 1em;}
#logo20c, #logo20c span {
	background: transparent url(../pix/20c-logo.jpg) center 0px no-repeat; /*specific image */
}
#logoOITL, #logoOITL span {
	background: transparent url(../pix/oitl-logo.jpg) center 0px no-repeat; /*specific image */
}
	#logo {float: left;}
	#tagline {float:right;}
	#logo, #tagline {height: 105px;
	margin-bottom:20px;
	margin-top: 0;
	margin-right: 10px;}
	#logo, #logo span {
	background: transparent url(../pix/oitl-logo.jpg) center 0px no-repeat; /*specific image */
}

#container {
	float:left;
	width:100%;

}
	/* -------- navigation ------ */
#navbar {color: #7D7D7D;
float: left;
width: 200px;
		font-size:1.1em;
margin-bottom: 20px;
margin-left: 0px;
margin-top: 0px;
}
#navbar ul#nav {
margin-left:10px;}
#navbar li {
list-style:none;}
	#navbar h3 {
		font-weight:normal;
		font-size:1.2em;
		margin-bottom: 0;
		line-height:normal;
		zoom:1;
				}
	h3 .super {
		vertical-align:super;		
	}
	#navbar h5 {
		font-weight:normal;
		font-size: .8em;
		color: #E67119;
		margin: 0; padding: 0;
	}
		#navbar .translate h5 {font-variant:small-caps;
		color:#7D7D7D; float:left;}
		#navbar .translate  {margin-top:0px;	
		padding:0;}
		#navbar .translate ul.langlist {
		margin-top: 0px;float:left;margin-left: 10px;
		padding:0;
}
		#navbar .translate FORM {height:0px;
		margin: 0;
}
		#navbar .search FORM  {
margin-bottom:0;}
		#navbar .translate ul li {
/*		margin: 0 5px 0 0;*/
		display:inline;
}
	#navbar ul#nav {clear:both;
		list-style: none;
		margin: 0 0 0 10px;
		padding: 0;
		color: #7D7D7D;
	}
	#navbar ul a, #navbar ul a:visited {color: #7D7D7D;}
	#navbar ul li, #navbar ul#nav li li  {
		margin: .5em 0;
	}
	#navbar li ul {
		margin-left: 2em;
		margin-bottom: 2em;
	}
	#navbar li:hover ul li, #navbar li.over ul li {
		background: white;
	}
		/* you are here nav colors */
	#home li#homelink a,
	#accessories li#acclink a,
	#cabinets li#cablink a,
	#lighting li#lightlink a,
	#seating li#seatlink a,
	#tables li#tablelink a,
	#mission li#misslink a,
	#rattan li#rattlink a,
	#views li#viewlink a,
	#info li#infolink a
		{color: #E67119;}
.signup {font-size: 14px; line-height:.9em;
}
.signup td {padding: 2px 0;}
.signup table {padding:0;
	margin-left: 0px;}
td#subimg {	vertical-align:middle;
margin-left: 2px; padding-left: 4px;

}
.signup INPUT.boxfortext {width: 112px;}
.signup .smaller {font-size: 12px;}

/* -------- content ------ */

#content {
	position:relative;
	overflow:hidden;
	width: 725px;
	padding-bottom: 5em;
	float: right;
	margin-right: 25px;
}
	h2 {margin-left: 35px;
	margin-bottom:0;
	margin-top: .5em;
	color: #7D7D7D;
	font-size: 1.1em;
	font-weight:normal;
}
	.featured {
/*		border: 2px solid #7D7D7D;*/
		margin-top:2em;
		margin-left: 25px;
		margin-bottom:20px;
		padding: 10px 0;
		width:575px;
/*		width: 780px*/
		}
	.featured img {border: none;
	margin: 0 40px 0 0;}
#footer {
clear:left;
color: #999;
	text-align: center;
		width:100%;
		margin:;
		height:5em;			/* Height of the footer */
   overflow:hidden;
}
#footer .addy {
   clear:left;
   float:left;
   position:relative;
   left:50%;
   text-align:center;
color:#7D7D7D;
}
#footer .addy h4 {float: left;
font-weight: normal;
font-size: 1em;
margin: 0 1em;
padding-top:10px;
position: relative; right: 50%;}
.wdb {clear:both;
color: #999;
margin-top: 0;}
.wdb a {color: #999;}
#below {
	margin: 0 40px;
}
.searchbox {margin-left:-1px;
margin-top: 0;
color: #7D7D7D;}
#navbar .extratop {
margin-top: 2em;}



			/* +++ site map +++ */
#site h2 {
	font-size: 1.5em;
	font-weight: bold;
	text-align: left;
	margin: 60px auto 30px 40px;
}
ul.sitemap  {
margin-left: 60px;
margin-bottom: 4em;
}
ul.sitemap li ul {
margin-left: 30px;
}
.sitemap li {
margin: 10px;
}

		/* +++ map +++ */

.map {/*
	width: 500px;
	height: 290px;
	margin: 20px auto 10px auto;
	text-align: center*/
}
		/*+++ info page: anchors, etc. +++*/

#info h2 {
	font-size: 1.2em;
	font-weight: normal;
	text-align: left;
	margin: 20px auto 0px 10px;
	clear:both;
}
#info .contact {
width:48%;
margin: 10px 0px 30px 0px;
}
.contact h3 
	{font-weight:normal;
	font-size: 1em;
	margin: 0;}
li.anchornav {
	padding: 2px;
}
.anchornav a {
	display:block;
	width: 5em;
	color: #333;
}
.anchornav a:visited {color: #333333;}
.anchornav a:hover {	background: white;
}
.anchor, #info h2.anchor {
	padding: 5px 0;
	color: #333;
	font-weight:bold;
	margin-left: -10px;
}
#info h2.anchor {margin-left: 0;
	margin-top: 30px;}
a.anchor {
	color: #333;
}
.show {
	font-weight: bold;
}
table.showlist {
	margin-left: 30px;
}
.showlist td {
	vertical-align: top;
	padding: 10px;
}
body#info .showlist p {
	margin: 0;
/*	border: 1px solid green;*/
}
.up {/* up arrow/link */
	margin-bottom: 50px;
	text-align:right;
	clear:both;}

.centercolor {
	clear:both;
	margin: 1em auto;
	width: 50%;
	text-align: center;
	color: #E67119;
	padding:  5px 1em;
}
.centercolor a {color: #E67119; text-decoration:underline;}

		/* +++ category pages / search results +++ */
h1.BadSearch {
	margin-top: 1em;
	font-size: 1.2em;
	color: #E67119;
}
.multititle {/*float wrapper for search, category */}
.multititle h2 {float: left;
font-size: 1.2em;font-weight: normal;}
ul.floatlist {
	list-style: none;
	margin: 15px 0 0 0;
	padding: 0;
/*	border: 1px solid black;*/
}
.floatlist li {
	float: left;
	width: 150px;
	margin: 15px;
	padding: 0;
/*	border: 1px solid blue;*/
	position: relative;
}

.floatlist img {
	height: 150px;
	width: 150px;
}
	.sold {
	height: 75px;
	width: 75px;
	margin-top: 0px;
	position: absolute;
	top: 32px;
	left: 32px;
	background: transparent url(../pix/sold75.png) no-repeat;
}

		/*+++ single-item page, view page +++*/
.display {
width: 720px;
vertical-align:middle;}
.display h1, .display h2, .display h3 
{font-weight:normal;
font-size: 1em;}
.display a {text-decoration:underline;
color: #E67119;}
.pic {width: 310px; position:relative;
	}
ul.viewlist {list-style:none;padding:0; margin: 0;}
.viewlist li {padding:0; margin: 0;}
.viewlist a, h3.email a {text-decoration:underline; color:#E67119;}
body.single .sold, body.view .sold {
	position: absolute;
	top: 225px; left:0;
}
.display .fleft {overflow: hidden; margin-right: 2px; height: 22px;
}
		/*+++ morepix page +++*/
.picholder {margin-bottom: 10px;}

		/*+++ designer pages +++*/

BODY#designer H2 {
	margin-top: 30px;
	margin-left: 0;
	margin-bottom: .3em;
	font-size: 1.3em;
	color: #E67119;
	font-weight:normal;
}
DIV.designer {
	/*clear:both;*/
width: 340px;
float: left;
height: 150px;
margin:0 18px 0 0;
}
.designer p, .designer img {float:left;
}
.designer p {margin: 60px 0 0 20px;
width: 170px;
font-size: 1.1em;}
.designerpic {text-align:center;}
.designerpic img {
}
.designername {font-weight:bold;}
.details {margin-top: 2em;}
.details p {margin:0;
}