/*
width, height
margin, padding
float, clear, display, border
font, text, letter-spacing, line-height
color, background
*/

/* common tags */
body{
text-align: center;
font-family: Arial, sans-serif;
color: #fff;
background: #000;
}
h2{
clear: both;
font-family: Arial, sans-serif;
font-weight: bold;
}
h2{
font-size: 21px;
font-weight: bold;
letter-spacing: -1px;
color: #fe8;
}
h3{
margin-top: 16px;
display: block;
clear: both;
font-size: 18px;
font-weight: bold;
letter-spacing: -1px;
color: #f0a537;
}
p, ul li, dl dt, dl dd{
font-size: 13px;	
line-height: 19px;
}
p{
line-height: 21px;
}
a{
font-family: "Trebuchet MS", sans-serif;
font-style: italic;
text-decoration: none;
color: #3ab6ef;
}
a:hover{
color: #f0a537;
}
table tr td{
vertical-align: top;
}
address{
font-size: 13px;
}
blockquote{
margin-top: 18px;
font-family: "Trebuchet MS", sans-serif;
font-style: italic;
color: #f0a537;
}

/* clearer */
#navi_border{
height: 4px;
margin: 0;
padding: 0;
float: none;
clear: left;
display: block;
line-height: 0;
font-size: 0px;
text-align: left;
border: 0;
color: #f0a537; /* shade of orange */
background: #f0a537;
}
/* form elements */
label, input, select, textarea{
display: block;
}
input, select, textarea{
margin-bottom: 12px;
padding: 5px 1px 5px 8px;
border-left: 1px solid #300;
border-bottom: 1px solid #510;
border-top: 1px solid #300;
border-right: 1px solid #510;
font-family: Arial, sans-serif;
font-size: 13px;
}
select{
padding: 0;
}
select option{ /* not in IE6 */
padding: 3px 1px 3px 8px;
}
label, input#submit{
padding: 3px 0 2px 0;
font-weight: bold;
font-size: 13px;
color: #f0a537;
}
input#submit{
padding: 5px 5px;
margin-top: 24px;
color: #300;
}

/* sections */
#wrap{
margin: 0 auto; 
padding: 0 0 12px 0;
clear: left;
float: left;
text-align: center;
width: 100%;
}
#body, #ads, #masthead, #navigation, #footer{
width: 760px;
margin: 0 auto;
clear: both;
text-align: left;
}
#top{
width: 100%;
background: url(../images/background_header.gif) repeat-x; 
}
#masthead {
width: 760px;
background: url(../images/header.jpg) no-repeat 50% 0%;
}

/* column - homepage */
.column {
width: 540px;
margin-top: 18px;
float: right;
}
.column p{
text-align: left;
line-height: 24px;
}

/* Main Navigation */
#navigation{
float: left;
display: block;
}
#navigation li{
float: left;
display: block;
}
#navigation li a{
padding: 3px 5px 2px;
float: left;
display: block;
font: bold 12px "Trebuchet MS", sans-serif;
text-decoration: none;
text-transform: uppercase; /* not in IE5 */
color: #111;
}
#navigation li a:hover{
color: #fe8;
background: #a00;
}
#navigation li a#selected{
font-weight: bold;
font-size: 13px;
color: #fff;
background: #111; 
}

/* footer */
#footer{
width: 100%;
padding: 50px 0 12px;
clear: both;
}
#footer p{
width: 770px;
margin: 0 auto;
display: block;
text-align: left;
text-indent: 225px;
font-size: 12px;
font-family: "Trebuchet MS", sans-serif;
font-style: italic;
color: #efa437;
}

/* tab navigation (vertical) */
#tab_navigation, #ad_space{
width: 200px;
margin: 20px 18px 0 0;
float: left;
text-align: right;
}
#tab_navigation li{
margin: 0;
display: block;
float: right;
clear: right;
}
#tab_navigation li a{
padding: 6px 10px 6px 15px;
display: block;
float: right;
clear: right;
font-size: 13px;
font-style: italic;
font-family: "Trebuchet MS", sans-serif;
font-family: "Arial", sans-serif;
text-decoration: none;
text-align: right;
color: #3ab6ef;
}
#tab_navigation li a:hover{
color: #f0a537;
}
#tab_navigation li a#selected{
border-left: 1px solid #730;
border-top: 1px solid #730;
border-bottom: 1px solid #730;
font-size: 15px;
font-weight: bold;
color: #fff77c;
background: #620;
}
#tab_navigation li img{
margin: 12px 10px 12px 10px;
}

/* ad_space - tall ads */
#ad_space {
text-align: center;
}
#ad_space dl{
margin: 0 10px 18px 0;
text-align: right;
}
#ad_space dl dt{
font-size: 14px;
font-weight: bold;
font-style: italic;
color: #f0a537;
}
#ad_space img{
margin-bottom: 12px;
}

/* ads - wide ads*/
#ads{
/*border-bottom: 2px solid #730;*/
}

/* Menu (sub section) */
#menu{
margin-top: 15px;
padding: 15px 0;
}
#menu tr td, .fun_pack dt{
padding: 9px 18px 9px 0;
font-size: 21px;
font-weight: bold;
letter-spacing: -1px;
color: #fe8;
}
#menu tr td em, #menu tr td strong{
display: block;
font-size: 12px;
letter-spacing: 0px;
color: #fff;
}
#menu tr td strong{
margin-top: 12px;
font-size: 18px;
font-weight: bold;
letter-spacing: -1px;
color: #f0a537;
}

/* Function Packages */
#packages_wrap{
width: 540px;
float: left;
}
#packages_wrap h3{
clear: none;
}
.fun_pack {
padding: 18px 0 9px 0;
clear: left;
}
.fun_pack dt{
padding: 0;
} 
.fun_pack dd{
width: 240px;
padding: 3px 6px 3px 10px;
float: left;
background: transparent url(../images/bullet.gif) no-repeat 0% 50%;
}

/* CONTAINERS: branches, franchise, packages, catering */
#branch_wrap, #franchise_wrap, #comment_wrap, #catering_wrap, #about_us_wrap, #jobs_wrap{
margin-bottom: 12px;
display: block;
float: left;
text-align: left;
}
#franchise_wrap, #catering_wrap{
margin-top: 18px;
}
#catering_wrap ul, #catering_wrap dl, #catering_wrap p, #jobs_wrap ul{
margin-bottom: 18px;
}
#catering_wrap h3{
margin-top: 3px;
}
#branch_wrap img{
margin-top: 12px;
}
#branch_wrap ul li strong{
margin-top: 12px;
display: block;
font-weight: bold;
color: #fe8;
}
#franchise_wrap dl dt{
margin-top: 18px;
font-size: 18px;
font-weight: bold;
letter-spacing: -1px;
color: #f0a537;
}

#franchise_wrap ul, #catering_wrap ul, #jobs_wrap ul{
display: block;
float: left;
clear: none;
}
#franchise_wrap ul li, #catering_wrap ul li, #jobs_wrap ul li{
width: 100%;
padding: 3px 6px 3px 10px;
display: block;
float: left;
clear: left;
background: transparent url(../images/bullet.gif) no-repeat 0px 8px;
}

/* notify - jobs */
#notify{
padding: 8px 12px 14px; 
display: block;
clear: both;
background: #840;
}
#notify p{
margin-top: 8px;
line-height: 18px;
font-weight: bold;
}
#notify address{
width: 220px;
margin: 3px 0 0 18px;
display: block;
font-weight: bold;
}

/* comments (sub section)*/
#comment_wrap, #catering_wrap, #franchise_wrap, #about_us_wrap, #jobs_wrap{
width: 540px;
margin-top: 18px;
}

/* branch areas */
#branch_areas{
width: 418px;
margin: 15px 0 0 -15px;
display: block;
float: left;
border-bottom: 2px solid #620;
}
#branch_areas li{
margin: 0 0 0 15px;
display: block;
float: left;
}
#branch_areas li a{
padding: 2px 5px;
display: block;
float: left;
font-family: "Trebuchet MS", sans-serif;
font-size: 13px;
font-style: italic;
text-decoration: none;
color: #c57c12;
}
#branch_areas li a#selected{
font-weight: bold;
font-size: 14px;
color: #300;
background: #c57c12;
}

/* about_us*/
#about_us_wrap blockquote, #jobs_wrap blockquote{
margin-top: 0;
}
#about_us_wrap p{
margin: 9px 0;
}