@charset "UTF-8";
/* CSS Document */

/* Common Elements Style Starts_____________ */

body {
	background: #D0DAE2; /*#d0dad2*/ 
	text-align: center;
	font-size: small;
	margin: 0 auto;
	padding: 0;
	padding-top: 8px;
	font-family: "Helvetica Narrow", Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	}
	
body.home #nav a.link#home, body.menu #nav a.link#menu, body.aboutus #nav a.link#aboutus, body.contact #nav a.link#contact, body.menu a.link2#pg1, body.menu_pg2 a.link2#pg2, body.menu_pg3 a.link2#pg3, body.menu_pg4 a.link2#pg4, body.menu_pg5 a.link2#pg5, body.menu_pg6 a.link2#pg6, body.menu_pg7 a.link2#pg7
	{
	color: #FFFFFF;
	}

p {
	line-height: 145%;
	font-size: 85%;
	}


a	{
	text-decoration: none;
	color: #000;
	margin: 0 auto;
	}

space {
	white-space: pre;
	}

h1 {
	font-size: 125%;
	color: #000;
	font-weight: bold;
	}

#center {
	float: left;
	margin: 0 auto;
	padding: 0;
	width: 800px;
	/*border: 1px #B09790 solid;*/
	overflow: hidden;
	background: url(../images/thepeppermill_11.png) repeat-y ; /*#FFFCEE;*/
	}
	
#drop {
	position: relative;
	margin: 0 auto;
	width: 802px;
	overflow: hidden;
	}	

#nav {
	float: left;
	width: 185px;
	margin: 0;
	padding: 0;
	}

#nav2 {
	float: left;
	width: 185px;
	margin: 0;
	padding: 0;
	}

.navwrap {
	float: left;
	width: 185px;
	margin: 0;
	padding: 0;
	}

.nav_link {
	float: left;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 1px;
	font-size: 110%;
	height: 100%;
	line-height: 150%;
	text-align: left;
	padding: 0;
	}

.nav_link ul{
	padding: 0;
	margin: 0;
	}

.nav_link li{
	display: inline;
	float: left;
	height: 120%;
	}

.nav_link2 {
	float: left;
	font-size: 90%;
	font-weight: normal;
	line-height: 120%;
	text-align: left;
	width: 135px;
	margin: 0 0;
	padding: 0 0 13px 50px;
	background: url(../images/nav_06.png) repeat-y;
	}

.nav_link2 ul{
	padding: 10px 0 0 0;
	margin: 0;
	}

.nav_link2 li{
	display: inline;
	}

.link  {
	padding: 10px 10px 10px 55px;
	width: 120px;
	}

#home.link {
	background: url(../images/nav_03.png) repeat-y;
	}

#menu.link {
	background: url(../images/nav_05.png) repeat-y;
	}

#menu2.link {
	background: url(../images/nav_05.png) repeat-y;
	color: #FFFFFF;
	}

#aboutus.link {
	background: url(../images/nav_07.png) repeat-y;
	}

#contact.link {
	background: url(../images/nav_08.png) repeat-y;
	}


.link2	{
	float: left;
	padding-top: 7px;
	padding-left: 16px;
	width: 110px;
	}

#fillwrap {
	float: left;
	width: 185px;
	}

#left-fill {
	width: 45px;
	background: #e7e7e7;
	float: left;
	}

#right-fill {
	width: 140px;
	background: #f7f7f7;
	float: left;
	}

a.img1 {
	border: none;
	}
	
a.link {
	float: left;
	margin: 0;
	color: #000000;
	}

a.link:hover {
	color: #FFFFFF;
	}

a.link2:hover {
	color: #FFFFFF;
	}


.space {
	width: 10px;
	height: 400px;
	float: left;
	}

.img1 {
	float: left;
	border: none;
	overflow: hidden;

	}
	
.img2 {
	float: right;
	border: none;
	}

.img3 {
	border: none;
	}



#footer {
	float: left;
	width: 792px;
	height: 36px;
	background: url(../images/index_15.png) repeat-x;
	text-align: left;
	padding: 0 0 0 8px;
	margin: 0;
	}
	
#footer p{
	margin: 12px 0 0 30px;
	font-size: 85%;
	color: #FFFFFF;
	}

#sub-footer-l {
	float: left;
	width: 339px;
	height: 36px;
	text-align: left;
	padding-left: 1px;
	position: relative;
	font-size: 85%;
	line-height: 120%;
	top: -2px;
	letter-spacing: 1px;
	color: #666666;
	}

#sub-footer-l ul {
	margin: 0;
	padding: 0;
	}

#sub-footer-l li {
	display: inline;
	}

#sub-footer-l a{
	color: #666666;
	}

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

#sub-footer-r {
	float: right;
	width: 400px;
	text-align: right;
	padding-right: 2px;
	position: relative;
	top: -2px;
	font-size: 85%;
	line-height: 120%;
	letter-spacing: 1px;
	color: #666666;
	}
.ws {
	white-space: pre;
	}

/* Common Elements Style ___________ Ends*/

/* Index Page Style _______________ Starts*/

#header {
	float: left;
	border-bottom: #333333 3px solid;
	}

.columnwrap {
	float: left;
	background: #FFFCEE;
	width: 610px;
	padding: 0px 0 25px 0;
	}

.leftcolumn {
	float: left;
	width: 210px;
	text-align: left;
	padding: 15px 0px 0 25px;
	}


.rightcolumn {
	width: 320px;
	float: right;
	margin: 10px 0px 0px 20px;
	padding: 10px 25px 0 0px;
	text-align: left;
	}
	
#right_ad {
	width: 290px;
	float: right;
	padding: 10px 0px 0px 10px;
	text-align: left;
	}
	
#right_ad h1{
	font-size: 110%;
	padding-top: 10px;
	}


#img_right_ad {
	float: right;
	padding-left: 10px;
	border: none;
	}
	
/* Index Page Style _______________ Ends*/

/* Menu Page Style _______________ Starts*/

#menu_title {
	float: left;
	width: 388px;
	padding: 0 0 15px 125px;
	}

#menu_txt {
	float: left;
	width: 525px;
	text-align: left;
	margin: 0;
	padding: 20px 50px 40px 40px;
	background: #FFFCEE;
	}

#menu_txt p {
	font-size: 85%;
	margin: 0;
	padding: 0;
	letter-spacing: 0;
	}
	
#menu_txt h1 {
	font-size: 90%;
	margin: 12px 0 0  0;
	padding: 0;
	}

h1.pasta   {
	font-weight: bold;
	font-size: 110%;
	padding: 20px 0 6px  0;
	margin: 0;
	}

#menu_txt h2 {
	font-size: 85%;
	margin: 10px 0 20px 0;
	padding: 0;
	font-weight: normal;
	text-align: left;
	line-height: 120%;
	}

#menu_foot {
	float: left;
	margin: 20px 0 0 0;
	padding: 0;
	}
	
#menu_break {
	float: left;
	width: 388px;
	padding: 30px 0 20px 120px;
	}

.disclaimer {
	float: left;
	color: #CCC;
	width: 480px;
	font-size: 85%;
	text-align: center;
	padding: 30px 0 0 0;
	margin: 0 0 -15px 0;
	}

/* About Page Style _______________ Starts*/

#catering {
	float: left;
	width: 550px;
	text-align: left;
	padding: 15px 20px 20px 30px;
	}

#catering_txt {
	float: left;
	width: 350px;
	margin-top: 10px;
	}

#season_txt {
	float: left;
	width: 550px;
	margin-top: 10px;
	}


#catering p{
	font-size: 85%;
	line-height: 145%;
	}

#catering h1{
	font-size: 110%;
	}	

.about_photo {
	width: 330px;
	float: right;
	margin: 0px -20px 0px 30px;
	padding: 0 13px 10px 0px;
	}
	

#about_txt {
	float: left;
	width: 560px;
	text-align: left;
	padding: 20px 20px 0 30px;
	}

#about_txt p{
	font-size: 85%;
	line-height: 145%;
	}

#about_txt h1{
	font-size: 110%;
	}

#menu_dl_wrap {
	width: 188px;
	float: right;
	padding: 40px 0px 0px 10px;
	text-align: left;
	}

#menu_dl_txt {
	float: right;
	width: 90px;
	text-align: right;
	font-size:95%;
	margin-top: 5px;
	}

#menu_pdf {
	float: right;
	width: 88px;
	border: none;
	}

a#menu_link {
	text-decoration: none;
	font-size: 90%;
	}
a:hover#menu_link {
	text-decoration: underline;
	}

/* About Page Style ________________ Ends*/


/* Contact Page Style ______________ Starts */

#contact_left {
	float: left;
	width: 260px;
	padding: 15px 0px 10px 30px;
	}


.contact_title {
	float: left;
	text-align: left;
	padding: 0 0 4px 4px;
	font-size: 95%;
	width: 75px;
	font-weight: bold;
	}

.digits_r {
	float: left;
	text-align: left;
	padding: 0 0 10px 4px;
	font-size: 100%;
	width: 100px;
	}

.addressTitle {
	float: left;
	width: 50px;
	text-align: left;
	padding: 10px 0 0 4px;

	}
	
.address {
	float: left;
	text-align: left;
	padding: 0px 0 20px 4px;
	width: 130px;
	font-size: 90%;
	}
	

.hours_tbl {
	float: left;
	width: 250px;
	padding: 5px 0 10px 0;
	}
	
table {
	border-collapse: separate;
	width: 12.5em;
	/*border: 1px solid #F7F7F7;*/
	float: left;
  	font-family: Arial, San Serif;
	color: #000;
	}
	
	.day {
	width: 6.5em;
	}

	caption {
	}
	th, td {
		font-size: 90%;
		padding: 0px 3px 4px 0;
		text-align: left;
		/*border-bottom: 1px solid #CCC;*/
		}
		
	col {
		border-right: 1px solid #ccc;
		}
	thead {
		background: #ccc;
		/*border-top: 1px solid #a5a5a5;
		border-bottom: 1px solid #a5a5a5;*/
			
		}
	th	{
		font-weight: normal;
		text-align: left;
		}
	.odd {
		color: #000;
		}
	.hoursTable {
		text-align: left;
		}


#mapwrap {
	float: right;
	width: 300px;
	padding: 40px 0px 20px 20px;
	}

#mapwrap p{
	padding-right: 24px;
	text-align: right;
	}

#map {
	float: right;
	border: none;
	}
	
.maplink {
	float: right;
	text-align: right;
	width: 200px;
	padding: 4px 12px 0 0;
	margin: 0 ;
	font-size: 100%;
	}	

a.maplink {
	text-decoration: none;
	font-size: 100%;
	}
	
a.maplink:hover {
	text-decoration: underline;
	}

.hours_title {
	float: left;
	margin: 10px 0px 10px 0px;
	font-size: 110%;
	font-weight: bold;
	border-bottom: 1px dotted #A0A0A4;
	width: 240px;
	text-align: left;
	}