/*  MAKE LAYOUT RESPONSIVE at 768px FOR IPAD PORTRAIT ================================================================ */

#wrapper {
	width: 601px;
	margin: 0px auto;
	padding: 0px;
	}
	
#header {
	width: 601px;
	height: 184px;
	margin: 0px;
	padding: 0px;
	background-image: url('../images/768/bg_header.png');
	}
	
#content {
	width: 601px;
	margin: 0px;
	padding: 1px 3px;
	background-image:url('../images/768/bg_content.png');
	background-repeat: repeat-y;
	}
	.homeinfo {
		width: 100%;
		height: auto;
		margin: 0px;
		padding: 1px 0px;
		background-image: none;
		background-repeat: no-repeat
		}
	img.homepics {
		float: none;
		}

		
#footer {
	width: 601px;
	height: 49px;
	margin: 0px;
	padding: 1px 0px;
	background-image: url('../images/768/bg_footer.png');
	}


/* NAVIGATION */
/* ==========*/	
.navigation {
	width: 601px;
	height: 57px;
	margin: 0px auto;
	padding: 0px;
	background-image:url('../images/768/bg_content.png');
	}
	ul.navmenu {  
	    width: 601px;
	    height: 46px;
		color: #ffffff;
		margin: 0px;
	    padding: 0px 0px 0px 3px;
		text-align: center;
		}
	ul.navmenu > li { 
	    float: left; 
	    height: 46px;
	    right: 0px;
	    margin: 0px;
	    padding: 0px;
	    position: relative; 
	    line-height: 30px;
		}
	ul.navmenu li { list-style: none; }
	ul.navmenu a {
		font-family: "Times New Roman", Times, serif;
		font-style: italic;
		font-variant: normal;
		font-weight: normal;
		font-size: 1.1em;
		color: #ffffff;
		padding: 2px 0px;
		margin: 0px;
		letter-spacing: normal;
		text-decoration: none;
		}

ul.navmenu li.home { width: 119px; background-image: url('../images/768/but01a.jpg'); }		
ul.navmenu li.home:hover { background-image: url('../images/768/but01b.jpg'); line-height: 46px;  }
ul.navmenu li.home_active { width: 119px; background-image: url('../images/768/but01b.jpg'); line-height: 46px; }
ul.navmenu li.home_active a { color: #ffffff;  }

ul.navmenu li.products { width: 118px; background-image: url('../images/768/but02a.jpg'); }		
ul.navmenu li.products:hover { background-image: url('../images/768/but02b.jpg'); line-height: 46px;  }
ul.navmenu li.products_active { width: 118px; background-image: url('../images/768/but02b.jpg'); line-height: 46px; }
ul.navmenu li.products_active a { color: #ffffff; }

ul.navmenu li.gallery { width: 118px; background-image: url('../images/768/but03a.jpg'); }		
ul.navmenu li.gallery:hover { background-image: url('../images/768/but03b.jpg'); line-height: 46px;  }
ul.navmenu li.gallery_active { width: 118px; background-image: url('../images/768/but03b.jpg'); line-height: 46px; }
ul.navmenu li.gallery_active a { color: #ffffff;  }

ul.navmenu li.specials { width: 119px; background-image: url('../images/768/but04a.jpg'); }		
ul.navmenu li.specials:hover { background-image: url('../images/768/but04b.jpg'); line-height: 46px;  }
ul.navmenu li.specials_active { width: 119px; background-image: url('../images/768/but04b.jpg'); line-height: 46px; }
ul.navmenu li.specials_active a { color: #ffffff;  }

ul.navmenu li.contact { width: 122px; background-image: url('../images/768/but05a.jpg'); }		
ul.navmenu li.contact:hover { background-image: url('../images/768/but05b.jpg'); line-height: 46px; }
ul.navmenu li.contact_active { width: 122px; background-image: url('../images/768/but05b.jpg'); line-height: 46px; }
ul.navmenu li.contact_active a { color: #ffffff;  }

/* HEADINGS */
/* ======== */
h1 {
	font: italic bold 2em times new roman;
	color: #5e5e5e;
	text-align: left;
	margin: 20px 20px 0px 20px;
	padding: 0px;
	}
h1::first-letter { 
    font-size: 120%;
    margin-right: -5px
	}

/* PARAGRAPHS */
/* ========== */
.homeinfo p {
	font: normal 0.8em century gothic;
	margin: 0px 20px 20px 20px;
	line-height: 22px;
	}
p.readmore {
	font: italic bold 1.1em times new roman;
	text-align: right;
	margin-top: 0px;
	}
p.quick {
	font: italic bold 1.1em times new roman;
	margin: 0px;
	text-align: center;
	}
p.footer {
	font: normal 0.7em century gothic;
	color: #262626;
	margin: 49px 5px 0px 5px;
	padding: 0px;
	text-align: center;
	line-height: 20px
	}

.yellowblock { max-width: 425px; }
.peachblock { max-width: 425px; }
.blueblock { max-width: 425px; }
.purpleblock { max-width: 425px; }
.greenblock { max-width: 425px;	}