@charset "utf-8";
/* CSS Document */


html, body {
height: 100%;
}

body {
background:url(images/nav-bg.jpg);
background-repeat:repeat-x;
background-color:#f8e9d4;
font-family:tahoma, helvetica, arial;
font-size:.725em;
line-height:20px;
margin:0 0 0 -38px;
padding:0;
}

#container {
min-height: 100%;
background:url(images/left-bg.jpg) repeat-y;
width: 1024px;
margin: 0 auto;
}

* html #container {
height: 100%;
}

#nav{
color:#f8e9d4;
}

#left{
float:left;
width:435px;
background:url(images/left-bg.jpg);
background-repeat:repeat-y;
min-height: 100%;

}

#right{
float:left;
width:558px;
}

#black{
height:39px;
background:url(images/nav-left-bg.jpg)
}

.centerimg{
display:block;
margin:18px auto 16px auto;
}

#about{
background:url(images/about-bg.jpg);
background-repeat:no-repeat;
background-position:center;
line-height:26px;
height:302px;
padding:15px 35px 0px 35px;
margin:10px 15px 0px 15px;
color:white;
font-weight:bold;
}

#newsletter{
color:white;
font-size:11px;
margin:0px 15px 15px 15px;
padding:67px 52px 143px 52px;
line-height:15px;
background:url(images/newsletter.jpg);
background-repeat:no-repeat;
background-position:center;
background-position:top;
}

#newsletter input{
margin-top:6px;
color:#999;
font-size:11px;
width:169px;
}


#address{
float:left;
text-align:right;
padding-right:7px;
border-right:1px solid #fff;
color:#fff;
font-size:11px;
line-height:17px;
}

#contact{
float:left;
padding-left:7px;
color:#fff;
font-size:11px;
line-height:17px;
}

#contact a{
text-decoration:none;
color:#FFF;
}


#footer{
z-index:1;
padding-left:105px;

}

 #nav ul {
	float: left;
	width: 500px;
	list-style: none;
	line-height: 18px;
    margin: 0px 0 0 0px;
	padding:0px;
	z-index: 4;
}

#nav  {
	float: left;
	width: 500px;
	list-style: none;
	line-height: 18px;
	padding: 0px 0 0 0;
	margin: 0px 0 0 -10px;
	
}
 
#nav a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 10px 1em;
}
 
 
#nav span {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 10px 1em;
}
  
 
#nav li {
	float: left;
	padding: 0;
	
	
}
 
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 200px;	
	font-weight: normal;
	border-width: 0.25em;
	margin: 0px;
	border:1px solid #ccc;
}
 
#nav li li {

	width: 200px;
	background:#FFF;
	padding:0;
	
}

#nav li li a {
color:#000;

}
 
#nav li ul a {
	width: 200px;
	
}
 
#nav li ul ul {
	margin: -1.75em 0 0 14em;
}
 
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	
	
}
 
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	
}
 
#nav li:hover{ 
	background: #494743;		
	padding-bottom:0px;
	z-index: 4;
	
}

#subnav li:hover{ 
	background: #ccc;		
	padding-bottom:0px;
	border:none;
	z-index: 4;

}

#nav li.sfhover {
}


#navbar{
padding:0px 0 20px 0;
}
 
#main {
padding:38px 0 0 0px;
}

#interior{
padding:5px 0 4px 13px;
float:right;
}

h1{
font-size:22px;
font-weight:normal;
}

ul, li{
padding:0;
margin:0;}

ul{
list-style:inside;}

.secondline {
padding-left: 17px;
}

.catalog{
height:200px;
padding-bottom:10px;
vertical-align:top;
}

.catalog-cover{
float:left;
border:5px solid #fff;
margin:0 10px 0px 0;
}

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

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

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

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

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -135px;
left: -405px; /*position where enlarged image should offset horizontally */
z-index: 150;
}