body { margin: 0; padding: 0; font-size: 76%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; background: #a49d93; }


img { border: 0; }

.clear { clear: both; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* \*/
.clearfix { display: block; }
/* */


#wrapper { width: 800px; margin: 0 auto; }

#header { height: 199px; padding-right: 200px; text-align: center; background: #8c8477 url(../graphics/header.gif) no-repeat bottom right; border-width: 0 1px 1px 1px; border-style: solid; border-color: white; }
#header img { margin-top: 74px; }

#main { position: relative; background: white; border: 1px solid white; }

#logo { position: absolute; left: 0; top: 0; z-index: 5; }

#content { border-left: 200px solid #cedc8f; width: 600px; line-height: 1.5em; min-height: 199px; }
* html #content { height: 199px; }
#content p { margin-top: 0; }
#home #content { background: url(../graphics/home.gif) no-repeat bottom left; }
#patterns #content { margin-bottom: -1px; }

#innerContent { padding: 14px 20px; }
#home #innerContent { margin-left: 199px; border-left: 1px solid #a1a08c; }
#patterns #innerContent { padding: 0; }

#gallery { float: left; margin: 0 2px 0 0; padding: 0; z-index: 10; background: #f4f8e4; }
#gallery li { list-style-type: none; float: left; margin: 0 0 1px 1px; width: 148px; text-align: center; background: #f4f8e4; position: relative; }
#gallery li a { #float: left; display: table-cell; text-align: center; vertical-align: middle; width: 148px; height: 199px; }
#gallery li a * { vertical-align: middle; }
#gallery li a span { #display: inline-block; #height: 100%; }
#gallery li a img { position: relative; }

#footer { color: white; line-height: 2em; padding-bottom: 20px; font-size: 90%; }
* html #patterns #footer { background: #a49d93; margin-top: -7px; position: relative; z-index: 20; padding-top: 0.4em; }
#footer a { color: white; }

#gallery p.description { display: none; font-size: 0.9em; line-height: 1.3em; padding: 10px 0 0; height: 70px; }

lbCaption { padding-bottom: 1em; }

a { color: #a6b855; }

h1 { font-size: 200%; font-weight: normal; color: #5a554f; }
h2 { font-size: 170%; font-weight: normal; color: #797763; }
h3 { font-size: 140%; font-weight: normal; color: #7d8d4d; }

div.form label { float: left; width: 120px; }
div.form input.text { width: 200px; }
div.form input.submit { margin: 0 0 0 120px; }


#navigation { position: relative; z-index: 20; margin-left: 0px; font-size: 120%; text-transform: lowercase; }
 
/* Level 1 */
#navigation ul { float: left; margin: 0; padding: 0; list-style-type: none; border-left: 1px solid #8c8477;}
#navigation li { float: left; padding: 0; border-right: 1px solid #8c8477;}
#navigation li a { float: left; text-decoration: none; height: 25px; line-height: 23px; padding: 0 1.2em; font-weight: bold; background: #999289; color: white; }
#navigation li a:hover { background: #8c8477; }

/* Level 2 */
#navigation ul li ul { position: absolute; left: 0; top: 25px; float: none; padding: 0 0; z-index: 1000; }
#navigation ul li li { float: none; display: block; padding: 0; border-right: 0; width: 100%; }
#navigation ul li li a { zoom: 1; float: none; display: block; white-space: nowrap; border-bottom: 1px solid white; background-color: #a6b855; border: none; width: 100%; }
 
/* Level 3 */
#navigation ul li ul li ul { left: 100%; top: 0; padding: 0; border-left: 2px solid white; }
 
/* Dropdown code */
* html #navigation table { border-collapse: collapse; padding: 0; margin: 0 0; width: 0; height: 0; font-size: 1em; z-index: 100; position: absolute; left: 0; top: -1000px; }
* html #navigation a:hover table { display: block; left: 0; top: 0; }
#navigation td { margin: 0; padding: 0; }
#navigation td a { position: relative; zoom: 1; }
* html #navigation a:hover { position: relative; z-index: 1000; }
#navigation li:hover { position: relative; }
* html #navigation ul ul a:hover { position: relative; z-index: 110; }
#navigation ul ul li:hover { position: relative; }
* html #navigation ul ul ul a:hover { position: relative; z-index: 120; }
#navigation ul ul ul ul a:hover { position: relative; z-index: 130; }
#navigation ul ul { visibility: hidden; display: none; }
#navigation ul :hover ul { visibility: visible; display: block; height: auto; }
#navigation ul :hover ul ul { visibility: hidden; }
#navigation ul :hover ul :hover ul ul { visibility: hidden; }
#navigation ul :hover ul :hover ul { visibility: visible; }
#navigation ul :hover ul :hover ul :hover ul { visibility: visible; }

div.tool-tip	{ z-index: 1000; width: 200px; }
div.tool-title	{ display: none; }
div.tool-text	{ background: #4b4b4b; color: white; padding: 5px; font-size: 90%; font-weight: bold; }

#lbDescription { padding: 10px 10px 0; background: white; }