/* -------------- Reset Styles -------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead{border: 0pt none;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0pt;padding: 0pt;}
caption, th, td{font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after{content: "";}
blockquote, q{quotes: "" "";}

/* -------------- general styles -------------- */

html,body{
	margin:0;
	padding:0;
}

body{
	font: 76% arial,sans-serif;
	background: #dec193 url(/images/bg.jpg);
}

p,div,li,td{
	color: #fff;
}

ul{
	list-style: disc outside;
	margin: 10px 0;
}

li{
	margin: 1px 25px;
	color: #8abf6a;
}

b, strong{
	font-weight: bold;
}

i, em{
	font-style: italic;
}

.clear{
	clear: both;
}

h1 {
    color: #385e30;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-decoration: none;
	text-transform: uppercase;
}

h2 {
    font-size : 16px;
    font-family : Arial, Helvetica, sans-serif;
    font-weight : bold;
    color : #8abf6a;
    text-decoration: none;
}

h3 {
    font-size : 13px;
    font-family : Arial, Helvetica, sans-serif;
    font-weight : bold;
    color : #809018;
    text-decoration: none;
	margin: 5px 0;
}

h4 {
    color: #183a17;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
	margin: 5px 0;
}

h5 {
    font-size : 13px;
    font-family : Arial, Helvetica, sans-serif;
    font-weight : bold;
    color : #ffffff;
    text-decoration: none;
	margin: 5px 0;
}
p {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #fff;
	margin: 5px 0;
}

a:link, a:visited, a:active { 
    font-size: 12px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight: normal;
    color: #ffdea5;
    text-decoration: none;
}

a:hover {
    font-size: 12px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight: normal;
    color: #fff;
    text-decoration: underline;
}

/* -------------- layout styles -------------- */

div#container{
	position: relative;
	padding-top: 90px;
}

	h1{
		position: absolute;
		top: 5px;
		left: 0;
		z-index: 99;
	}
	
		h1 a{
			display: block;
			width: 330px;
			height: 160px;
			background: url(/images/logo-saunasmith.png);
			_background-image: none;
			_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo-saunasmith.png', sizingMethod='crop');
		}
		
			h1 a span{
				display: none;
			}

	div#headershell{
		background: url(/images/backer-nav.gif) repeat-x bottom;
		height: 40px;
		position: relative;
	}
	
		div#headershell ul{
			height: 40px;
			list-style: none;
			padding: 0;
			margin: 0;
			position: absolute;
			left: 480px;
		}
		
			div#headershell ul li{
				height: 40px;
				float: left;
				display: inline;
				list-style: none;
				padding: 0;
				margin: 0;
			}
			
				div#headershell ul li a{
					line-height: 40px;
					font-size: 16px;
					color: #ffdea5;
					padding: 0 10px;
					display: block;
				}
				
				div#headershell ul li a:hover{
					background: url(/images/backer-nav-hover.gif) repeat-x;
					color: #fff;
					text-decoration: none;
				}
			
	div#wrapper{
		background: #495c3d url(/images/backer-wrapper.gif) repeat-x top;
	}
	
		div#innerwrapper{
			background: url(/images/backer-wrapper-bottom.gif) repeat-x bottom;
		}
		
		div#contentshell{
			background: url(/images/backer-content.gif) repeat-y left;
			width: 960px;
		}
	
			div#columnshell{
				float: left;
				width: 300px;
			}
			
				div#columnshell a{
					display: block;
					width: 210px;
					height: 40px;
					margin: 10px auto;
					background: url(/images/btn-refer.gif) no-repeat bottom;
				}
				
				div#columnshell a:hover{
					background: url(/images/btn-refer.gif) no-repeat top;
				}
				
				div#columnshell a span{
					display: none;
				}
		
			h2#pagetitle{
				background: url(/images/backer-pagetitle.gif) repeat-x top;
				line-height: 30px;
				padding: 0 10px;
				float: right;
				width: 630px;
			}
		
			div#content{
				margin-left: 10px;
				padding: 10px;
				width: 630px;
				float: right;
				-moz-opacity:0.99;
				text shadow: #344927 0 0 0;
			}
			
		div#content-bottom{
			clear: both;
			height: 10px;
			background: url(/images/backer-content-bottom.gif) no-repeat left;
			font-size: 1%;
		}
			
	div#footershell{
		clear: both;
		height: 30px;
		line-height: 30px;
		background: url(/images/backer-footer.gif) repeat-x;
	}
	
		div#sencialogo{
			padding: 6px 10px 0 10px;
			float: left;
			display: inline;
		}
		
		div#copyright{
			float: left;
			display: inline;
		}
		
		div#rootlinks{
			float: left;
			margin-left: 370px;
			padding: 0 10px;
			display: inline;
		}
		
		div#product-container{
	margin: 0 10px;
	border: #495B3D 1px solid; 
	text-align: left;
	padding: 10px;
}