/*-------------------------------------------
	TITLE: Kauffman Kitchens
	CREATED: 4/08/2008

--
	LAYOUT
	- BODY, LINKS, MENUS
	- TOP
	- MENU
	- CONTENT
	- SUBMENU
	- FOOTER
--

-------------------------------------------*/

/*-------------------------------------------
	- BODY, LINKS, MENUS
		- links
		- top level divs
-------------------------------------------*/
a   {
    color:#423424;
	text-decoration:underline;
}

a:hover{
    color:#CBC5B9;
}
:focus {-moz-outline-style: none;}

a img {
	border: 0px;
}

body {
	background-color: #271c15;
	margin: 0px;
	background-image:url(../images/top_bg.jpg);
	background-repeat:repeat-x;
	background-position: top center;
}

/*-------------------------------------------
	- TOP
-------------------------------------------*/
#top {
	width: 851px;
	height: 296px;
	margin-left: auto;
	margin-right: auto;
}

h1 {
	margin: 0px; 
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	background-image: url(../images/logo.jpg);
	height: 198px;
	width: 851px;
}

h1 a{
	height: 150px;
	width: 300px;
	text-indent: -9999px;
	display: block;
	margin-left: 275px;
	padding-top: 30px;
}


h2 {
	height: 18px;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-indent: -9999px;
}

.style {background-image: url(../images/style_versatility_value.gif);}
.aboutus {background-image: url(../images/h2_aboutus.gif);}
.cabinetry {background-image: url(../images/h2_cabinetry.gif);}
.countertops {background-image: url(../images/h2_countertops.gif);}
.commercial {background-image: url(../images/h2_commercial.gif);}
.gallery {background-image: url(../images/h2_gallery.gif);}
.contactus {background-image: url(../images/h2_contactus.gif);}
.quote {background-image: url(../images/h2_quote.gif);}

#h2back {
	background-image: url(../images/h2_bg.jpg);
	background-repeat: no-repeat;
	height: 32px;
	padding: 20px 0px 0px 18px;
}
/*-------------------------------------------
	- CONTENT
-------------------------------------------*/
#contentwrapper {
	width: 100%;
	background-image: url(../images/middle_bg.jpg);
	background-repeat:repeat-x;
	padding-top: 15px;	
	padding-bottom: 15px;
	/* margin-top: -20px; */
}

#contentbox {
	width: 851px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(../images/content_bg.jpg);
	background-repeat:no-repeat;
	background-position: top left;
	
}

h3 {margin: 0px; padding: 20px 0px 0px 20px; margin-bottom: -10px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size: 12px; color: #271a11;}

#contentbox p {
	margin: 0px;
	padding: 19px 19px 0px 19px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #000000;
	line-height: 23px;
}

#contentbox ul {
	margin:0px 0px 0px 0px;
	_margin:0px 0px 0px 50px;
	}

#contentbox li {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #000000;
	line-height: 17px;
}


.left {
	width: 50%;
	float: left;
}
.right {
	width: 49%;
	float: right;
	margin-right: 8px;
}

#photocontainer {
	background-image: url(../images/photo_container.jpg);
	background-repeat: no-repeat;
	width: 387px;
	height: 345px;
	margin-top: -49px;
	margin-left: 28px;
	position: absolute;
}

#photocontainer2 {
	background-image: url(../images/photo_container2.jpg);
	background-repeat: no-repeat;
	width: 387px;
	height: 395px;
	margin-top: -49px;
	margin-left: 28px;
	position: absolute;
}

#photocontainer img, #photocontainer2 img{
	padding: 29px 30px 30px 30px;
}

#map {
	margin: 29px 30px 30px 30px;
	border: 1px solid #CCCCCC;
}

#contentbottom {
	clear: both;
	background-image: url(../images/contentbottom.jpg);
	background-repeat: no-repeat;
	background-position:bottom left;
	height: 1px;
	padding-bottom: 10px;
	_padding: 0px;
}


#gallery img{
	margin-right: 16px;
}

/*-------------------------------------------
	- Contact Form
-------------------------------------------*/

.send-btn2 {
	margin-left: 20px;
	width: 324px;
	height: 20px;
}

#formcontainer li {
 color: #f8f1e7;
}

			#formcontainer {
				font-family:Arial, Helvetica, sans-serif;
				padding: 0px 0px 0px 0px;
				color: #6e0000;
				margin:0;
				width: 371px;
				margin-left: 14px;
			}
			.form {
				margin:0;
				padding:0;
				position:relative;
				z-index:1;
			}
			.form * {
				margin:0;
				padding:0;
			}
				.form fieldset {
					border-width:0;
				}
				.form ul {
					list-style:none;
					margin:0;
					padding:0;
				}
					.form li {
						padding:5px 10px;
						clear:both;
					}

					.form div.medium, .form div.small, .form div.xsmall {
						float:left;
						padding:0 5px 0 0;
					}	
					.form label {
						display:block;
						font-size:11px; 
						margin:2px 0 0 0;
						text-transform:uppercase;
					}
					.form div label {
						color:#181511;
						font-size:8pt;
						font-weight:normal;
						text-transform: none;
					}
					.form .error {
						color:#FF0000;
					}
					.form li input, .form li textarea {
					font-size: 11px;
					font-family: Georgia, "Times New Roman", Times, serif;
					color: #efe7da;
						background-image:url(../images/input_bg.jpg);
						border-bottom: #afa79a 1px solid;
						border-right: #afa79a 1px solid;
						border-top: #63594a 1px solid;
						border-left: #63594a 1px solid;
						font-weight:normal;
						padding:6px;
						margin-top: 5px;
					}
					.form textarea {height:75px;}
					.form input, .form textarea {width:324px;}
					.form div.large input {width:150px;}
					.form div.medium input{width:90px;}
					.form div.small input{width:45px;}
					.form div.xsmall input{width:30px;}
					.feedback {
						background:#fffee3;
						border:#f2edd4 1px solid;
						color:#333;
						float:left;
						padding:15px;
						text-align:center;
						width:230px;
					}
					/* indicator */
					.indicator {
						background:#FFF;
						filter: alpha(opacity=75);
						height:32px;
						left:0;
						opacity: .75;
						position:absolute;
						padding:200px 125px;
						top:0;
						width:32px;
						z-index:2;
					}
					/* buttons */
					.button {
						width: 100px;
						height: 22px;
						margin-top: 10px;
						font-size: 12px;
						margin-left: 10px;
						background-color: #790604;
						color: #ffffff;
						border: 1px solid #1d4227;
					}
			
		#formcontainer a img {
			padding-left: 7px;
			margin-top: 10px;
			_padding-left: 58px;
		}
		

		.cell {
			font-family:Georgia, "Times New Roman", Times, serif;
			color:#181511;
			font-size:10pt;
			font-weight:normal;
			margin:2px 0 0 0;
			text-transform: none;
			}
			.form .radiobutton {
				width: 12px;
			}
			
#quoteform input {
	width: 13px;
	padding:6px;
	margin-left: 6px;
	font-size: 11px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #efe7da;
}

#quoteform table {
	margin-left: 5px;
}

#quoteform td {
	font-family:Georgia, "Times New Roman", Times, serif;
	color: black;
	font-size: 11px;
	padding: 5px;
	border-bottom: 1px solid #50493b;
}

.header {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	color:#f8f1e7;
	margin:2px 0 0 0;
	text-transform:uppercase;
	}
	
#quoteform .quoteinput {
	background-image:url(../images/input_bg.jpg);
	border-bottom: #afa79a 1px solid;
	border-right: #afa79a 1px solid;
	border-top: #63594a 1px solid;
	border-left: #63594a 1px solid;
	width: 100px;
}

/*-------------------------------------------
	- NAVIGATION
-------------------------------------------*/
#navigation {
	background-image: url(../images/nav_bg.jpg);
	height: 46px;
}

#navigation ul {list-style-type:none; padding: 0px; margin: 0px 0px 0px 10px;}
#navigation li {float:left; height: 46px; margin: 0px 3px 0px 0px; padding: 0px;}
#navigation li.list1 {background:transparent url(../images/about_btn.jpg); background-repeat:no-repeat; width: 87px;}
#navigation li.list2 {background:transparent url(../images/cabinetry_btn.jpg); background-repeat:no-repeat; width: 96px; }
#navigation li.list3 {background:transparent url(../images/countertops_bg.jpg); background-repeat:no-repeat; width: 120px;}
#navigation li.list4 {background:transparent url(../images/commercial_btn.jpg); background-repeat:no-repeat; width: 112px; margin-left: 212px;}
#navigation li.list5 {background:transparent url(../images/gallery_btn.jpg); background-repeat:no-repeat; width: 77px;}
#navigation li.list6 {background:transparent url(../images/contact_btn.jpg); background-repeat:no-repeat; width: 106px;}
#navigation a {display:block; height: 46px; text-indent: -9999px; border-bottom: none;}

/* ----------- MAIN HORIZONTAL MENU HOVERING ITEMS ----------- */

#navigation a#item1 {background:transparent url(../images/about_btn.jpg) no-repeat;}
#navigation a#item2 {background:transparent url(../images/cabinetry_btn.jpg) no-repeat;}
#navigation a#item3 {background:transparent url(../images/countertops_bg.jpg) no-repeat;}
#navigation a#item4 {background:transparent url(../images/commercial_btn.jpg) no-repeat;}
#navigation a#item5 {background:transparent url(../images/gallery_btn.jpg) no-repeat;}
#navigation a#item6 {background:transparent url(../images/contact_btn.jpg) no-repeat;}

#navigation a#item1:hover {background-position:0px -46px; z-index:50;}
#navigation a#item2:hover {background-position:0px -46px; z-index:50;}
#navigation a#item3:hover {background-position:0px -46px; z-index:50;}
#navigation a#item4:hover {background-position:0px -46px; z-index:50;}
#navigation a#item5:hover {background-position:0px -46px; z-index:50;}
#navigation a#item6:hover {background-position:0px -46px; z-index:50;}


/*-------------------------------------------
	- FOOTER
-------------------------------------------*/

#footer {
	background-image: url(../images/footer_bg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: 86px;
	text-align:center;
	color: #5a504a;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 10px;	
}

#footer p {
	text-align: left;
	padding: 10px 0px 0px 0px;
	margin: 0px;
	width: 851px;
	margin-left: auto;
	margin-right: auto;
	line-height: 26px;
}

#footer a {
	color: #5a504a;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}