body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* >>> ELEMENTS <<< */

body {
	background-color: #9d8c6a;
	color: #333;
	font-family: arial, verdana, sans-serif;
	font-size: 82%;
	height: 100%;
	width: 100%
}

a {
	color: #333;
	font-weight: bold;
	text-decoration: none
}
a:hover {
	text-decoration: underline
}

/* >>> CONTAINERS <<< */
#print { display: none }

#container {
	margin: 0 auto;
	min-width: 750px;
	width: 808px
}

#header { height: 149px }

#menu { 
	background-image: url(../images/menubar.gif); 
	height: 39px; 
	text-align: center 
}

.hide { visibility: hidden }

ul#nav-main {
	padding: 6px 94px;
	text-align: center
	}
	ul#nav-main li {
		display: inline;
		height: 23px;
		}
		ul#nav-main li a {
			display: inline;
			height: 23px;
			padding: 0 20px;
			text-align: center;
			text-decoration: none
		}
		
		/* Home */
		li#home a { background-image: url(../images/home.gif); background-position: 0 0; background-repeat: no-repeat; float: left; width: 75px }
		li#home a:hover { background-image: url(../images/home.gif); background-position: 0 -23px; background-repeat: no-repeat;  float: left; width: 75px }
		li#home a.active { background-image: url(../images/home.gif); background-position: 0 -46px; background-repeat: no-repeat;  float: left; width: 75px }
		
		li#navbar_sp1 { background-image: url(../images/navbar_spacer_1.jpg); background-position: 0 0; float: left; width: 32px }
		
		li#articles a { background-image: url(../images/articles.gif); background-position: 0 0; background-repeat: no-repeat;  float: left; width: 103px }
		li#articles a:hover { background-image: url(../images/articles.gif); background-position: 0 -23px; background-repeat: no-repeat;  float: left; width: 103px }
		li#articles a.active { background-image: url(../images/articles.gif); background-position: 0 -46px; background-repeat: no-repeat;  float: left; width: 103px }
		
		li#navbar_sp2 { background-image: url(../images/navbar_spacer_2.jpg); background-position: 0 0; float: left; width: 37px }
		
		li#blog a { background-image: url(../images/blog.gif); background-position: 0 0; background-repeat: no-repeat;  float: left; width: 72px }
		li#blog a:hover { background-image: url(../images/blog.gif); background-position: 0 -23px; background-repeat: no-repeat;  float: left; width: 72px }
		li#blog a.active { background-image: url(../images/blog.gif); background-position: 0 -46px; background-repeat: no-repeat;  float: left; width: 72px }
		
		li#faq a { background-image: url(../images/faq.gif); background-position: 0 0; background-repeat: no-repeat;  float: left; width: 66px }
		li#faq a:hover { background-image: url(../images/faq.gif); background-position: 0 -23px; background-repeat: no-repeat;  float: left; width: 66px }
		li#faq a.active { background-image: url(../images/faq.gif); background-position: 0 -46px; background-repeat: no-repeat;  float: left; width: 66px }
		
		li#contact a { background-image: url(../images/contact.gif); background-position: 0 0; background-repeat: no-repeat;  float: left; width: 104px }
		li#contact a:hover { background-image: url(../images/contact.gif); background-position: 0 -23px; background-repeat: no-repeat;  float: left; width: 104px }
		li#contact a.active { background-image: url(../images/contact.gif); background-position: 0 -46px; background-repeat: no-repeat;  float: left; width: 104px }
		

#stock { margin-bottom: -2px; overflow: hidden; padding: 0 } /* not sure why that -2px margin is required */
		
#content {
	background-color: #bbbbbb;
	padding: 30px 30px;
	!overflow: auto;
}

p { margin: 10px 0 }

#video { border-top: 1px solid #665555; margin: 35px auto 10px auto; padding-top: 30px; text-align: center }
#video .caption { margin: 2px auto; text-align: center; width: 640px }
#video p { text-align: left }

#left {	float: left; display: inline; padding: 0 10px; width: 260px }
#left .phone { padding-top: 5px }
#right { margin-left: 300px; padding: 0 10px; width: 400px }

#articles_div { margin: 20px 0 }
#articles_div p { margin: 10px 0; padding-right: 15px }
#articles_div li { list-style: disc inside }

#blog_div { margin: 20px 0 }
#blog_div a { color: #36a; font-size: 110% }
#blog_div span { display: block; margin-bottom: 20px }

#faq_q { margin: 20px 0 }
#faq_q ol{ font-weight: bold; list-style: decimal; margin: 20px 0 0 25px }
#faq_q li { padding: 3px 0 }
#faq_a { margin: 40px 0 }
#faq_q .section, #faq_a .section { display: block; font-weight: bold; font-size: 120%; margin: 10px 0 }
.answer { margin: 30px 0 10px 0 }
.answer ul { list-style: disc inside }
.question { font-style: italic }

.clear { clear: both }

#footer {
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #bbbbbb;
	color: #666;
	clear: both;
	text-align: center
}
#site { margin: 20px 0 }
#social { border: 0 solid #eee; margin: 10px auto; padding: 5px; width: 160px }
#social span { display: block }
#footer a { color: #666; font-weight: normal; padding: 0 5px; text-decoration:none }
#footer a:hover { color: #eee }

/* >>> SUB CONTAINERS <<< */
* { }

/* >>> LISTS <<< */

/* >>> IMAGES <<< */

h1 { display: none }
h2 {
	color: #eee;
	font-family: Times New Roman, default serif;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px
}
h3 { font-weight: bold; font-size: 130%; margin: 10px 0 }