/***************************************
BASE STYLES
****************************************/
/* neutralize browser styles */
body, html {
	margin:0;
	padding:0;
	background-color: #eceade;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	color: #000;
	}
/* neutralize browser spacing for vertical elements
	we could do more elements, but this gives us the 
	most widely used block level elements so that we
	control main element spacing without having to 
	add margins back for every block element */
	
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 0;
	padding: 0;
	}
	
/***************************************
LAYOUT STYLES
****************************************/

/* ---------------- header specific styles ----------------*/

#wrapper {
	text-align: left;
	padding: 0px;
	width: 820px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#header {
	height: 150px;
	width: 820px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/_sub/header_bg.jpg);
	position: relative;
}
#header h1 {
	text-indent: -9999px;
}

/* ---------------- main nav specific styles ----------------*/

#mainNav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#mainNav li {
	float: left;
	list-style-type: none;
}
#mainNav #about a {
	height: 44px;
	width: 136px;
	position: absolute;
	left: 10px;
	top: 88px;
	display: block;
	background-image: url(../images/_nav/main_nav_about_btn.jpg);
	text-indent: -9999px;
}
#mainNav #about a:hover {
	background-image: url(../images/_nav/main_nav_about_btn.jpg);
	background-position: 0px 88px;
}
#mainNav #about a:active {
	background-image: url(../images/_nav/main_nav_about_btn.jpg);
	background-position: 0px 44px;
}
#mainNav #products a {
	height: 44px;
	width: 136px;
	position: absolute;
	left: 146px;
	top: 88px;
	background-image: url(../images/_nav/main_nav_products_btn.jpg);
	text-indent: -9999px;
}
#mainNav #products a:hover {
	background-image: url(../images/_nav/main_nav_products_btn.jpg);
	background-position: 0px 88px;
}
#mainNav #products a:active {
	background-image: url(../images/_nav/main_nav_products_btn.jpg);
	background-position: 0px 44px;
}
#mainNav #home a {
	height: 44px;
	width: 256px;
	position: absolute;
	left: 282px;
	top: 88px;
	background-image: url(../images/_nav/main_nav_home_btn.jpg);
	text-indent: -9999px;
}
#mainNav #home a:hover {
	background-image: url(../images/_nav/main_nav_home_btn.jpg);
	background-position: 0px 88px;
}
#mainNav #home a:active {
	background-image: url(../images/_nav/main_nav_home_btn.jpg);
	background-position: 0px 44px;
}
#mainNav #gallery a {
	height: 44px;
	width: 136px;
	position: absolute;
	left: 538px;
	top: 88px;
	background-image: url(../images/_nav/main_nav_gallery_btn.jpg);
	text-indent: -9999px;
}
#mainNav #gallery a:hover {
	background-image: url(../images/_nav/main_nav_gallery_btn.jpg);
	background-position: 0px 88px;
}
#mainNav #gallery a:active {
	background-image: url(../images/_nav/main_nav_gallery_btn.jpg);
	background-position: 0px 44px;
}
#mainNav #contact a {
	height: 44px;
	width: 136px;
	position: absolute;
	left: 674px;
	top: 88px;
	background-image: url(../images/_nav/main_nav_contact_btn.jpg);
	text-indent: -9999px;
}
#mainNav #contact a:hover {
	background-image: url(../images/_nav/main_nav_contact_btn.jpg);
	background-position: 0px 88px;
}
#mainNav #contact a:active {
	background-image: url(../images/_nav/main_nav_contact_btn.jpg);
	background-position: 0px 44px;
}

/* ---------------- main image specific styles ----------------*/

#homeMainImageBg {
	height: 276px;
	width: 820px;
	position: relative;
	background-image: url(../images/_home/main_hd_image_bg.jpg);
	background-repeat: no-repeat;
}
#homeMainImage {
	height: 228px;
	width: 768px;
	position: absolute;
	top: 20px;
	right: 26px;
	background-image: none;
	background-repeat: no-repeat;
	padding: 0px;
	background-color: #ECEADE;
}
#subMainImageBg {
	height: 166px;
	width: 820px;
	position: relative;
	background-image: url(../images/_sub/sub_hd_image_bg.jpg);
	background-repeat: no-repeat;
}
#subAboutMainImage {
	height: 118px;
	width: 768px;
	position: absolute;
	top: 20px;
	right: 26px;
	background-image: none;
	background-repeat: no-repeat;
	background-color: #ECEADE;
}
#subGalleryMainImage {
	height: 118px;
	width: 768px;
	position: absolute;
	top: 20px;
	right: 26px;
	background-image: none;
	background-repeat: no-repeat;
	background-color: #ECEADE;
}
#subProductsMainImage {
	height: 118px;
	width: 768px;
	position: absolute;
	top: 20px;
	right: 26px;
	background-image: none;
	background-repeat: no-repeat;
	background-color: #ECEADE;
}
#subContactMainImage {
	height: 118px;
	width: 768px;
	position: absolute;
	top: 20px;
	right: 26px;
	background-image: none;
	background-repeat: no-repeat;
	background-color: #ECEADE;
}

/* ---------------- home box link specific styles ----------------*/

#introBox1 {
	height: 236px;
	width: 278px;
	float: left;
	background-image: url(../images/_home/hm_box_intro.jpg);
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#homeBox2 {
	height: 236px;
	width: 272px;
	float: left;
	background-image: url(../images/_home/hm_box_cat.jpg);
	position: relative;
	background-repeat: no-repeat;
}
#homeBox2 a {
	display: block;
	height: 236px;
	width: 272px;
	text-indent: -9999px;
}
#homeBox3 {
	height: 236px;
	width: 270px;
	float: left;
	background-image: url(../images/_home/hm_box_hh.jpg);
	background-repeat: no-repeat;
}
#homeBox3 a {
	display: block;
	height: 236px;
	width: 270px;
	text-indent: -9999px;
}

/* ---------------- sub nav specific styles ----------------*/

#subNav {
	height: 445px;
	width: 250px;
	float: left;
	position: relative;
	background-image: url(../images/_sub/sub_nav_bg.jpg);
}
#subNavTop {
	height: 32px;
	width: 250px;
	position: absolute;
	top: 0px;
	background-image: url(../images/_sub/sub_nav_top.png);
	background-repeat: no-repeat;
}
#subNavBtm {
	height: 36px;
	width: 250px;
	position: absolute;
	bottom: 0px;
	background-image: url(../images/_sub/sub_nav_btm.png);
	background-repeat: no-repeat;
}
#subNavLinks {
	width: 140px;
	position: absolute;
	top: 40px;
	left: 55px;
}

/* ---------------- main content specific styles ----------------*/

#mainContentBg {
	height: 445px;
	width: 570px;
	float: right;
	position: relative;
	background-image: url(../images/_sub/main_cont_bg.jpg);
}
#mainContentBgTop {
	background-image: url(../images/_sub/main_cont_top.png);
	height: 32px;
	width: 570px;
	position: absolute;
	top: 0px;
	background-repeat: repeat;
}
#mainContentBgBtm {
	height: 36px;
	width: 570px;
	position: absolute;
	bottom: 0px;
	background-image: url(../images/_sub/main_cont_bt.png);
	background-repeat: no-repeat;
}
#mainContent {
	height: auto;
	width: 450px;
	position: absolute;
	top: 40px;
	left: 60px;
}

/* ---------------- footer specific styles ----------------*/

#footer {
	margin: 0px;
	padding: 0px;
	height: 64px;
	width: 820px;
	clear: both;
	background-image: url(../images/_sub/footer_bg.jpg);
	position: relative;
	float: left;
}
#footer h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	text-indent: -9999px;
}
#footer h2 {
	font-size: 0.6em;
	text-align: center;
	padding-top: 3.5em;
	color: #333;
}

/***************************************
GENERAL TYPOGRAPHY AND COLOR STYLES
****************************************/

/* ---------------- sub nav specific styles ----------------*/

#subNavLinks ul {
	list-style-type: none;
	font-size: 0.9em;
	line-height: 1.6em;
	font-weight: bold;
	color: #000;
}
#subNavLinks ul li a {
	color: #000;
	text-decoration: none;
}
#subNavLinks ul li a:hover {
	color: #000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000;
}

/* ---------------- main content specific styles ----------------*/

#mainContent p {
	font-size: 0.75em;
	line-height: 1.7em;
	text-align: left;
	padding-top: 1em;
}
#mainContent .productBullets{
	font-size: 0.8em;
	line-height: 1.5em;
	text-indent: 0em;
	list-style-type: disc;
	list-style-position: outside;
	padding-bottom: 0.8em;
	padding-left: 1.4em;
	padding-top: 0.7em;
}
#mainContent h1 {
	font-size: 1em;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000;
	padding-bottom: .4em;
}
.qandasection {
	list-style-type: none;
	font-size: 0.75em;
	line-height: 1.75em;
	padding-top: 1em;
	text-indent: -1.2em;
	padding-left: 1.5em;
}
#mainContent h3 {
	font-size: 0.85em;
	font-weight: bold;
	padding-top: 0.5em;
}
#mainContent h6 {
	font-style: normal;
	font-weight: normal;
	line-height: 2em;
}

/***************************************
NON-LAYOUT IMAGE STYLES
****************************************/

/* ---------------- about us specific styles ----------------*/

.history_img_rght {
	float: right;
	border: 1px solid #999;
	margin-top: 0.3em;
	margin-bottom: 0.2em;
	margin-left: 1em;
}
.history_img_lft {
	float: left;
	margin-right: 1.1em;
	border: 1px solid #999;
}

/* ---------------- contact specific styles ----------------*/

.map {
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #000;
	text-align: center;
}

/***************************************
TABLE STYLES
****************************************/

#mainContent table#galleryThumbs {
	margin-right: auto;
	margin-left: auto;
	width: 448px;
}
#mainContent #galleryThumbs td {
	padding: 4px;
}
#mainContent #productsCatalog {
	width: 448px;
	margin-right: auto;
	margin-left: auto;
	margin-top: .7em;
	border-collapse: collapse;
}
#mainContent #productsCatalog .productPhoto {
	width: 130px;
}
#mainContent #productsCatalog td {
	padding: 4px;
	vertical-align: top;
	border: 1px solid #a99272;
}
#mainContent #productsCatalog h3 {
	line-height: 0px;
}
#productsCatalog img {
	border: 1px solid #999;
}
#mainContent table#brochureThumbs {
	margin-right: auto;
	margin-left: auto;
	width: 400px;
}
#mainContent #brochureThumbs td {
	padding: 4px;
	text-align: center;
}
tr .brochurePhotoCaption {
	font-size: 0.85em;
	font-weight: bold;
	vertical-align: top;
	line-height: 1.1em;
}
tr .brochurePhotoCaption a {
	color: #000;
	text-decoration: none;
}
tr .brochurePhotoCaption a:hover {
	color: #000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000;
}
#galleryThumbs tr td a img {
	border: 1px solid #999;
}

/***************************************
LINKS WITHIN CONTENT STYLES
****************************************/

#mainContent p a {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
#mainContent p a:hover {
	color: #000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000;
	font-weight: bold;
}
a img {
	border: none;
	border-width: 0px;
}

/* ---------------- faqs specific styles ----------------*/

#mainContent ul .qandasection a {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
#mainContent ul .qandasection a:hover {
	color: #000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000;
	font-weight: bold;
}

/***************************************
CLEARING
****************************************/

.clear { /*used for clearing all floated elements*/
	clear: both;
}