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

/*photo gallery styles*/

#mainTab{
display: table;

position:relative;
width:700px;
margin:0 auto;
font:Verdana;
font-weight:none;
font-size:12px;
color:#333333;
}

#leftCol{
display: table-cell;
width:300px;

}

#phototext{
position: relative;
left:30px;
font-size: 20px;
color: #666666;
}

#rightCol{
display: table-cell;
width:300px;

}


#photosContainer{


}


/* end photo gallery */
body{
background-color:#b8d3e4;
margin:0px;
padding:0px;
}
#logo{
position:relative;
top: 30px;
border:none;
}

#index-image{
position:relative;
left: 30px;


}

#wrapper{
position:relative;
width: 820px;
margin: 0 auto;
top: 10px;


}
#inner{
min-height:400px;
width: 820px;
background-image:url(images/bg-tile.jpg);
background-repeat:repeat-y;
background-position:center;
z-index:1;


}

#topbg{
background-image:url(images/bg-top.jpg);
background-repeat:no-repeat;
background-position:center;
width:820px;
height:50px;
z-index:1;

}
#bottombg{
background-image:url(images/bg-bottom.jpg);
background-repeat:no-repeat;
background-position:center;
width:820px;
height:50px;
z-index:1;


}
#footerinfo{
width:820px;
height:100px;

}

#footercopyright{
font:Verdana;
font-size:11px;
color:#999999;
position:relative;
width:215px;
margin:0 auto;
top:50px;
}


#photoDeeper{
position:relative;
width:500px;
margin:0 auto;
font:Verdana;
font-weight:none;
font-size:12px;
color:#333333;
}

#reviewsContainer{
position:relative;
width:700px;
margin:0 auto;
font:Verdana;
font-weight:none;
font-size:12px;
color:#333333;

}

.reviewpadding{
padding-top:5px;
padding-bottom:5px;
width:80px;

}

.reviewpadding2{
padding-top:5px;
padding-bottom:30px;
width:80px;

}

.locationpadding{
padding-bottom:15px;

}

#locationContainer{
position:relative;

width:720px;
height:380px;
margin:0 auto;
font:Verdana;
font-weight:none;
font-size:14px;
color:#333333;

}

#map{
}

.article{
font-size:12px;

}
#locationInfo{
margin-left:10px;
}

#map, #locationInfo{
float:left;
}


#nowquote{
position:absolute;
top:0px;
right:0px;
}

#torontoquote{
position:absolute;
top:100px;
right:0px;
}

#torontolifequote{
position:absolute;
top:200px;
right:0px;
}

#timeoutquote{
position:absolute;
top:300px;
right:0px;
}

#nytquote{
position:absolute;
top:400px;
right:0px;
}

a.reviewlinks{
text-decoration:none;
color:#333333;
}

a.reviewlinks:hover{
text-decoration:none;
color:#d4be46;
}


a.reviewlinks img{
border:none;
}



.table-align{   /* aligns all forms and tables*/
position:relative;
margin:0 auto;
top:0px;
width:85%;
}
.tableText{  /*sets the text style for all tables*/
font:Verdana;
font-size:14px;
color:#333333;

}
.centermsg{
position:relative;
top:100px;
width:500px;
margin: 0 auto;
text-align:center;
}

.errors{
color:#FF0000;
font-size:12px;
position:relative;
left:50px;

}

.info{
color:#333333;
font-size:14px;

}
#submitdelete{
height:25px;
width:25px;
border:none;
background: url(images/buttons/delete_btn.jpg);
}

#submitedit{
height:25px;
width:25px;
border: none;
overflow:hidden;
background: url(images/buttons/edit_btn.jpg) no-repeat;
}



#section2{
position:relative;
top:24px;

}

#section3{
position:relative;
top:0px;

}

#section4{
position:relative;
top:-24px;

}

#section1{



}

#topnav{
position:relative;
width:768px;
top:-7px;
margin:0 auto;
z-index:2;

}

div#topnav a{
outline:none;
}

#toptitle{
position:relative;
left:30px;
}


.columnheaders{ /*sets the text style of titles for the columns in tables*/
font-weight:bold;
color:#334972;
}


table#menu{  /*sets the main menu alignment*/
position:relative;
margin:0 auto;
width:85%;

}

table#admin{
position:absolute; /*admin login area*/
top:150px;
left:50px;

}


.red{/*marks categories red in the dropdown menus to signify that it has a header*/
color:#FF0000;
font-weight:bold;
}


.menuNames{  /* sets style for the names of the menu*/
font:Verdana;
font-weight:bold;
font-size:12px;
font-style:italic;
color:#333333;
text-transform:uppercase;
margin-right:5px;
}

.menuTitle{
font:Verdana;
font-weight:bold;
font-size:14px;
color:#67594d;
text-transform:uppercase;
}

.menuItems{  /* sets style for the items of the menu*/
font:Verdana;
font-weight:none;
font-size:12px;
color:#333333;
text-transform:uppercase;
}

.menuPrices{  /* sets style for the prices of the menu*/

font:Verdana;
font-weight:bold;
font-size:14px;
color:#334972;
margin-left:15px;
}

.menuAmounts{
font:Verdana;
font-weight:none;
font-size:12px;
color:#333333;

margin-left:5px;
}

.menuNames, .menuItems, .menuTitle, .menuPrices, .menuAmounts {

float:left;
}


#pdf, #pdftext{
position:relative;
top:20px;
float:left;
}

#pdfcontainer{
position:relative;
width:700px;
height:50px;
margin:0 auto;
}

#pdf a{

background:url(images/pdficon_large.gif);
width:32px;
height:32px;
display:block;
background-repeat:no-repeat;
border:none;
}

#pdftext{
font-size:12px;
}

.headings{  /* sets gap for categories with heading*/
font:Verdana;
font-size:25px;
color:#f5d214;
vertical-align:bottom;
}

.headingGapTop{
height:40px;
}
.headingGap{/*sets gap just under the heading*/
height:10px;
}


.comment{
font:Verdana;
font-size:14px;
color:#334972;
height:40px;
vertical-align:bottom;
text-transform:uppercase;

}

.categoryGap{  /*sets gap for categories without heading*/
height:20px;
}

#back_btn a{
position:absolute;
z-index:1;
margin:0 auto;
left:200px;
width:90px;
height:28px;
text-decoration:none;
background: url(images/buttons/back.jpg);
}

#back_btn a:hover{
background-position: -90px 0px;
}

a.temprollover{
font:Verdana;
font-size:14px;
text-decoration:none;
color:#334972;

}





#menu a{
position:absolute;
right:260px;
width: 100px;
display:block;
}

#dailymenu a{
position:absolute;
right:250px;
width: 100px;
display:block;
}

#categories a{
position:absolute;
right:180px;
width: 100px;
display:block;

}

#dailycategories a{
position:absolute;
right:110px;
width: 130px;
display:block;

}

#items a{
position:absolute;
right:90px;
width: 80px;
display:block;
}

#dailyitems a{
position:absolute;
right:0px;
width: 100px;
display:block;
}
#logout a{
position:absolute;
right:0px;
width: 80px;
display:block;
}

#catering a{
position:absolute;
right:310px;
width: 100px;
display:block;
}

#cateringcategories a{
position:absolute;
right:160px;
width: 150px;
display:block;

}

#cateringitems a{
position:absolute;
right:0px;
width: 150px;
display:block;
}





#homelink a{
position:absolute;
right:457px;
display:block;
width:59px;
height:26px;
text-decoration:none;
background: url(images/buttons/home.jpg);
}

#homelink a:hover{
background-position: -59px 0px;
}


#dailymenulink a{
position:absolute;
right:362px;
display:block;
width:95px;
height:26px;
text-decoration:none;
background: url(images/buttons/dailymenu.jpg);
}

#dailymenulink a:hover{
background-position: -95px 0px;
}

#menulink a{
position:absolute;
right:303px;
display:block;
width:59px;
height:26px;
text-decoration:none;
background: url(images/buttons/menu.jpg);
}

#menulink a:hover{
background-position: -59px 0px;
}

#cateringlink a{
position:absolute;
right: 223px;
display:block;
width:80px;
height:26px;
text-decoration:none;
background: url(images/buttons/catering.jpg);
}

#cateringlink a:hover{
background-position: -80px 0px;
}

#photoslink a{
position:absolute;
right: 152px;
display:block;
width:71px;
height:26px;
text-decoration:none;
background: url(images/buttons/photos.jpg);
}

#photoslink a:hover{
background-position: -71px 0px;
}

#locationlink a{
position:absolute;
right: 73px;
display:block;
width:79px;
height:26px;
text-decoration:none;
background: url(images/buttons/location.jpg);
}

#locationlink a:hover{
background-position: -79px 0px;
}

#reviewslink a{
position:absolute;
right:0px;
display:block;
width:73px;
height:26px;
text-decoration:none;
background: url(images/buttons/reviews.jpg);
}

#reviewslink a:hover{
background-position: -73px 0px;
}



#cash{
font-size:20px;
text-decoration:underline;
}