/* ------------------------------ 
HTML Redefine Tags
------------------------------ */
body{font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px; padding:0; background-color:#a81b1b; line-height:1.1; }

input, form, textarea
h1, h2, h3, h4, h5, h6{margin:0; padding:0;}
h1{font-size:15px; font-family:"Times New Roman", Times, serif; color:#57322a; line-height:1.3; }
h2{font-size:14px; font-family:"Times New Roman", Times, serif; color:#57322a; line-height:1.2; margin:0px 0px 12px 0px; font-weight:normal;}
h3{font-size:13px; border-bottom:solid 1px #DEDEDE; padding:4px 0; margin-bottom:10px;}



a{outline:none;}

:focus {
  -moz-outline-style:none;
}

/* ------------------------------ 
PAGE STRUCTURE 
------------------------------ */

/* 
#container has an absolute width (780 pixel) 
*/


#container_intro{width:949px; height:578px; margin:0 auto; background: url(images/intro_full_bg.jpg) 0 0 no-repeat;}

	#column_intro_container{
	width:260px;
	position:absolute;
	margin:50px 0px 0px 592px;
		}
			#column_intro_copy{
			float:left; width:260px;  
		}
		#column_intro_menu{
			float:left; width:260px; height:126px; margin:14px 0px 0px 0px; 
		}
		
				#column_intro_contact {
				width:260px;
				float:left;
				text-align:right;
				padding:10px 20px 0px 0px;
			
			}
		
			#column_intro_contact p{
			font-family:"Times New Roman", Times, serif; color:#57322a;
			font-size:14px;
			text-align:right;
			line-height:1.3;
			margin:0px 0px 0px 0px;
			
			}
		
		
#container{width:822px; margin:34px auto; background: url(images/bg_y_tile.gif) 0 0 repeat-y;}

	#topbar{width:auto; display:block; height:4px; background-color:#000;}
	#navbar{width:auto; display:block; height:28px;}
		#navbar a{heigth:28px; line-height:28px; padding:0 8px; display:inline;}
	
	#main{width:auto; min-height:536px; display:block; padding:10px 0; background:url(images/bg_main.jpg) top no-repeat;}
		#column_top{width:100%; height:230px; float:left;}
			#column_top_left{width:450px; margin:0px 56px 10px 30px; float:left;}
			#column_top_right{width:263px; margin:0px 20px 0px 0px; float:left;}
			
			#column_top_intro{width:637px; height:598px; margin-left:px; margin-right:0px; margin-top:0px; float:left; 
			background: url(images/intro_image.jpg) 0 0 no-repeat;}
			
			div.spacer{clear:both; height:10px; display:block;}
		
		#column_left{width:146px; margin:10px 0px 0px 30px; float:left;}
		#column_right{width:350px; margin:10px 0px 0px 0px; float:left;}
	
		#column_graphic{width:273px; float:left; margin:-50px 0px 0px 0px;}
		
		#column_graphic p{
			font-family:"Times New Roman", Times, serif; color:#57322a;
			font-size:14px;
			text-align:right;
			line-height:1.3;
			margin:0px 0px 0px 0px;
			
			}
		div.spacer{clear:both; height:10px; display:block;}
	
	#footer{width:auto; height:4px; background-color:#000000; display:block; padding:0px 0px 0px 0px; font-size:11px; color:#666666;}
	#footer_link{width:auto; height:16px; display:block; background-color:#a81b1b; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; padding:4px 0px 0px 0px; }
	
		#intro_footer_link{width:824px; height:16px; display:block; background-color:#a81b1b; padding:0px 0px 0px 0px; margin:0 auto; padding:4px 0px 0px 0px; }
	
/* ------------------------------ 
CUSTOM CLASSES
------------------------------ */

/* 
Add here your custom classes
*/

#menu01on{
	float: left;
	width: 263px;
	height: 24px;
	background: url(images/menu01.gif) 0px 0px no-repeat;
	text-indent: -999em;
	overflow: hidden;
	margin:0px 0px 0px 0px;
	background-image: url(images/menu01.gif) 0px 0px no-repeat;
	
}

#menu02on{
	float: left;
	width: 263px;
	height: 24px;
	background: url(images/menu02.gif) 0 0 no-repeat;
	text-indent: -999em;
	overflow: hidden;
	margin:0px 0px 0px 0px;
	background-image: url(images/menu02.gif);
	
}

#menu03on{
	float: left;
	width: 263px;
	height: 24px;
	background: url(images/menu03.gif) 0 0 no-repeat;
	text-indent: -999em;
	overflow: hidden;
	margin:0px 0px 0px 0px;
	background-image: url(images/menu03.gif);
	
}

#menu04on{
	float: left;
	width: 263px;
	height: 24px;
	background: url(images/menu04.gif) 0 0 no-repeat;
	text-indent: -999em;
	overflow: hidden;
	margin:0px 0px 0px 0px;
	background-image: url(images/menu04.gif);
	
}

#menu05on{
	float: left;
	width: 263px;
	height: 24px;
	background: url(images/menu05.gif) 0 0 no-repeat;
	text-indent: -999em;
	overflow: hidden;
	margin:0px 0px 0px 0px;
	background-image: url(images/menu05.gif);
	
}

#menu01off{
	float: left;
	width: 263px;
	height: 24px;
	background: url(images/menu01.gif) 0 -24px no-repeat;
	text-indent: -999em;
	overflow: hidden;
	margin:0px 0px 0px 0px;
	background-image: url(images/menu01.gif) 0 -24px no-repeat;
	
}

#menu02off{
	float: left;
	width: 263px;
	height: 24px;
	background: url(images/menu02.gif) 0 -24px no-repeat;
	text-indent: -999em;
	overflow: hidden;
	margin:0px 0px 0px 0px;
	background-image: url(images/menu02.gif) 0 -24px no-repeat;
	
}

#menu03off{
	float: left;
	width: 263px;
	height: 24px;
	background: url(images/menu03.gif) 0 -24px no-repeat;
	text-indent: -999em;
	overflow: hidden;
	margin:0px 0px 0px 0px;
	background-image: url(images/menu03.gif) 0 -24px no-repeat;
	
}

#menu04off{
	float: left;
	width: 263px;
	height: 24px;
	background: url(images/menu04.gif) 0 -24px no-repeat;
	text-indent: -999em;
	overflow: hidden;
	margin:0px 0px 0px 0px;
	background-image: url(images/menu04.gif) 0 -24px no-repeat;
	
}

#menu05off{
	float: left;
	width: 263px;
	height: 24px;
	background: url(images/menu05.gif) 0 -24px no-repeat;
	text-indent: -999em;
	overflow: hidden;
	margin:0px 0px 0px 0px;
	background-image: url(images/menu05.gif) 0 -24px no-repeat;
	
}

#menu01off:hover, #menu02off:hover, #menu03off:hover, #menu04off:hover, #menu05off:hover { background-position: 0 -48px; cursor: pointer; cursor: hand; }

.featured_product{
	float: left;
	width: 146px;
	height: 154px;

	text-indent: -999em;
	overflow: hidden;
	margin:0px 0px 20px 0px;
	
	
}

.icon_container{
	float: left;
	width: 116px;
	height: 116px;
	background: url(images/icon_container.gif) top center no-repeat;

	overflow: hidden;
	margin:0px 0px 4px 0px;
	background-image: url(images/icon_container.gif) top center no-repeat;
	
	
	
}

.icon_container img{
position:absolute;
margin:0px 0px 0px 16px;
	
}

.icon_container p{
	font-family:arial narrow, Arial-Narrow, Helvetica Narrow, Helvetica-Narrow, Arial, Helvetica, sans-serif;
	text-align:center;
	line-height:1;
	font-size:11.5px;
	color:#57322a;
	margin:80px 0px 0px 0px;
}

div.icon_container a:link {color:#a81b1b; text-decoration:none;} /* unvisited link */
div.icon_container a:visited {color:#a81b1b; text-decoration:none;} /* visited link */
div.icon_container a:hover {color:#a81b1b; text-decoration:underline;} /* mouse over link */
div.icon_container a:active {color:#a81b1b; text-decoration:none;} /* selected link */



#visit_web_link{
	float: left;
	width: 213px;
	height: 12px;
	background: url(images/visit_web_link.gif) 0 0 no-repeat;
	text-indent: -999em;
	overflow: hidden;
	margin:0px 0px 0px 0px;
	background-image: url(images/visit_web_link.gif) 0 0 no-repeat;
	
}

#headline_logo{
	float: left;
	width: 450px;
	height: 84px;
	background: url(images/header_logo.gif) 0 0 no-repeat;
	text-indent: -999em;
	overflow: hidden;
	margin:0px 0px 14px 0px;
	background-image: url(images/header_logo.gif);
}

#headline_logo:hover { background-position: 0 -84px; cursor: pointer; cursor: hand; }