/* @override 
	http://heartland/css/custom.css
	http://heartlandsolutions.com/css/custom.css
*/

/* @group General Layout */

html, body {
	height: 100%;
}

body {
	background: #565656;
	font-family: "Arial, Helvetica Neue", Helvetica, Geneva, sans-serif;
}

#canvas {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 0 -56px;
}

#outer_wrapper {
	background: #FFF url(../img/bg-repeat_x_main.png) repeat-x;
}

#outer_wrapper.aux {
	background: #FFF url(../img/bg-repeat_x_aux.png) repeat-x;
}

#footer {
	background: #565656 url(../img/bg-repeat_x_footer.png) repeat-x;
	position: relative;
}

.bottom {
	margin-bottom: 0;
}

/* @end */

/* @group Header */

#header {
	width: 950px; height: 123px;
	margin: 0; padding: 0;
	float: left;
}

#logo {
	background: url(../img/header-logo.png) no-repeat;
	text-indent: -9000px;
	position: relative;
	overflow: hidden;
	width: 338px; height: 123px;
	float: right;
}

#nav {
	width: 612px; height: 19px;
	margin: 0;
	margin-top: 55px;
	float: left;
}

#nav li {
	list-style: none;
	float: left;
}


#nav a {	
	display: block;
	text-indent: -9999px;
	cursor: pointer;
	overflow: hidden;
	width: 153px; height: 19px;
}

#nav_home {background: url(../img/nav-home.gif) no-repeat top left;}
#nav_home a:hover {background: url(../img/nav-home.gif) no-repeat bottom left;}

#nav_company {background: url(../img/nav-company.gif) no-repeat top left;}
#nav_company a:hover {background: url(../img/nav-company.gif) no-repeat bottom left;}

#nav_products {background: url(../img/nav-products.gif) no-repeat top left;}
#nav_products a:hover {background: url(../img/nav-products.gif) no-repeat bottom left;}

#nav_contact {background: url(../img/nav-contact.gif) no-repeat top left;}
#nav_contact a:hover {background: url(../img/nav-contact.gif) no-repeat bottom left;}

/* @end */

/* @group Masthead */

#masthead {
	width: 950px; height: 245px;
	margin-bottom: 35px;
}

#masthead.aux {
	width: 950px; height: 82px;
}

#mast_content h1 {
display: none;
}



/* @end */

/* @group Content */


/* GENERAL CONTENT AREA STYLES */

#content {
	width: 950px;
	padding-bottom: 65px;
	line-height: 1.64;
}

#content strong {
	color: #ed2224;
}

.hanging_bar {
	display: block;
	width: 65px; height: 5px;
	font-size: 5px;
	margin: 0; padding: 0;
	margin-bottom: 15px;
	background: #DCDCDC;
}

#company_content, #product_content, #product_detail_content {
	color: #333;
}

/* HOME PAGE CONTENT SPECIFIC STYELS */

#content h3 {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	color: #ed2224;
}

#featured h2, #welcome h2, #contact h2 {
	height: 18px;
	font-size: 18px;
	border-bottom: 2px solid #DCDCDC;
	margin: 0;
	text-indent: -9999px;
	position: relative;
	overflow: hidden;
}

#featured h2 {background: url(../img/title-feat_prod.gif) no-repeat top left;}
#welcome h2 {background: url(../img/title-welcome.gif) no-repeat top left;}
#contact h2 {background: url(../img/title-contact.gif) no-repeat top left;}

#featured img {
	margin-bottom: 20px;
}

#product_list li {
	list-style: none;
	font-weight: bold;
	line-height: 2;
	background: url(../img/bullet-content.png) no-repeat 0 5px;
	margin: 0;
	padding-left: 18px;
}

#welcome p, #contact p {
	padding-right: 10px;
}

#welcome p.signature {
	background: url(../img/signature-home.gif);
	width: 173px; height: 27px;	
	text-indent: -9999px;
	position: relative;
	overflow: hidden;
	padding: 0;	
}


	/* @group Contact Form Elements */
		
		#contact_form div {
			margin-bottom: 6px;
		}
		
		#contact_form input {
			width: 250px;
			padding: 2px;
			color: #999;
			font-size: 13px;
		}
		
		#contact_form textarea {
			width: 255px;
			height: 80px;
			padding: 2px;
			color: #999;
			font-size: 13px;
			font-family: "Arial, Helvetica Neue", Helvetica, Geneva, sans-serif;
		}
	
		#contact_form button {
			width: 66px;
			height: 19px;
			text-indent: -9999px;
			overflow: hidden;
			position: relative;
			background: url(../img/btn-submit.png) no-repeat top left;
			border: none;
			cursor: pointer;
		}
		
		#contact_form button:hover, #contact_form button.hover {
			background: url(../img/btn-submit.png) no-repeat bottom left;
		}
		
		.button {
			text-align: right;
			padding-right: 10px;
		}
		
		#contact_form label.error {
			background: url(../img/exclamation.gif) no-repeat 0 48%;
			border: none;
			margin: 0; padding: 0 0 0 18px;
			font-weight: normal;
			display: block;
		}
		
		#form_result {display: none; padding-top: 1.5em; border-top: 1px solid #DCDCDC;}
		#form_result h3 {
			background: url(../img/email.png) no-repeat 0 50%;
			padding-left: 22px;
		}
		
		#contact_row1 #contact_form input, #contact_row1 #contact_form textarea {
			width: 370px;
		}	
	
	/* @end */

/* COMPANY PAGE CONTENT SPECIFIC STYLES */

#company_content {
	background: url(../img/bg-company_colBar.gif) no-repeat;
}

.history {
	width: 355px;
	float: left;
	margin: 0; padding: 0;
	line-height: 1.95;
}

#company_content div.image_column {
	width: 201px;
	margin: 0 20px 0 19px;
	float: left;
}

/* PRODUCT LIST PAGE CONTENT SPECIFIC STYLES */

.category {
	color: #333;
	margin-bottom: 50px;
}

.category h2, .feedback {
	border-bottom: 2px solid #DCDCDC;
	margin: 0;
	color: #ed2224;
}

.product_box {
	float: left;
	width: 154px;
	margin-bottom: 20px;
	text-align: center;
}

.product_box a {
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 5px;
	display: block;
}

.product_box a span {
	font-weight: normal;
	font-size: 10px;
	display: block;
}

div.prod_col1 {
	width: 462px;
	margin-right: 8px;
}

div.prod_col2 {
	width: 462px;
	margin-left: 18px;
}

/* PRODUCT DETAILS PAGE SPECIFIC STYLES */

p.prod_teaser {
	margin: 0; padding-bottom: 10px;
	border-bottom: 2px solid #DCDCDC;
	font-size: 1.2em;
}

.product_detail_list {
	margin: 0;
}

.product_detail_list li {
	list-style: none;
	background: url(../img/bullet-content.png) no-repeat 0 5px;
	margin: 0;
	padding-left: 18px;
	padding-bottom: 10px;
}

.sub_list li {
	background: none;
	padding: 0;
	padding-bottom: 10px;
	color: #666;
	list-style-type: square;
	margin-top: ;
}

.prod_detail_col1 {
	width: 339px;
	padding-right: 20px;
	float: left;
}

.prod_detail_col2 {
	width: 232px;
	float: left;
}

.prod_bracket_col1 {
	width: 200px;
	padding-right: 20px;
	float: left;
}

.prod_bracket_col1 img {
	border: 2px solid #DCDCDC;
}

.prod_bracket_col2 {
	width: 710px;
	float: left;
	padding-left: 20px;
}


.prod_detail_col3 {
	width: 339px;
	float: left;
	padding-left: 20px;
}


.prod_detail_col2 p {
	text-align: center;
	padding-bottom: 5px;
}

#product_detail_content div.prod_detail_col3 h3 {
	margin-bottom: 30px;
	color: #333;
}

#map {
	border: 1px solid #BBB;
	padding: 10px;
	margin-bottom: 1.5em;
	width: 357px;
}

#map img {
	border: 1px solid #bbb;
}




/* @end */

/* @group SiteMap Styles */

#sitemap_main table caption, #sitemap_pdf table caption {
	font-weight: bold;
	font-size: 1.5em;
	background: none;
}

#sitemap_main table th {
	background: #F6F6F6;
	border-bottom: 1px dashed #DDD;
}


/* @end */



/* @group Footer */

#footer_content {
	padding-top: 35px;
	
	width: 950px;
}

#footer_nav_container {
	text-align: center;
	width: 770px;
	margin: 0 auto;
	padding-bottom: 14px;
}

#footer_nav {
	float: left;
	margin: 0;
}

#footer_content p {
	text-align: center;
	color: #DCDCDC;
	margin: 0;
}

#footer_content a {
	color: #DCDCDC;
}

#footer_content a:hover {
	text-decoration: underline;
	cursor: pointer;
}

#footer_nav li {
	background: url(../img/bullet-footer_rev.gif) no-repeat top right;
	list-style: none;
	float: left;
	padding-right: 50px;
}

#footer_nav li.last {
	padding: 0;
	background: none;
}

#footer_nav a {
	color: #FFF;
	text-transform: uppercase;
	display: block;
}

/* @end */



/* General Typography & Links */

a, a:link, a:active, a:visited {
	color: #565656;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.badge_push {
	height: 56px;
}

#badge {
	height: 28px;
	padding-top: 28px;
	width: 950px;
	margin: 0 auto;
	text-align: left;
}