/* 
   THANKS TO: Chris Coyier
            chriscoyier@gmail.com
            http://chriscoyier.net
            css-tricks.com
*/

/* RESETS & BASIC PAGE SETUP */
* { margin: 0; padding: 100; }
html { overflow-y: scroll; }
body { 
	font: 62.5% "Arial", sans-serif;
	background: url(images/wood_bg2.jpg) top left repeat;
}

ul { list-style: none inside; }
p { font-size: 1.2em; color: #301912; line-height: 1.5em; margin-bottom: 1em; }
p.bold { font-size: 1.2em; font-weight: bold; color: #301912; line-height: 1.2em; margin-bottom: 1em; }
p.footer { font-size: 1.09em; color: white; margin-bottom: 1em; }
	p.metadata { background: #dbcdab; padding: 15px;} 
a {
color: #036b7b;
text-decoration: underline;
}

a.bold {
color: #036b7b;
text-decoration: underline;
font-weight: bold;
}

a.different {
color: white;
text-decoration: underline;
}

a.title {
color: #036b7b;
text-decoration: underline;
font-size: 1.4em;
}

a img { border: none; }

h1 {
	font-family: Arial, san-serif;
	font-size: 2.5em;
	line-height: 1.6em;
	font-weight: normal;
	color: #301912;
	}
	h1#logo {
		width: 1000px;
		height: 180px;
		background: url(images/ok_header3.jpg) no-repeat center center; 
		text-indent: -9999px;
	}
	
h2 {
		font-family: Arial, sans-serif;
		font-size: 1.6em;
		font-weight: normal;
		color: #301912;
		line-height: 1.8em;
		}




		

/* END RESET */

/* TOOLBOX */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
/* END TOOLBOX */

/* STRUCTURE AND STUFF */

ul#nav {
	
	}
	ul#nav li {
		display: inline;
			   	   
		}
		ul#nav li a {
			display: block;		   
			height: 77px;
			text-indent: -9999px;
			float: left;
		}
		ul#nav li.oahukosher a {
			width: 288px;
			margin: 30px 0px 0px 19px;
			background: url(images/nav-oahukosher.jpg) bottom center no-repeat;
		}
		ul#nav li.oahukosheron a {
			width: 288px;
			margin: 30px 0px 0px 19px;
			background: url(images/nav-oahukosher.jpg) center center no-repeat;
			}
		ul#nav li.koshermeals a {
			width: 161px;
			margin: 30px 0px 0px 0px;
			background: url(images/nav-koshermeals.jpg) bottom center no-repeat;
		}
		ul#nav li.koshermealson a {
			width: 161px;
			margin: 30px 0px 0px 0px;
			background: url(images/nav-koshermeals.jpg) center center no-repeat;
		}
		ul#nav li.koshercatering a {
			width: 173px;
			margin: 30px 0px 0px 0px;
			background: url(images/nav-koshercatering.jpg) bottom center no-repeat;
		}
		ul#nav li.koshercateringon a {
			width: 173px;
			margin: 30px 0px 0px 0px;
			background: url(images/nav-koshercatering.jpg) center center no-repeat;
		}
		ul#nav li.aboutus a {
			width: 111px;
			margin: 30px 0px 0px 0px;
			background: url(images/nav-aboutus.jpg) bottom center no-repeat;
		}
		ul#nav li.aboutuson a {
			width: 111px;
			margin: 30px 0px 0px 0px;
			background: url(images/nav-aboutus.jpg) center center no-repeat;
		}
		ul#nav li.contactus a {
			width: 148px;
			margin: 30px 0px 0px 0px;
			background: url(images/nav-contactus.jpg) bottom center no-repeat;
		}
		ul#nav li.contactuson a {
			width: 148px;
			margin: 30px 0px 0px 0px;
			background: url(images/nav-contactus.jpg) center center no-repeat;
		}
		ul#nav li a:hover {
			background-position: top center;
		}

#banner {
   background:url(images/ok_banner3.jpg);
   width: 1000px;
   position: absolute;
   top: 180px;
   height: 300px;
}
	#banner-about {
   		background:url(images/ok_banner_about2.jpg);
   		width: 1000px;
   		position: absolute;
   		top: 180px;
   		height: 300px;
}
	#banner-yudis {
   		background:url(images/ok_banner_yudis.jpg);
   		width: 1000px;
   		position: absolute;
   		top: 180px;
   		height: 300px;
}
	#banner-catering {
   		background:url(images/ok_banner_catering2.jpg);
   		width: 1000px;
   		position: absolute;
   		top: 180px;
   		height: 300px;
}
#paper {
   background:url(images/ok_paper3.jpg) no-repeat; 
   width: 1000px;
   position: absolute;
   top: 180px;
   height: 320px;
	}
	#paper-content {
		width: 800px;
		padding: 30px 10px 0px 100px;
	}



#page-wrap {
	width: 1000px;
	margin: 0px auto;
	background: url(images/paper_bg.jpg) repeat-y center;
	}

#main-content {
		padding: 306px 70px 0px 70px;
	}
	#article-area {
		width: 580px;
		float: left;
	}
	#page-article {
		padding: 0px 40px 10px 50px;
		float: left;
	}
	#sidebar {
		width: 225px;
		float: right;
		background: #dbcdab; 
		padding: 6px 15px 2px 15px;
	}
	}
	#sidebar-2 {
		width: 274px;
		float: right;
	}




#extender {
	min-height: 40px;
	margin: auto;
	width: 1000px;
	background: url(images/paperwhite_bg.jpg) center repeat-y;
	}
	#content-extender {	 
		width: 800px;
		padding: 0px 0px 0px 100px;
		}
		
#center-area {
		width: 800px;
		padding: 125px 0px 69px 100px;
				}		
#contact-area {
		width: 800px;
		padding: 22px 0px 0px 100px;
		}		
		#contact-area input, #contact-area textarea {
			padding: 5px;
			width: 471px;
			font-family: Arial, sans-serif;
			font-size: 1.4em;
			margin: 0px 0px 10px 0px;
			border: 1px solid #bababa;
			}
		#contact-area textarea {
			height: 65px;
			}
		#contact-area textarea:focus, #contact-area input:focus {
			border: 1px solid #036b7b;
			}
		#contact-area input.submit-button {
			width: 76px;
			height: 34px;
			float: right;
			}
label {
		float: left;
		text-align: right;
		margin-right: 15px;
		width: 190px;
		padding-top: 5px;
		font-size: 1.2em;
		}
		label2 {
				float: left;
				text-align: left;
				margin-left: 204px;
				font-size: 1.2em;
				}
		label3 {
				float: left;
				text-align: right;
				margin-right: 60px;
				margin-top: -20px;
				font-size: 1.2em;
				}


#formLeft {
			width: 350px;
			float: left;
			}
			#formLeft input {
			width: 350px;
			margin: 5px 15px 15px 0px;
			text-align: left;
			font-size: 1.2em;
			}
			#formRight {
			width: 410px;
			margin: 0 0 0 40px;
			float: left;
			}
			#formRight textarea {
			width: 395px;
			margin: 5px 15px 15px 0px;
			height: 135px;
			display: block;
			font-size: 1.2em;
			overflow: auto;
			}
			



#footer {
	min-height: 110px;
	margin: auto;
	width: 1000px;
	background: url(images/footerbar_bg3.jpg) bottom center no-repeat;
	padding: 20px 0px 0px 0px;
	}
#footer2 {
		min-height: 140px;
		margin: auto;
		width: 1000px;
		background: url(images/footerbar_bg4.jpg) bottom center no-repeat;
		padding: 00px 0px 0px 0px;
		}
	#common-footer {	
		padding: 39px 0px 0px 66px;
	}
	#common-footer2 {	
		padding: 70px 0px 0px 66px;
	}
#footer3 {
		min-height: 160px;
		width: 1000px;
		background: url(images/footerbar_bg4.jpg) bottom center no-repeat;
		padding: 0px 0px 0px 0px;
		}
	#common-footer3 {	
		padding: 90px 0px 0px 66px;
	}
/* END STRUCTURE */