body {background-color: #993333}
body, html {height: 100%}
.clear {clear: both}
a img {border: none}
a {color: #993333}

#container
{
width: 920px;
margin: 10px auto 0;
}

#header
{
background: white url(images/bg_top.png) top left no-repeat;
position: relative;
min-height: 128px;
height: auto !important;
height: 128px;
}

#address
{
padding: 20px 30px 10px 0;
}

#address p
{
font: bold 0.75em/1.6em verdana,sans-serif;
text-align: right;
}

#address #phone {color: #a11c1c;}

h1#logo
{
background: transparent url(images/logo.png) no-repeat center left;
position: absolute;
margin: 10px 0 0 35px;
width: 223px;
height: 116px;
text-indent: -9999px;

}

#main
{
background: white url(images/bg_middle.png) repeat-y top left;
padding: 0 30px 15px;
text-align: center;
}

#menubar
{
display: block;
background: #3a3a3a url(images/bg_menubar.png) repeat-x center left;
border-bottom: 2px solid #ff7e00;
text-align: center;
padding: 0.5em 1em;
}

#menubar li
{
font: bold 0.75em/1.5em verdana,sans-serif;
display: inline;
padding: 0 1.5em;
border-left: 0.2em solid #cfcfcf;
}

#menubar li a
{
display:-moz-inline-stack;
display: inline-block;
white-space: nowrap;
color: #cfcfcf;
}

#menubar li#first {border: none;}

#largephoto
{
padding: 3px 0 20px;
margin-bottom: 5px;
background: transparent url(images/large_photo_shadow.jpg) no-repeat bottom center;
}

#largephoto img
{
border: solid #d5d4c3;
border-width: 10px 8px;
}

/*
#sidebar
{
background-color: #b8af97;
border-left: 12px solid #f2efe4;
float: right;
width: 265px;
padding-bottom: 9999px;
margin: -1em -295px -9999px 0;
}
*/

#sidebar
{
background: #b8af97 url(images/sidebar_corner.png) no-repeat bottom left;
position: absolute;
left: 571px; 
width: 235px;
margin: -1em 0 0 0;
padding: 15px;
}

#content
{
background-color: #fcfaf3;
border: solid #f2efe4;
border-width: 16px 12px;
text-align: left;
font: 0.7em/1.7em verdana,sans-serif;
padding: 1em 20px;

}

.hasSidebar
{
position: relative;
padding-right: 285px !important;
min-height: 570px;
height: auto !important;
height: 565px;
}

#content p
{
margin-bottom: 1.2em;
}

#content .picture
{
border: 1px solid #e8e4d6;
padding: 5px;
}

#content .right {float: right; margin: 0 0 0.5em 16px;}
#content .left {float: left; margin: 0 16px 0.5em 0;}

#content hr
{
border: 0;
color: #f2efe4;
background-color: #f2efe4;
height: 1px;
margin-bottom: 1em;
}

#content h2
{
width: 100%;
height: 32px;
text-indent: -9999px;
margin: 10px 0;
background: transparent url() no-repeat top left;
}

#content h3
{
font: bold 1.3em/2em verdana,sans-serif;
color: #993333;
}

#content ul
{
margin-bottom: 1em;
list-style: disc;
list-style-position: inside;
}

h2#welcome				{background-image: url(images/headings/welcome.png)}
h2#about				{background-image: url(images/headings/about_kearney_catering.png)}
h2#evening_menu			{background-image: url(images/headings/evening_menu.png)}
h2#dessert_menu			{background-image: url(images/headings/dessert_menu.png)}
h2#barbecue_menu		{background-image: url(images/headings/barbecue_menu.png)}
h2#takeaway_menu		{background-image: url(images/headings/takeaway_menu.png)}
h2#catering_menu		{background-image: url(images/headings/catering_menu.png)}
h2#services				{background-image: url(images/headings/kearney_catering_services.png)}
h2#catering				{background-image: url(images/headings/catering.png)}
h2#catering_corporate	{background-image: url(images/headings/corporate_catering.png)}
h2#catering_family		{background-image: url(images/headings/family_events_catering.png)}
h2#catering_outdoor		{background-image: url(images/headings/marquee_outdoor_catering.png)}
h2#catering_wedding		{background-image: url(images/headings/wedding_catering.png)}
h2#catering_mobile		{background-image: url(images/headings/mobile_catering.png)}
h2#cold_buffet_menu		{background-image: url(images/headings/cold_buffet_menu.png)}
h2#contact				{background-image: url(images/headings/contact_us.png)}
h2#hot_plate_menu		{background-image: url(images/headings/hot_plate_menu.png)}
h2#finger_food_menu		{background-image: url(images/headings/finger_food_menu.png)}
h2#lunch_menu			{background-image: url(images/headings/lunch_menu.png)}
h2#restaurant			{background-image: url(images/headings/restaurant.png)}
h2#menus				{background-image: url(images/headings/menus.png)}
h2#gallery				{background-image: url(images/headings/gallery.png)}

h2#whatwedo
{
background: transparent url(images/headings/what_we_do.png) no-repeat top left;
border-bottom: 1px solid #ebe8e0;
}

#footer
{
background: transparent url(images/bg_bottom.png) top left no-repeat;
position: relative;
padding: 15px 30px;
}

#smallmenubar
{
text-align: center;
padding: 0 110px;
font: 0.6em/1.6em verdana,sans-serif;
}

#smallmenubar li
{
display: inline;
padding: 0 1.2em;
}

#smallmenubar li a
{
display:-moz-inline-stack;
display: inline-block;
white-space: nowrap;
color: white;
}

#menubar li a, #smallmenubar li a
{
text-decoration: none;
}

#menubar li a:hover, #smallmenubar li a:hover
{
text-decoration: underline;
}

#box1, #box2, #box3
{
margin-left: 9px;
padding: 15px 0 0 28px;

}

#box1 {background: transparent url(images/box1.png) no-repeat top left; height: 155px;}
#box2 {background: transparent url(images/box2.png) no-repeat top left; height: 156px;}
#box3 {background: transparent url(images/box3.png) no-repeat top left; height: 158px;}

#box1 h3, #box2 h3, #box3 h3
{
width: 100%;
height: 18px;
line-height: 18px;
text-indent: -9999px;
margin: 0 0 8px 0 !important;
}

#box1 h3 {background: transparent url(images/headings/sb_restaurant.png) no-repeat top left;}
#box2 h3 {background: transparent url(images/headings/sb_family.png) no-repeat top left;}
#box3 h3 {background: transparent url(images/headings/sb_mobile.png) no-repeat top left;}

#content table td
{
vertical-align: top;
padding: 0 2em 1em 0;
}

#content table td h3
{
margin-bottom: 0;
}

#content table td.price
{
width: 50px;
font-weight: bold;
text-align: right;
}

#printMenu img
{
position: relative;
bottom: -8px;
margin-right: 0.5em;
}

#printMenu em {color: #009900}

td.icon
{
padding: 4px 12px 0 0 !important;
}

div.contacts
{
float: left;
font-weight: bold;
padding-left: 50px;
width: 12em;
background: transparent url() no-repeat 5px 0;
}

#phonenumbers	{background-image: url(images/phone.gif)}
#streetaddress	{background-image: url(images/envelope.gif)}

form#mail
{
clear: both;
padding-top: 2em;
}

form#mail div
{
clear: both;
margin-bottom: 1em;
}

form#mail label
{
display: block;
float: left;
text-align: right;
width: 6em;
padding-right: 1em;
}

form#mail input.textbox
{
border: 1px solid #b8af97;
padding: 2px;
width: 25em;
font: 1em verdana,sans-serif;
}

form#mail textarea
{
border: 1px solid #b8af97;
padding: 2px;
width: 25em;
font: 1em verdana,sans-serif;
}

div.viewer
{
background-color: #85786b;
text-align: center;
padding: 5px 0;
margin-bottom: 0.5em;
}

div.viewer #theImage
{
border: 1px solid #f2efe4;
}

div.viewer .navi
{
position: relative;
padding: 0 5px;
}

#viewerGallery {height: 294px;}
#viewerGallery .navi {top: -145px;}

#viewerIndex {height: 160px;}
#viewerIndex .navi {top: -75px;}

div.galleries
{
margin-top: 1em;
float: left;
text-align: center;
padding-right: 15px;
}

div.galleries p
{
width: 104px;
text-align: center;
margin: 0.5em 0 0 6px;
}

span.error{
color:red;
margin:10px 0px 10px 0px;
display:block;
font-weight:bold;
}
span.message{
color:#009900;
margin:10px 0px 10px 0px;
display:block;
font-weight:bold;
}
span.req {
color:#009900;
font-weight:bold;
}