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

@font-face {
	font-family: 'FineHandLETPlain';
	src: url('../font/finehand.eot');
	src: local('Fine Hand LET'), local('FineHandLetPlain'), url('../font/finehand.woff') format('woff'), url('../font/finehand.ttf') format('truetype');
}

@font-face {
	font-family: 'ChalkDustRegular';
	src: url('../font/chalkdust.eot');
	src: local('ChalkDust'), local('ChalkDustRegularSWFTE'), url('../font/chalkdust.woff') format('woff'), url('../font/chalkdust.ttf') format('truetype');
}



/*@font-face {
	font-family: 'FineHandLETPlain';
	src: local("fine hand"), url('http://bagelworld.ca/font/FINEHAND.TTF' ) format("truetype");  
}*/
.finehand { font-family: 'FineHandLETPlain', verdana, helvetica, sans-serif;  
	}    


	
* {margin:0;
   padding:0;}
  
a {outline:none;}
   
   
  #container div {

	margin-bottom: -2000px;

	padding-bottom: 2000px;

}

#container {

	overflow: hidden;

}

   
body{background-color:#000;}

#wrapper{width:960px;
         margin:auto;
		 color:#999;
		 }

#leftside{width:220px;
         float:left;
		 background-color:#999;
		 color:#000;
		 text-align:center;
		}
		 
#content{width:760px;
margin-left:200px;
padding-left:5px;
text-align:center;
min-height:600px;
}

#content img {margin:0;
              padding:0;}
   
#content a, a:visited{color:#F63;}
#content a:hover{color:#fff;}


#footer {position: relative;
	margin-top: -30px; /* negative value of footer height */
	height: 30px;
	clear:both;
	 width:960px;
	 margin:auto;
	 background-color:#0099d9;
	 color:#000;
	 text-align:center;
	 line-height:30px;
	 
	 } 

#footer a, a:visited{color:#000;}
#footer a:hover{color:#F60;}
	


.menupage{background-color:#000;
width:740px; 
}	 

.menupage a img{border:none;}


#home{
	text-align:center;
	}
	
#home img{padding:20px;}

#welcome {padding-top:20px;
          text-align:center;}

#welcome h1{text-indent:-5000px;
           background-image:url(../images/welcome.png);
		   background-repeat:no-repeat;
		   width:600px;
		   height:100px;
		   margin:auto;}

/*======================================    Menu =====*/

#nav {background-color:#999;
margin:auto;
width:200px;}

#nav a {
	text-indent:-5000px;
	display: block;
	width: 200px;
	height:35px;
	margin-bottom:20px;}
	



h2 a, a:visited{color:#F90;}

.but-home{background-image:url(../images/but-home2.png);
background-position:top;
}

.but-home:hover {background-image:url(../images/but-home2.png);
background-position:bottom;
height:35px;
}

.but-menus{background-image:url(../images/but-menus2.png);
background-position:top;
}

.but-menus:hover {background-image:url(../images/but-menus2.png);
background-position:bottom;
height:35px;}

.but-salads{background-image:url(../images/but-salads2.png);
background-position:top;
}

.but-salads:hover {background-image:url(../images/but-salads2.png);
background-position:bottom;
height:35px;}

.but-pastries{background-image:url(../images/but-pastries2.png);
background-position:top;
}

.but-pastries:hover {background-image:url(../images/but-pastries2.png);
background-position:bottom;
}

.but-breads{background-image:url(../images/but-breads2.png);
background-position:top;
}

.but-breads:hover {background-image:url(../images/but-breads2.png);
background-position:bottom;
}

.but-catering{background-image:url(../images/but-catering2.png);
background-position:top;
}

.but-catering:hover {background-image:url(../images/but-catering2.png);
background-position:bottom;
}
.but-locations{background-image:url(../images/but-locations2.png);
background-position:top;
}

.but-locations:hover {background-image:url(../images/but-locations2.png);
background-position:bottom;
}

.but-contact{background-image:url(../images/but-contact2.png);
background-position:top;
}

.but-contact:hover {background-image:url(../images/but-contact2.png);
background-position:bottom;
}

.but-story{background-image:url(../images/but-story2.png);
background-position:top;
}

.but-story:hover {background-image:url(../images/but-story2.png);
background-position:bottom;
}

.but-orderform{background-image:url(../images/but-orderform2.png);
background-position:top;
}

.but-orderform:hover {background-image:url(../images/but-orderform2.png);
background-position:bottom;
}

.but-promo{background-image:url(../images/but-promo2.png);
background-position:top;
}

.but-promo:hover {background-image:url(../images/but-promo2.png);
background-position:bottom;
}

.but-wilson{background-image:url(../images/but-wilson.png);
background-position:top;
}

.but-wilson:hover {background-image:url(../images/but-wilson.png);
background-position:bottom;
}
.but-queen{background-image:url(../images/but-queen.png);
background-position:top;
}

.but-queen:hover {background-image:url(../images/but-queen.png);
background-position:bottom;
}
.but-thornhill{background-image:url(../images/but-thornhill.png);
background-position:top;
}

.but-thornhill:hover {background-image:url(../images/but-thornhill.png);
background-position:bottom;
}


.but-holiday{background-image:url(../images/but-holiday.png);
background-position:top;
}

.but-holiday:hover {background-image:url(../images/but-holiday.png);
background-position:bottom;
}




/* =====================================================individual page sections =======*/

.story{font-family:"Fine Hand LET Plain:1.0";
      text-align:left;
	  font-size:18px;
	  padding:20px;
	  background-image:url(../images/spinning-globe.gif);
	  background-position:top right;
	  background-repeat:no-repeat;
	  }

.salad{font-family: 'ChalkDustRegular', verdana, helvetica, sans-serif;
      text-align:center;
	  font-size:18px;
	  width:45%;
	  float:left;
	  }
	  
.salad-center{font-family: 'ChalkDustRegular', verdana, helvetica, sans-serif;
      text-align:center;
	  font-size:18px;
	  width:90%;
	  float:left;
	  }
	  
.salad-center img
{padding-left:100px;
vertical-align:middle;
}

.salad-welcome {
          text-align:center;}

#subform{font-size:10px;
}

#subform table{margin:auto;
border:1px solid #000;}

#platters {font-family: 'ChalkDustRegular', verdana, helvetica, sans-serif;
width:300px;
           text-align:center;
		   float:left;}
		   
		   /* ==================== location page ===================*/
		   
		   
#maps{ width:600px;
text-align:center;
      
	  }
	  
#maps a{color:red;}
#maps a:visited{color:#fff;}

#maps a img{border:none;text-align:center;}


.catering{color:#fff;
padding-top:10px;
text-align:left;
}

.catering h3{font-family: 'ChalkDustRegular', verdana, helvetica, sans-serif;
padding-bottom:10px;
padding-top:25px;}

.price {font-size:24px; 
        text-align:left;
		}
.pricetext {font-size:12px; }

.added{padding-top:20px;}

#cateringbox{height:700px;
            overflow:scroll;
			width:715px;
			padding-left:20px;
			border:1px solid #fff;						}
			
.catering-text{margin-left:220px;
text-align:left;
color:#fff;}

#breakfasts {background-image:url(../images/breakfast-platter.jpg);
background-repeat:no-repeat;
}

#breakfasts h3{font-family: 'ChalkDustRegular', verdana, helvetica, sans-serif;
padding-bottom:10px;
padding-top:25px;}

#sandwiches {background-image:url(../images/platter-bg.jpg);
background-repeat:no-repeat;
}

#sandwiches h3{font-family: 'ChalkDustRegular', verdana, helvetica, sans-serif;
padding-bottom:10px;
padding-top:25px;}


.homepage{width:80%;
margin:auto;
text-align:justify;
padding-bottom:20px;
}

#orderform, #holiday-orderform{text-align:left;
           margin:auto;
		   width:660px;
		   white-space:nowrap;}
	
		   
#drinks{width:640px;}

.footerlinks{text-align:center;
             margin:auto;}

.footerlinks a{color:#E86D06;}

.form-label{width:500px;
            margin:auto;}