/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background-image:url(../images/backgrounds/body.gif);
	font-family:arial,sans-serif;
	font-size:small;
}

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:890px;
	background:#f0f0f0;
	background:url(../images/backgrounds/content-bg.png) repeat-y;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	padding-left:28px;
}
div#logo{
	position:absolute;
	top:-5px;
	left:-15px;	
	z-index:6;
}
div#header {
	padding:0em;
	background:url(../images/backgrounds/header.jpg) no-repeat;
	width:835px;
	height:139px;
}

div#subnav {
	background:url(../images/backgrounds/submenu-bg.jpg) repeat-x;
	width:835px;
	height:45px;

}
	div#subnav_left{
		color:#FFFFFF;
		float:left;
		line-height:45px;
		padding-left:30px;
	}
	#subnav_left a{
		color:#FFFFFF;
		text-decoration:none;
	}
	#subnav_left a:hover{
		color:#FFFFFF;
		text-decoration:underline;
	}
	div#subnav_right{
		color:#FFFFFF;
		float:right;
		line-height:45px;
		padding-right:32px;
	}
	#subnav_right a{
		color:#FFFFFF;
		text-decoration:none;	
	}
	#subnav_right a:hover{
		color:#FFFFFF;
		text-decoration:underline;
	}	
div#content {
	background:url(../images/backgrounds/content-top-sub1.png) no-repeat;
	margin:0px 51px 80px 31px;
	width:800px;
	position:relative;
	overflow:hidden;
}

div#content_body {
	width:740px;
	margin:20px 20px 20px 20px;
}

div#footer {
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	background:url(../images/backgrounds/footer.jpg) repeat-x;
	background-position:top;
	width:835px;
}
	div#footer_left{
		color:#b5813f;
		float:left;
		line-height:45px;
		padding-left:30px;
	}
	#footer_left a{
		color:#FFFFFF;
		text-decoration:none;
	}
	#footer_left a:hover{
		color:#FFFFFF;
		text-decoration:underline;
	}
	div#footer_right{
		color:#FFFFFF;
		float:right;
		line-height:45px;
		padding-right:32px;
	}
	#footer_right a{
		color:#FFFFFF;
		text-decoration:none;	
	}
	#footer_right a:hover{
		color:#FFFFFF;
		text-decoration:underline;
	}	

	#navigation {
	    position: relative;
		width:835px;
		height: 60px;
        background: url(../images/backgrounds/navigation.gif) repeat-x;	
	}
	
        #navigation ul {
            width: 565px;
            height: 60px;
            margin: 0px 0px 0px 229px;
        }	
	
		#navigation	li {
			display:block;
			height:60px;			
			text-indent:-3000px;
			float:left;			
		}	
	
		#navigation a {
			display: block;
			height:60px;
            position: relative;			
            z-index: 1;
		}
	
	
		#nav-home {
			width: 81px;
			background: url(../images/backgrounds/nav-matrix.jpg) 0px 0px;
		}
		#nav-home:hover, body#index #nav-home {
			background: url(../images/backgrounds/nav-matrix.jpg) 0px 60px;
		}		
	
		#nav-products {
			width: 105px;
			background: url(../images/backgrounds/nav-matrix.jpg) -81px 0px;
		}
		#nav-products:hover, body#products #nav-products {
			background: url(../images/backgrounds/nav-matrix.jpg) -81px 60px;
		}

		#nav-about_us {
			width: 100px;
			background: url(../images/backgrounds/nav-matrix.jpg) -187px 0px;
		}
		#nav-about_us:hover, body#about_us #nav-about_us{
			background: url(../images/backgrounds/nav-matrix.jpg) -187px 60px;
		}
		
		#nav-successes {
			width: 113px;
			background: url(../images/backgrounds/nav-matrix.jpg) -284px 0px;
		}
		#nav-successes:hover, body#successes #nav-successes {
			background: url(../images/backgrounds/nav-matrix.jpg) -284px 60px;
		}		
		
		#nav-contact {
			width: 91px;
			background: url(../images/backgrounds/nav-matrix.jpg) -397px 0px;
		}
		#nav-contact:hover, body#contact #nav-contact {
			background: url(../images/backgrounds/nav-matrix.jpg) -397px 60px;
		}		
		
		#nav-faqs {
			width: 70px;
			background: url(../images/backgrounds/nav-matrix.jpg) -488px 0px;
			
		}
		#nav-faqs:hover, body#faqs #nav-faqs {
			background: url(../images/backgrounds/nav-matrix.jpg) -488px 60px;
		}		
		
h1, h2 {		
border-bottom:2px dashed #996600;
color:#451F0C;
display:block;
font-size:174%;
font-weight:bold;
width:100%;		
}

h3 { margin: 0px; padding:0px; }
.quoteEnd {
	font-weight:bold;
}
.faqquestion {
    color:#663300;
}
.faqanswer {
    color:#000000;
}
.question-lists {
    color:black;
    font-weight:bold;
}
.question-lists a:hover{
    text-decoration:none;

}

.title a{
	color:#663300;
	font-size: 12px;
	font-weight:bold;
	text-decoration:none;	
	}
.photo img{ padding:20px; }

a { color:#663300; }

table.hmequotes { border-bottom: 3px dotted #996633;}

#productDescription { width:450px; float:right;}
#productPhotos { width: 250px; float:left;}
#extraDetails	{ width: 250px; }
.photo { height: 150px; text-align:center; vertical-align:middle; }

#productGrid table tr td .photo img { background-color:#FFF; padding: 10px; border: 1px solid #630; vertical-align:middle; }
.title { height: 36px; }
.details { height: 50px; }
#productGrid table tr td { padding: 5px; border: 1px dashed #630; }
#crossSell table tr td { padding: 5px; border: 1px dashed #630; }