a:focus, a:active {
outline: 0;
-moz-outline: none;
}
body   { background-color: #8f5223; background-image: url(../images/mechanicals/wood_background.jpg); text-align: center; position: relative }
.main   { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-image: url(../images/mechanicals/repeat.gif); background-repeat: repeat-y; text-align: left; margin-right: auto; margin-left: auto; position: relative; width: 798px }
#note {
	font-size: 0.65em;
	margin-bottom: 1em;
}
.monthlyspecial_photo{
	float: right;
	margin-bottom: 15px;
	margin-left: 20px;
	border: 8px solid #EFB110;	
	
	-moz-box-shadow: -3px 3px 8px #666;
	-webkit-box-shadow: -3px 8px 3px #666;
	box-shadow: -3px 3px 8px #666;	
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;


}
.clr{
	clear: both;
	height: 1px;
	width: 100%;
}
.map_directions{
	background-image: url(../images/buttons/MAP.jpg);
	background-repeat: no-repeat;
	height: 40px;
	width: 127px;
	font-size: 1px;
	text-indent: -999999px;
	display: block;
}

a.drivingdirections{
	font-size: 13px;
	display: block;
	float: left;
	background-image: url(../images/buttons/driving.png);
	background-repeat: no-repeat;
	background-position: center 10px;
	padding-top: 65px;
	height: 55px;
	width: 125px;
	border: 1px solid #CCCCCC;
	text-decoration: none;
	font-weight: bold;
-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 25px;
	margin-left: 10px;
	padding-right: 5px;
	padding-left: 5px;
	
		-moz-box-shadow: -3px 3px 8px #666;
	-webkit-box-shadow: -3px 8px 3px #666;
	box-shadow: -3px 3px 8px #666;	

}
a:hover.drivingdirections{
	color: #E0BA11;
}

#threepanel{
	position: relative;
	left: -13px;
}

 address{
	background-color: #FFFFFF;
	padding: 10px;
	margin-bottom: 15px;
	border: 1px solid #999999;
	display: block;
	
	box-shadow: -3px 3px 3px #E4E4E4;
 	-moz-box-shadow: -3px 3px 3px #E4E4E4;
	-webkit-box-shadow: -3px 3px 3px #E4E4E4;

	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	_height: 1%;
	font-size: 12px;
	overflow: hidden;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	font-style: normal;
}	

address strong{
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	color: #6B4775;
}

.phone{
	font-size: 20px;
	font-weight: bold;
	color: #333333;
	padding-top: 10px;
	display: block;

}
#prefooter{
	display: block;
	width: 100%;
	clear: both;
}
#navigation {
	background-color: transparent;
	position: relative;
	z-index: 3000;
	top: 10px;
	left: 25px;
	width: 744px;
	height: 75px;
}
#bannermovie {
	position: relative;
}
/* "Menu 1 IDs" */
	.home  { background-color: #6a4775; background-image: url(../images/buttons/home.jpg); background-position: center 0; text-indent: -1000px; width: 93px; height: 24px; border-right: 1px solid #fff }
	.aboutus  { background-color: #6a4775; background-image: url(../images/buttons/aboutus.jpg); background-position: center 0; text-indent: -1000px; width: 100px; height: 24px; border-right: 1px solid #fff }
	.contactus  { background-color: #6a4775; background-image: url(../images/buttons/contactus.jpg); background-position: center 0; text-indent: -1000px; width: 100px; height: 24px; border-right: 1px solid #fff }
	.services  { background-color: #6a4775; background-image: url(../images/buttons/services.jpg); background-position: center 0; text-indent: -1000px; width: 100px; height: 24px; border-right: 1px solid #fff }
	.cabinets  { background-color: #6a4775; background-image: url(../images/buttons/cabinets.jpg); background-position: center 0; text-align: center; text-indent: -1000px; width: 100px; height: 24px; border-right: 1px solid #fff }
	.counters  { background-color: #6a4775; background-image: url(../images/buttons/counters.jpg); background-position: center 0; text-align: center; text-indent: -1000px; width: 121px; height: 24px;  border-right: 1px solid #fff}
	.woodstoves  { background-color: #6a4775; background-image: url(../images/buttons/woodstoves.jpg); background-position: center 0; text-align: center; text-indent: -1000px; width: 123px; height: 24px }

/* "Employment Appliication" */
	label { color: #000; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; list-style-type: square; margin: 0; padding: 0 10px 0 0 }
	input { margin: 0 3px 0 0; padding: 0 }
	.personal   { background-color: transparent; background-image: url(../images/employment_form/personal.gif); background-repeat: no-repeat; margin-bottom: 10px; padding: 15px 5px 5px 50px; width: auto; height: auto; border: solid 1px #114b23 }
	.education   { background-color: transparent; background-image: url(../images/employment_form/education.gif); background-repeat: no-repeat; margin-bottom: 10px; padding: 15px 5px 5px 50px; width: auto; height: auto; border: solid 1px #114b23 }
	.referrals   { background-color: transparent; background-image: url(../images/employment_form/references.gif); background-repeat: no-repeat; margin-bottom: 10px; padding: 15px 5px 5px 50px; width: auto; height: auto; border: solid 1px #114b23 }
	.table_headline { color: black; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-align: center; padding-bottom: 10px; border-bottom: transparent; border-left: transparent }
	.table_cell { text-align: center; padding-bottom: 10px; padding-left: 5px; border-bottom: transparent; border-left: transparent }
	.table_row { padding-bottom: 10px; padding-left: 5px; border-top: 1px solid #dabbd6; border-right: 0 solid; border-bottom: 0 solid #000 }

/* "Contact Form" */
.contactinfo  {
	display: block;
	padding: 10px;
	position: absolute;
	top: 35px;
	right: 5px;
	border: solid 1px #9a9a9a;
	font-size: 13px;
	float: right;
	height: auto;
	width: 280px;
}

.contactinfo table{
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
	margin-top: 5px;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 280px;
	box-shadow: -3px 3px 3px #E4E4E4;
 	-moz-box-shadow: -3px 3px 3px #E4E4E4;
	-webkit-box-shadow: -3px 3px 3px #E4E4E4;

}
.contactinfo table .phone{
	font-size: 16px;
	color: #6A4775;
}

	div.contactinfo h1 { font-size: 1em; margin-bottom: 0.5em; border-bottom: 1px solid #fc3 }
	div.contactinfo address { color: #5a5a5a; font-size: 0.85em; font-style: normal; font-weight: bold }
	div.contactinfo p { color: #5a5a5a; font-size: 0.85em; font-weight: bold }
	form { }
	form p { padding-top: 0.35em; padding-bottom: 0.35em }
	.check_list { margin-left: 15px; width: 45%; float: left }
	.mailing_info { }
	div.mailing_info label { text-align: right; display: block; padding-right: 10px; width: 150px; float: left }
	input  { vertical-align: middle }
	#submit   { color: white; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; background-color: #6a4775; position: relative; left: 40% }

/* "menu 1" */
	.menu1   { margin: 0; padding: 0; position: relative; z-index: 0; width: 100%; height: 24px; border-top: 1px solid #383838; border-bottom: 1px solid #383838 }
	div.menu1 ul { margin: 0; padding: 0 }
	div.menu1 li { list-style-type: none; display: block; margin: 0; padding: 0; float: left }
	div.menu1 a { color: #f4ebe4; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none; text-align: center; display: block; margin: 0; padding: 0; overflow: hidden; clip: auto }
	div.menu1 a:hover { color: #fff; background-color: #b4aba4; background-position: center -24px }
	#current_page   { color: #fff; background-color: #000; background-position: center -48px; cursor: default }

/* "menu 2" */
	.menu2  { background-image: url(../images/mechanicals/subnav_background.gif); background-repeat: no-repeat; background-position: center 0; margin: 0; padding: 0; z-index: 100; height: 30px }
	div.menu2 ul  { margin: 0; padding: 0; position: relative; top: 3px; left: 30px; width: auto; height: 30px }
	div.menu2 li  { list-style-type: none; display: block; margin: 0; padding: 0; position: relative; width: auto; float: left }
	div.menu2 a   { color: #626262; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; text-align: center; display: block; margin: 0; padding: 0 25px 0 0; width: auto; overflow: hidden; clip: auto }
	div.menu2 a:hover  { color: #fff; background-color: transparent; background-position: center -24px }
	#current_page2   { color: #f4f4f4; cursor: default }

/* "Banner" */
	.banner  { background-image: url(../images/mechanicals/banner_img.gif); position: relative; height: 158px }
	div.banner h1 { font-size: 1px; text-indent: -1000px; position: relative; height: 1px }
.flash {
	position: absolute;
	top: 14px;
	left: 25px;
	z-index: 1;
}

.content    { margin-bottom: .85em; position: relative; left: 45px; width: 705px }
/* "Columns" */
#column1  {
	display: block;
	width: 170px;
	float: left;
	position: relative;
}
#column2 { }

p  { margin: 0; padding-bottom: 0.5em }
h1  {
	color: #6a4775;
	font-size: 1.5em;
	font-weight: bold;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0.5em;
}
h2   { color: #c19b00; font-size: 1em; font-weight: bold; margin: 0 }
h3  {
	color: #5a5a5a;
	font-size: 0.95em;
	font-weight: bold;
	margin: 0;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
sup { font-size: 0.65em }
sub { font-size: 0.65em; position: relative; top: -0.5em }
/* "Footer" */
	.footer  { background-color: transparent; background-image: url(../images/mechanicals/footer_img.gif); position: relative; width: 100%; height: 144px; clear: both }
	div.footer h1 { color: #fff; font-size: 20px; font-weight: bold; text-align: center; margin: 0; padding-top: 15px }
	div.footer h2 { color: #fc0; font-size: 28px; font-weight: bold; text-align: center; text-transform: uppercase; margin: 0 }
	div.footer h3 { color: #fff; font-size: 14px; font-weight: normal; text-align: center; margin: 0 }

/* "Special Images" */
 .special_image{
	position: relative;
	top: 5px;
}
	#warranty { position: relative; z-index: 1000; float: right }

/* "Home Detail Mechs" */
#home_photo_caption {
	color: #414240;
	font-size: 0.85em;
	display: block;
	margin-top: 350px;
	padding-bottom: 25px;
	position: relative;
	left: 20px;
	width: 515px;
	float: left;
	height: 85px;
}
#home_photo { position: absolute; top: 191px; right: 29px }
#nkba-logo {
	margin-top: 15px;
}


 em { color: #6a4775; font-style: normal }
br { width: 100%; height: 1px; clear: both }

#wellborn {
	position: relative;
	height: 10000px;
	width: 850px;
	left: -65px;
	background-color: #FFFFFF;
}
#return{
	position: absolute;
	top: 20px;
	z-index: 30000;
}
/* ----------------------------------- */
/*   CSS for Alternate Images Gallery  */
/* ----------------------------------- */

.content .caption{font-style:italic;color:#887;}
.content .gallery{
	width:100%;
	margin:0;
 	margin: 0px;
	padding: 0px;
	position: relative;
	left: 2px; 
}
 
.content .gallery li{
	height:55px;
	float: left;
	margin-top: 0;
	margin-right: 2px;
	margin-bottom: 0;
	list-style-type: none;
	display: block;
	overflow: hidden;
	padding: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.content .gallery li img{
	padding: 0px;
	margin: 0px;
}
.content .gallery li div{ }
.content .gallery li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	
#main_image{
	display: block;
	height: 700px;
	width: auto;
	overflow: hidden;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	text-align: center;
	clear: both;
	padding-top: 10px;
}
#main_image img{margin-bottom:10px;}

#altviews{
	position: relative;
	height: 50px;
	display: block;
}
 
#altviews .nav{
	height: 16px;
	position: absolute;
	width: 205px;
	left: 0px;
	bottom: 5px;
	display: block;
	text-align: center;
	font-size: 13px;
	color: #993300;
 
}
#altviews  .nav:hover{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
 
}
#altviews .nav a{
	text-decoration: none;
	color: #666666;
}
#altviews  .nav a:hover{
	text-decoration: none;
	color: #009999;
}