/* CSS Document */
body {
	margin: 0;
	padding: 0;
  	font-family: Helvetica, Geneva, Arial, sans-serif;
 	font-size: 62.5%;
	background-color: #fff;
}

#container {
	width: 90em;
	min-width: 58em;
	margin: 10px auto 10px auto;
	background-color: #F1D7B6;
	color: #000;
	cursor: default;
	border-top: 3px solid #A07F5C;
	border-bottom: 3px solid #A07F5C;
}

#background-container {
	/*background: url(../images/woodgrain_side.jpg) repeat-y top left;*/
	background: url(../images/black120x3px.gif) repeat-y top left;
	background-position: 9px 0;
}

#logocontainer {
	margin-left: auto;
	margin-right: auto; /*centres image*/
	margin-top: 10px;
	width: 87em;
	height: 140px;
	padding: 5px 5px 5px 5px;
	background: #000;
	/*background: url(../images/#woodgrain_148top.jpg);*/
	overflow: hidden;
	border-top: solid 1px #A07F5C;
	border-right: solid 1px #A07F5C;
	border-left: solid 1px #A07F5C;
}

#logo {
	margin-left: auto;
	margin-right: auto; /*centres image*/

	height: 111px; 
	width: 870px;
	background: url(../images/ehflogo_text.jpg) no-repeat center;
}

#logo-ehf {
	float: left;
	height: 111px;
	width: 62px;
	background: url(../images/ehf_logotrans.gif) no-repeat;
}

#logo-carv {
	float: right;
	height: 111px;
	width: 73px;
	background: url(../images/logocarv_1.jpg) no-repeat;
}

#logocontainer ul {
	/*width: 70em;*/
	margin: 0;
	position: relative;
	float: right;
	list-style: none;
	background-color: #000;
	top: 2px;
	right: 0px
	/*white-space: nowrap;*/
}

#logocontainer li {
	/*padding: 5px;*/
	list-style-type: none;
	display: block;
	float: left;
	text-align: center;
	font:  1.3em/1.4 Helvetica, Geneva, Arial, sans-serif;
	color: #fff;
}

#logocontainer a {
	width: 8em;
	display: block;
	padding: 5px 0px 5px 0px;
	color: #fff;
	text-decoration: none;
	/*border: 1px solid #000;*/
}

#logocontainer a:hover, a:active {
	background: #333;
}

#chairs logocontainer-chairs a,
#tables logocontainer-tables a,
#dressers logocontainer-dressers a,
#sideboards logocontainer-sideboards a,
#bedroom logocontainer-bedroom a,
#misc logocontainer-misc a,
#gift logocontainer-gifts a {
	background: #444;
	border-top: 1px solid #401F10;
	border-right: 1px solid #743F18;
	border-bottom: 1px solid #743F18;
	border-left: 1px solid #401F10;
	cursor: default;
	font: bold;
}

#chairs logocontainer-chairs a:hover,
#tables logocontainer-tables a:hover,
#dressers logocontainer-dressers a:hover,
#sideboards logocontainer-sideboards a:hover,
#bedroom logocontainer-bedroom a:hover,
#misc logocontainer-misc a:hover,
#gift logocontainer-gifts a:hover {
	background: #444;
	border-top: 1px solid #401F10;
	border-right: 1px solid #743F18;
	border-bottom: 1px solid #743F18;
	border-left: 1px solid #401F10;
	cursor: default;
}

#content {
	padding: 5px 0 5px 130px;
	margin: 0 10px 0 9px;
	/*background: url(../images/#woodgrain_side.jpg) repeat-y top left;*/
	background: 
	url(../images/black120x3px.gif)
	repeat-y top left;
	font:  1.3em/1.4 Helvetica, Geneva, Arial, sans-serif;
	/*border-top: solid 1px #A07F5C;*/
	border-left: solid 1px #A07F5C;
}

#content a {
	text-decoration: none;
	color: #000;
}

#content a:hover {
	text-decoration: underline;
}

#leftnav {
	/*clear: both;*/
	position: relative;
	float: left;
	/*display: inline;*/
	width: 120px;
	margin: 0 0 0 10px;
	/*background: #000;*/
	/*border-left: solid 1px #A07F5C;*/
}

#leftnav ul {
	padding: 5px 0 0 0;
}

#leftnav li {
	/*width: 100%;*/
	height: 2.5em;
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 10px;
	/*display: block;*/
	font:  1.2em/1.5 Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
}

#leftnav a {
	width: 90px;
	padding: 5px;
	display: block;
	color: #fff;
	text-decoration: none;
}

#leftnav a:hover, a:active {
	background: #333;
}

#footer {
	clear: both;
	width: 88em;
	padding-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto; /*centres div contents*/
	text-align: center;
	background-color: #000;
	/*background: url(../images/#woodgrain_148tbottom.jpg);*/
	/*height: 6em; */
	color: #fff;
	border-right: solid 1px #A07F5C;
	border-bottom: solid 1px #A07F5C;
	border-left: solid 1px #A07F5C;
}

#footer ul {
	margin: 10px 0 0 0;
	padding: 0;
}

#footer li {
	padding: 0.5em;
	list-style-type: none;
	display: inline;
	font:  1.2em/1.5 Helvetica, Geneva, Arial, sans-serif;
}

#footer a:link, a:visited {
	width: 10em;
	color: #fff;
	text-decoration: none;
	/*display: block;*/
}

#disclaimer {
	padding: 0.5em;
	font: normal 0.91em/1.5;
}

#disclaimer a:link {
	text-decoration: none;
	color: #fff;
}

#disclaimer a:visited,
#disclaimer a:active {
	color: #fff;
	text-decoration: none;
}

#disclaimer a:hover {
	text-decoration: underline
}

.gallery {
	margin-bottom: 10px;
}

.gallery img {
	align: left;
	/*position: relative;
	float: left;*/
	/*text-align: center;*/
}

.pic-desc {
	/*display: inline;*/
	/*float: left;*/
}

img {
	margin: 4px;
	border: solid 1px #A07F5C;
}

.clearer {
	clear: both;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
	position: relative;
	z-index: 0;
}

.thumbnail:hover{
	background-color: transparent;
	z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #F1D7B6;
	padding: 0px;
	left: -1000px;
	border: solid 1px #A07F5C;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 5px;

}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: 0; /*position where enlarged image should offset horizontally */
}