/*** GENERAL STYLES ***/

body {background: #3b0a06 url(../images/bkg.jpg); text-align: center; margin: 0; padding: 0 0 30px 0;}
body, th, td, h1, h2, h3, h4, h5, h6, select, input, textarea {font-family: times, "times new roman", georgia, serif; font-size: 13px; color: #5a1400;}
body, th, td, h1, h2, h3, h4, h5, h6 {line-height: 26px;}
form, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}

img, table, fieldset {border: 0;}
ul, ul li {list-style: none; margin: 0; padding: 0;}
p {margin: 0 0 2em 0;}
a {color: #5a1400;}
a:hover {color: #f37021;}

.hide {display: none;}
.alert {color: #c00;}
.small {font-size: 10px;}

.floatleft {float: left;}
.floatright {float: right;}
.imgleft {float: left; margin: 0 15px 15px 0;}
.imgright {float: right; margin: 0 0 15px 15px;}
.textleft {text-align: left;}
.textcenter {text-align: center;}
.textright {text-align: right;}

.spacer {float: none; clear: both; height: 1px; overflow: hidden;}
.hr {float: none; clear: both; height: 1px; overflow: hidden; background: #ccc; margin: 2em 0;}
.clear {float: none; clear: both;}

.half {width: 50%;}
.third {width: 33%;}
.twothird {width: 60%;}
.quarter {width: 25%;}
.threequarter {width: 70%;}

.ir {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
a .ir {cursor: pointer;}


/*** STRUCTURAL STYLES ***/

#outer {position: relative; width: 900px; margin: 30px auto 0; text-align: left;}
#top {height: 131px; background: #f7f5e6 url(../images/top.gif) no-repeat;}
#logo {position: absolute; left: 0; top: 0; width: 250px; height: 115px; text-align: center; color: #f37021; font-family: sans-serif; font-size: 12px; font-weight: normal; text-transform: uppercase; text-decoration: none; letter-spacing: 1px;}
#logo strong {display: block; color: #5a1400; font-size: 75px; text-transform: lowercase; line-height: 60px; letter-spacing: -3px; padding-top: 20px; text-indent: -10px;}
#logo .ir {background: url(../images/logo.gif) no-repeat;}

#nav {position: absolute; left: 250px; top: 75px; height: 30px; line-height: 30px;}
#nav li {float: left;}
#nav a {position: relative; display: block; zoom: 1; font-size: 15px; font-weight: bold; text-decoration: none; text-transform: lowercase; padding: 0 17px 0 17px; font-family: arial, sans-serif;}
#nav li.on a {background: url(../images/arrows.png) 3px 12px no-repeat; color: #f37021;}
#nav .ir {background: url(../images/nav.gif);}

#navhome .ir {background-position: -150px 0;}
#navabout .ir {background-position: -150px -30px;}
#navmenu .ir {background-position: -150px -60px;}
#navcatering .ir {background-position: -150px -90px;}
#navpress .ir {background-position: -150px -120px;}
#navlocations .ir {background-position: -150px -150px;}
#navcontact .ir {background-position: -150px -180px;}

#navhome a:hover .ir, #navhome.on .ir {background-position: 0 0;}
#navabout a:hover .ir, #navabout.on .ir {background-position: 0 -30px;}
#navmenu a:hover .ir, #navmenu.on .ir {background-position: 0 -60px;}
#navcatering a:hover .ir, #navcatering.on .ir {background-position: 0 -90px;}
#navpress a:hover .ir, #navpress.on .ir {background-position: 0 -120px;}
#navlocations a:hover .ir, #navlocations.on .ir {background-position: 0 -150px;}
#navcontact a:hover .ir, #navcontact.on .ir {background-position: 0 -180px;}

#photosdiv {padding-bottom: 21px; background: url(../images/photos.png) left bottom no-repeat;}
#photos {width: 900px; height: 260px;}

#main {background: #ebe7c3 url(../images/main.gif) left top repeat-y; overflow: hidden;}
#content {float: right; width: 580px; padding: 40px 35px;}
#sidebar {float: left; width: 180px; padding: 40px 35px; color: #fff;}

#content h1 {position: relative; color: #f37021; font-family: arial, sans-serif; font-size: 16px; text-transform: lowercase; padding-left: 18px; background: url(../images/arrows.png) 0 11px no-repeat; margin-bottom: 5px; line-height: 30px;}
#content h2 {color: #929c16; font-family: arial, sans-serif; font-size: 14px; margin-bottom: 5px;}
#content ul {margin-bottom: 2em;}
#content ul li {padding-left: 16px; background: url(../images/bullet.gif) 3px 11px no-repeat; margin-bottom: 8px;}

#footer {padding: 10px; color: #a97c50; font-size: 10px; font-family: tahoma, sans-serif;}