body {
width: 798px;
margin: 0 auto 0 auto;
padding: 0;
text-align: center;
}

/* background image */
#background {
width: 798px;
margin: 0 auto;
padding: 0;
background: #ffffff url(http://www.sambs.com/2009-10/background_bldg.jpg) no-repeat;
}

html, body { /* saves you from the "centering jump" on short pages */
min-height: 100%;
margin-bottom: 1px;
}

/* magic code that makes everything line up correctly */
.brclear { 
clear: both; 
height: 0; 
margin: 0;
font-size: 1px;
line-height: 0px;
}

/* links at the top of the page */
#toplinks a:link    {color: #cc0033; font-size: 9pt; text-decoration: none; font-weight: bold; font-family: arial, helvetica, sans serif;}
#toplinks a:visited {color: #cc0033; font-size: 9pt; text-decoration: none; font-weight: bold; font-family: arial, helvetica, sans serif;}
#toplinks a:hover   {color: #00ff00; background: #ffffff;  font-size: 9pt; text-decoration: none; font-weight: bold; font-family: arial, helvetica, sans serif;}
#toplinks a:active  {color: #ff3399; background: #ffffff;  font-size: 9pt; text-decoration: none; font-weight: bold; font-family: arial, helvetica, sans serif;}

/* text properties for links at the top */
#toplinks {
display: block;
margin: 40px auto 20px auto;
font-family: arial, helvetica, sans serif;
font-size: 8pt;
color: #99cc99;
font-weight: bold;
font-style: normal;
text-align: center;
letter-spacing: 0.075em;
line-height: 14pt;
}


/* holder */
#holder {
width: 798px;
margin: 0 auto;
padding: 0 0 0 0;
}

/* LEFT COLUMN */
#left {
width: 399px;
margin: 0;
padding: 0;
float: left;
padding: 0; /* side padding is added to total width above for a 265px "real total" */
}

/* default links */
a:link    {color: #ff0000; font-size: 9pt; text-decoration: none; font-weight: bold; font-family: arial, helvetica, sans serif;}
a:visited {color: #ff0000; font-size: 9pt; text-decoration: none; font-weight: bold; font-family: arial, helvetica, sans serif;}
a:hover   {color: #00ff00; background: #000000; font-size: 9pt; text-decoration: none; font-weight: bold; font-family: arial, helvetica, sans serif;}
a:active  {color: #ff3399; background: #000000; font-size: 9pt; text-decoration: none; font-weight: bold; font-family: arial, helvetica, sans serif;}


/* "LOCATION" */
#location b{
display: block;
width: 199px;
margin: 0;
padding: 200px 25px 0 175px;
font-family: arial, helvetica, sans serif;
font-size: 13pt;
font-weight: bold;
font-style: normal;
color: #cc0000;
text-align: left;
line-height: 100%;
}

/* "Sam B's is located at 163 South Main..." */
#location p{
display: block;
width: 199px;
margin: 0;
padding: 5px 25px 0 175px;
font-family: times new roman, times, serif;
color: #333333;
font-size: 12pt;
font-weight: normal;
font-style: italic;
text-align: left;
line-height: 115%;
}

/* "Sam B's is located at 163 South Main..." */
#google {
display: block;
width: 199px;
margin: 0;
padding: 5px 25px 0 175px;
font-family: times new roman, times, serif;
color: #333333;
font-size: 12pt;
font-weight: normal;
font-style: normal;
text-align: left;
line-height: 115%;
}

/* default links */
#google a:link    {color: #6666cc; font-size: 9pt; text-decoration: none; font-weight: bold; font-family: arial, helvetica, sans serif;}
#google a:visited {color: #6666cc; font-size: 9pt; text-decoration: none; font-weight: bold; font-family: arial, helvetica, sans serif;}
#google a:hover   {color: #00ff00; background: #000000; font-size: 9pt; text-decoration: none; font-weight: bold; font-family: arial, helvetica, sans serif;}
#google a:active  {color: #ff3399; background: #000000; font-size: 9pt; text-decoration: none; font-weight: bold; font-family: arial, helvetica, sans serif;}

/* "PARKING" */
#parking b{
display: block;
width: 199px;
margin: 0;
padding: 20px 25px 0 175px;
font-family: arial, helvetica, sans serif;
font-size: 13pt;
font-weight: bold;
font-style: normal;
color: #cc0000;
text-align: left;
line-height: 100%;
}

/* "Parking is available..." */
#parking p{
display: block;
width: 199px;
margin: 0;
padding: 5px 25px 0 175px;
font-family: times new roman, times, serif;
color: #333333;
font-size: 12pt;
font-weight: normal;
font-style: italic;
text-align: left;
line-height: 115%;
}




/* RIGHT COLUMN */
#right {
width: 399px;
margin: 0;
padding: 0;
float: right;
}

/* "HOURS" */
#hours strong{
display: block;
margin: 0 auto;
padding:  200px 205px 0 45px;
font-family: arial, helvetica, sans serif;
font-size: 13pt;
font-weight: bold;
font-style: normal;
color: #cc0000;
text-align: left;
line-height: 100%;
}

/* "Sunday-Thursday" etc */
#hours p{
display: block;
margin: 0 auto;
padding:  0 155px 0 45px;
font-family: times new roman, times, serif;
color: #333333;
font-size: 12pt;
font-weight: normal;
font-style: italic;
text-align: left;
line-height: 100%;
}

/* "11am-10pm" etc */
#hours b{
display: block;
margin: 0 auto;
padding:  5px 155px 0 45px;
font-family: times new roman, times, serif;
color: #333333;
font-size: 12pt;
font-weight: normal;
font-style: italic;
text-align: left;
line-height: 100%;
}

/* "Happy Hours 9-11pm daily"" */
#happy {
display: block;
margin: 0 auto;
width: 199px;
padding:  10px 175px 0 25px;
font-family: times new roman, times, serif;
color: #333333;
font-size: 12pt;
font-weight: normal;
font-style: italic;
text-align: left;
line-height: 100%;
}

/* "RESERVATIONS" */
#res b{
display: block;
margin: 0 auto;
padding:  20px 175px 0 45px;
font-family: arial, helvetica, sans serif;
font-size: 13pt;
font-weight: bold;
font-style: normal;
color: #cc0000;
text-align: left;
line-height: 100%;
}

/* "Reservations are accepted but not required." */
#res p{
display: block;
margin: 0 auto;
padding:  5px 175px 0 45px;
font-family: times new roman, times, serif;
color: #333333;
font-size: 12pt;
font-weight: normal;
font-style: italic;
text-align: left;
line-height: 115%;
}



/* footer */
.footer {
width: 798px;
margin: 0 auto;
padding: 500px 0 0 0;
text-align: center;
}


/* The End.  Is this shit fun or what! */