body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,a img,:link img,:visited img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}


body{ 
	background:#b9b08f url("../images/bgMain.jpg") center top repeat-x;
	text-align:center; 
	font:12px/18px Verdana, Arial, Helvetica, sans-serif; 
	color:#000;
	}


blockquote { 
	margin:0 30px 10px; 
	background-color:#cbb284;
	font-style:italic;
	padding: 10px;
	border:2px solid #241801; 
	}

h1	{ font-size:1.3em; color:#000; }
h2	{ font-size:1.2em; color:#000; }
h3	{ font-size:1.0em; color:#000; }

h1 span,h2 span,h3 span	{ display:none; }

a:link,a:visited	{ color:#000; text-decoration:underline; outline:none; }
a:hover,a:active	{ color:#000; text-decoration:none; outline:none; }

/* ----- classes ----- */

.clear {
	clear:both;
	}

div.clear	{ 
	clear:both;
	height:.01em; 
	overflow:hidden; 
	}

#column-left-sub p.txt-required,
#column-right-sub p.txt-required { 
	margin-bottom:0;
	}
	
img.img-left { 
	float:left; 
	margin:0; 
	}
	
img.img-right { 
	float:right; 
	margin:0; 
	}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
	
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/* framework
 * ------------------------------------------------------------------------- */

body #wrap {
	background:url("../images/bgPageLong.jpg") repeat-y;
	width:1100px;
	margin:0 auto;
	text-align:left;
	position:relative;
/*	
	border: 1px solid yellow;
*/
	}

	#wrap #masthead a {
		position:absolute;
		width:320px;
		height:103px;
		left:405px;
		top:0px;
		z-index: 80;
/*
		border: 1px solid silver;
		
*/
		}
		
		#masthead span { display:none; }

/* ------ image text replacement TITLES ------*/
h1#title-home span,
h1#title-story span,
h1#title-perfect span,
h1#title-menu span,
h1#title-free span,
h1#title-customers span,
h1#title-contactUs span
{ text-indent: -9999;}

h1#title-home {
	position: relative;
	height:150px;
	background:url("../images/title-home.jpg") no-repeat ;
	margin-left: 305px;
	z-index: 78;
	}


h1#title-story {
	position: relative;
	height:150px;
	background:url("../images/title-story.jpg") no-repeat ;
	margin-left: 305px;
	z-index: 78;
	}

h1#title-perfect {
	position: relative;
	height:150px;
	background:url("../images/title-perfect.jpg") no-repeat ;
	margin-left: 305px;
	z-index: 78;
	}

h1#title-menu {
	position: relative;
	height:150px;
	background:url("../images/title-menu.jpg") no-repeat ;
	margin-left: 305px;
	z-index: 78;
	}

h1#title-free {
	position: relative;
	height:150px;
	background:url("../images/title-free.jpg") no-repeat ;
	margin-left: 305px;
	z-index: 78;
	}

h1#title-customers {
	position: relative;
	height:150px;
	background:url("../images/title-customers.jpg") no-repeat ;
	margin-left: 305px;
	z-index: 78;
	}

h1#title-contactUs {
	position: relative;
	height:150px;
	background:url("../images/title-contactUs.jpg") no-repeat ;
	margin-left: 305px;
	z-index: 78;
	}


h1#title-gallery {
	position: relative;
	height:150px;
	background:url("../images/title-gallery.jpg") no-repeat ;
	margin-left: 305px;
	z-index: 78;
	}

/* ----- column-wrapper ----- */
		
#wrap-columns{
	position: relative;
	margin: 0 auto;
	width:1100px;
	height: auto;
	padding-bottom:1px;
	margin-top: -50px;
	z-index: 72;
/*
	border: 1px solid cyan;
*/

	}

body#page-home #wrap-columns{background: url("../images/bgPage-home.jpg") 0px 65px no-repeat;}
body#page-story #wrap-columns{background: url("../images/bgPage-story.jpg") 0px 65px  no-repeat;}
body#page-perfect #wrap-columns{background: url("../images/bgPage-perfect.jpg") 0px 65px  no-repeat;}
body#page-menu #wrap-columns{background: url("../images/bgPage-menu.jpg") 0px 65px  no-repeat;}
body#page-free #wrap-columns{background: url("../images/bgPage-free.jpg") 0px 65px  no-repeat;}
body#page-customers #wrap-columns{background: url("../images/bgPage-customers.jpg") 0px 65px  no-repeat;}
body#page-contactUs #wrap-columns{background: url("../images/bgPage-contactUs.jpg") 0px 65px  no-repeat;}
body#page-gallery #wrap-columns{background: url("../images/bgPage-customers.jpg") 0px 65px  no-repeat;}

	
/* ----- column-left ----- */

#column-left {
	position: relative;
	width:480px;
	float:left;
	left: 75px; 
	padding-left: 233px;


/*
	border: 1px solid teal;
*/	
	}
	
	#column-left p, #column-left h1, #column-left h2, #column-left h3, #column-left ul, #column-left dl, table {
		margin:0 10px 21px 24px;
/*
		border: 1px solid gold; 
*/
		}
		
	#column-left h1, #column-left h2, #column-left h3 {
		margin-bottom:0;
		}

	
			
/* ----- column-right ----- */

#column-right {
	margin-top: 25px;
	position: relative;
	/* background:url("../images/bg-right.jpg") top no-repeat; */
	width:208px;
	float:right;
	right: 120px;

/*
	border: 1px solid navy;	
*/
	}

	#column-right p, #column-right h1, #column-right h2, #column-right h3, #column-right ul, #column-right dl {
		margin:0 40px 18px 45px;
/*
		border: 1px solid gold; 
*/
		}
		
		#column-right h1, #column-right h2, #column-right h3 {
		margin-bottom:0;
		}

/*
body #title-freeCheeseteaks {
	height:74px;
	background:url("../images/title-news.jpg") ;
	}
	
	*/

/* ----- BOX ----- */

.box a:link, .box a:visited	{ color: #FFFF00; text-decoration:underline; outline:none; font-weight: bold;}
.box a:hover, .box a:active	{ color: #FF6600; text-decoration:none; outline:none; font-weight: bold;}

.box p, td {color: #FFF;}

.box h1 {	color: #CC9900;	font-weight: bold;}

.box {
  margin: 0;
	position: relative;
	padding-bottom: 20px; 
  width: 443px; 
	height: 450px;
	min-height: 450px;
  background: url(../images/box-middle.jpg) repeat-y;
/*
	border: 1px solid olive; 
*/
  }
	
html>body .box{height: auto} /* not ie6- */
	
.box-bottom {
  margin: -25px 0 5px 0;
	height: 50px; 
	padding-bottom: 20px; 
	position: relative;
  width: 443px;
  background: url(../images/box-bottom.jpg) no-repeat bottom left;
/*
	border: 1px solid olive; 
*/
  }
	
.box h4 {
  margin: 0;
  padding: 6px 8px 4px 10px;
  font-size: 130%;
  color: #333;
  /*	 border-bottom: 1px solid #E0CFAB; /* thin line at bottom of header */ 
	
  background: url(../images/box-H4.jpg) no-repeat top left;
  }

.box h4 p{padding: 30px 20px 20px 10px; font-size: 130%; color: #FFF;}	
	
#bgFade-testimonials {  margin: 0 0 8px 0; padding: 6px 8px 4px 10px; background: url(../images/box-H4-testimonials.jpg) no-repeat top left; height: 80px; }
#bgFade-contactUs {  margin: 0 0 8px 0; padding: 6px 8px 4px 10px; background: url(../images/box-H4-contactUs.jpg) no-repeat top left; height: 80px; }
#bgFade-free {  margin: 0 0 8px 0; padding: 6px 8px 4px 10px; background: url(../images/box-H4-free.jpg) no-repeat top left; height: 80px; }
#bgFade-menu {  margin: 0 0 8px 0; padding: 6px 8px 4px 10px; background: url(../images/box-H4-menu.jpg) no-repeat top left; height: 80px; }
#bgFade-home {  margin: 0 0 8px 0; padding: 6px 8px 4px 10px; background: url(../images/box-H4-home.jpg) no-repeat top left; height: 80px; }
#bgFade-story {  margin: 0 0 8px 0; padding: 6px 8px 4px 10px; background: url(../images/box-H4-story.jpg) no-repeat top left; height: 80px; }
#bgFade-perfect {  margin: 0 0 8px 0; padding: 6px 8px 4px 10px; background: url(../images/box-H4-perfect.jpg) no-repeat top left; height: 80px; }
#bgFade-gallery {  margin: 0 0 8px 0; padding: 6px 8px 4px 10px; background: url(../images/box-H4-gallery.jpg) no-repeat top left; height: 80px; }


.box ul {
  margin: 0;
  padding: 14px 10px 14px 10px;
  list-style: none;
  }
.box li {
  margin: 0 0 6px; 
  padding: 0;
  } 


/* footer
 * ------------------------------------------------------------------------- */

#footer {
	background-color:#b9b08f;
	width:1100px;
	margin:0px auto;
	text-align:center;
	font-size:10px;
	line-height:14px;
	}

#footer p {
	margin:0 20px 10px 20px;
	}

#footer ul {margin-bottom:10px;}

body#index #footer li { /* if your li's float, you can adjust border height w/ line-height */
	padding:0 5px 0 7px;
	display: inline;
	border-left: 1px solid #0A3347;
	}

#footer li { /* if your li's float, you can adjust border height w/ line-height */
	padding:0 5px 0 7px;
	display: inline;
	border-left: 1px solid #fff;
	}
	
	#wrap-footer #footer a { color:#fff; }

	body#index #footer li.first,
	#footer li.first { border: none; }

/* Horizontal Sprite Nav
 * ------------------------------------------------------------------------- */

#nav { 
	background:url("../images/nav.jpg") no-repeat; 
	width:1100px; 
	height:410px; 
	margin:0;
	padding:0;
	position:relative;
	z-index:70;  
	}

#nav span { display: none; }
#nav li, #nav a { height:109px; display:block;  top: 220px;} /* change height here also */
#nav li { float:left; list-style:none; _display:inline; position:relative; }

#nav-home { width: 100px; margin-left:65px;}
#nav-story { width: 108px;}
#nav-perfect { width: 165px;}
#nav-menu { width: 138px;}
#nav-free { width: 165px;}
#nav-customers { width: 143px;}
#nav-contactUs { width: 174px;}

#nav-home a:hover { background:url("../images/nav.jpg") -65px -630px no-repeat; }
#nav-story a:hover { background:url("../images/nav.jpg") -165px -630px no-repeat; }
#nav-perfect a:hover { background:url("../images/nav.jpg") -273px -630px no-repeat; }
#nav-menu a:hover { background:url("../images/nav.jpg") -438px -630px no-repeat; }
#nav-free a:hover { background:url("../images/nav.jpg") -576px -630px no-repeat; }
#nav-customers a:hover { background:url("../images/nav.jpg") -741px -630px no-repeat; }
#nav-contactUs a:hover { background:url("../images/nav.jpg") -884px -630px no-repeat; }

/*-------------- OPTIONAL - Keeps the hover state on each page based on body #id ------------- */

body#page-home #nav-home { background:url("../images/nav.jpg") -65px -630px no-repeat; }
body#page-story #nav-story { background:url("../images/nav.jpg") -165px -630px no-repeat; }
body#page-perfect #nav-perfect { background:url("../images/nav.jpg") -273px -630px no-repeat; }
body#page-menu #nav-menu { background:url("../images/nav.jpg") -438px -630px no-repeat; }
body#page-free #nav-free { background:url("../images/nav.jpg") -576px -630px no-repeat; }
body#page-customers #nav-customers { background:url("../images/nav.jpg") -741px -630px no-repeat; }
body#page-contactUs #nav-contactUs { background:url("../images/nav.jpg") -884px -630px no-repeat; }


#wrap-bottom {
	background:#b9b08f url("../images/bgPageBot.jpg") top center no-repeat;
	margin: 0 auto;
	width:1100px;
	height: 52px;
	padding-bottom:5px;
	}
	
/* EII Logos */

#eii-logos {
	background:url("../images/img-eii.jpg");
	position:relative;
	width:680px;
	height:131px;
	}
	
	#eii-logos span { display:none; }


#menu {color: #fff;}
#menu li {border-bottom: 1px solid #634816; padding: 5px 0px;}
#menu li strong {font-size: 110%; font-weight:bold;} 
#menu li em {font-size: 110%; font-weight:bold; color: #fff;}
#menu h3 { margin-left: 2px; padding: 0; background:url("../images/menuHdr.jpg") no-repeat; height: 42px; width: 423px; font-weight: bold; font-size: 18px; color: #fff; line-height: 34px; text-indent: 70px;}

#menuExtras li {border-bottom: none; padding: 1px 0px;}

dl {width: 80%; min-width:400px;}
dt{ margin: 15px 0 0 0; position: relative; background: url('../images/dot.gif') bottom left repeat-x;}
dt strong { background: #493208; font-weight: bold; padding: 0.1em 0.3em 0.2em 0; color: #cc9900; text-transform: uppercase;}
dt strong em { font-style:normal; font-weight: normal; color: #fff; text-transform:none;}
dt span{ position: absolute; right: 0px; background: #493208; padding: 0.1em 0 0.2em 0.3em; font-weight:bold;}

.hdrImgH3 { margin-left: -20px; padding: 0; background:url("../images/hdrImgH3.jpg") 0px 0px no-repeat; height: 42px; width: 395px; font-weight: bold; font-size: 18px; color: #fff; line-height: 34px; text-indent: 70px;}
 

/*
  Quote =Bubbles 
-----------------------------*/
.testimonials {padding: 0 0 0 15px;}

.quoteBubble .quoteContainer,
.quoteBubble .quoteTop{ background-image: url('../images/quoteBubble_bg.gif'); background-repeat: no-repeat; }

*>.quoteBubble .quoteContainer,
*>.quoteBubble .quoteTop{ background-image: url('../images/quoteBubble_bg.png'); background-repeat: no-repeat; }
  
.quoteBubble .quoteContainer { background-position: bottom left; }
.quoteBubble .quoteTop { background-position: top left; }

.quoteBubble .quoteContainer { width: 420px; height: auto; margin: 0 0 15px 0; padding: 0px;}
.quoteBubble .quoteTop { width: 420px; height: 15px; margin: 0px; padding: 0px; }

/* Content */
.quoteBubble .quoteMiddle { margin: 0 0 0 -15px; padding: 15px 20px 0 0;}
.quoteBubble .quoteMiddle p a { color: #000; }
.quoteBubble .quoteMiddle p a:hover { text-decoration: none; }

.quoteBubble .quoteContent { width: 420px; margin: 0 0 10px 20px; padding: 0px; clear: both; overflow: hidden;}
.quoteBubble .quoteContent p { width: 370px; margin: 0px 0px 20px 20px; float: left; clear: right; font: 10pt/11pt Arial; color: #2d3b04; text-align: left; }
 
.quoteBubble .quoteBottom { width: 370px; margin: 0 0 0 60px; height: 50px; clear: both; overflow: hidden; color: #FFF; font-weight: bold; text-transform:capitalize; }