/* GOLBAL STYLES */

body {color:#374b2e; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; background:#f6e8c9 url(../images/main-bg.jpg) repeat;}
a {color:#6e1920; outline:none;}
a:hover {color:#3b6071;}


/* MAIN WRAPPER & STYLES */

#wrapper {width:950px; margin:35px auto 0;}

#logo {width:493px; float:left;}

#directions {width:151px; float:right;}
#directions ul {width:151px; height:31px; display:inline;}
#directions ul li {list-style:none; display:inline; text-indent:-9999px;}
#directions ul li a {height:31px; background:url(../images/get-directions.gif) no-repeat; display:block; float:left;}
#directions ul li a {width:151px; background-position:0 0;}
#directions ul li a:hover {width:151px; background-position:0 -31px;}
#directions p {font-size:12px; line-height:18px; text-align:right; margin:0 0 10px;}

#homeFood {width:552px; float:left;}
#homeWelcome {width:398px; height:319px; background:url(../images/welcome.gif) no-repeat; float:right; position:relative;}
#homeWelcome p {width:325px; padding:120px 0 0 39px; color:#fff; font-size:12px; line-height:18px; letter-spacing:2px;}
#homeWelcome .linkme {width:125px; height:25px; text-indent:-9999px; position:absolute; bottom:20px; left:135px;}

#dots {width:950px; margin:0 0 18px;}

.bottomTwo {width:305px; padding:0 17px 0 0; float:left;}
.bottomOne {width:305px; float:right;}

#footer {width:950px; border-top:3px #7a2b2e dotted; margin:15px 0 0; padding:10px 0 80px;}
#footer ul {width:450px; float:left;}
#footer ul li {display:inline; letter-spacing:1px; list-style:none; background:url(../images/footer-line.jpg) no-repeat right; padding:0 10px;}
#footer ul li.first {padding:0 10px 0 0;}
#footer ul li.none {background:none;}
#footer ul li a {color:#3b6071; font-size:12px; text-decoration:none;}
#footer ul li a:hover {text-decoration:underline;}
#footer .copyright {width:450px; text-align:right; float:right;}
#footer .copyright p {font-size:12px; letter-spacing:1px; padding:5px 0 0;}
#footer .facebook {width:950px; float:right; margin:7px 0 0;}

/* SUBPAGE WRAPPER & STYLES */

ul#contactUs {display:inline;}
ul#contactUs li {display:inline; list-style:none; text-indent:-9999px;}
ul#contactUs li a {width:135px; height:37px; background:url(../images/contact-us.gif) 0 -37px no-repeat; display:block; float:left;}
ul#contactUs li a:hover {background-position:0 0;}

#leftContent {width:615px; float:left;}
#leftContent p {margin:20px 0 20px; line-height:25px;}
#leftContent p.blue {color:#3b6071; margin:30px 0 40px 0;}

#leftContentAbout {width:498px; float:left;}
#leftContentAbout p {width:450px; font-size:14px; margin:10px 0 20px; line-height:20px;}
#leftContentAbout p.blue {color:#3b6071; font-weight:bold; line-height:18px; margin:0 0 30px;}
#leftContentAbout p.sig {font-size:16px; margin:5px 0 0 0;}

#hours {width:260px; height:437px; background:url(../images/daily-pestos-hours.png) no-repeat; margin:10px 0 0; float:right; position:relative;}
#hours .photos {position:absolute; top:-14px; left:-217px;}
#hoursAfterDark {width:260px; height:387px; background:url(../images/pestos-hours.png) no-repeat; float:right;}
#times {padding:190px 0 0;}
#times p {color:#fff; font-size:12px; line-height:18px; letter-spacing:2px; text-align:center; margin:0 0 20px;}
#times p .yellow {color:#f6d498;}

#cateringLeft {width:464px; float:left;}
#cateringRight {width:462px; background:url(../images/vertical-line.png) no-repeat left; padding:0 0 0 10px; float:right;}
#cateringLeft p {font-size:15px; line-height:24px; padding:0 15px 0 0; margin:15px 0 0;}
#cateringRight p {font-size:15px; line-height:24px; padding:0 15px; margin:15px 0 0;}
#cateringRight p.blue {font-size:13px; color:#3b6071; line-height:16px;}

.menuList {margin:20px 0 0 15px;}
.menuList tr.blue {background:url(../images/see-through.png) repeat;}
.menuList tr td {font-size:12px; padding:5px 0 5px 10px;}
.menuContact {width:950px; height:40px; background:url(../images/catering-contact-bg.jpg) no-repeat; margin:20px 0 0;}
.menuContactWrap {width:135px; margin:0 auto;}

#contactLeft {width:535px; float:left;}
#contactRight {width:395px; margin:22px 0 0; float:right;}
.address {width:360px; margin:15px 0 0; float:left;}
.address p {line-height:24px;}
.address p .blue {color:#3b6071;}
.address p .small {font-size:12px; line-height:18px;}

.button {width:141px; margin:15px 0 0; float:right;}
.button ul {width:141px; height:30px; display:inline;}
.button ul li {list-style:none; display:inline; text-indent:-9999px;}
.button ul li a {height:30px; background:url(../images/contact-get-directions.gif) no-repeat; display:block; float:left;}
.button ul li a {width:141px; background-position:0 0;}
.button ul li a:hover {width:151px; background-position:0 -30px;}


/* CONTACT FORM */

#contactWrap {width:384px; background:url(../images/contact-form-bg.jpg) repeat-y; margin:15px 0 0;}
#formWrap {width:336px; padding:0 0 0 15px;}
#formWrap .floatLeft {float:left;}
#formWrap .floatRight {float:right; padding:0 10px 0 0; margin:10px 0 0;}
#formWrap .noEntry {display:none;}
#formWrap form label {color:#1e4a61;}
#formWrap #contactname, #formWrap #email ,#formWrap #subject 
{width:252px; height:20px; background:url(../images/form-small.gif) no-repeat; border:none; color:#1e4a61; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:1px; padding:6px 10px 0; margin:4px 0;}
#formWrap #message {width:336px; height:121px; background:url(../images/form-large.gif) no-repeat; border:none; color:#1e4a61; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-weight:bold; letter-spacing:1px; padding:6px 10px 0; margin:4px 0 5px;}

#formWrap h1 {color:#1e4a61; font-size:16px; font-weight:bold;}
#formWrap p {font-size:13px; line-height:18px; margin:0 0 10px;}

#submitButton {background:url(../images/form-submit.gif)  no-repeat; width:141px; height:30px; cursor:pointer; border:0;}
#submitButton:hover {background-position:0 -30px;}


/* NAVIGATION */

#navigation {width:950px; height:54px; margin:20px 0 0;}
#navigation ul {width:950px; height:54px; display:inline;}
#navigation ul li {list-style:none; display:inline; text-indent:-9999px;}
#navigation ul li a {height:54px; background:url(../images/navigation.gif) no-repeat; display:block; float:left;}

#navigation ul li a.home {width:127px; background-position:0 0;}
#navigation ul li a:hover.home {width:127px; background-position:0 -54px;}

#navigation ul li a.about {width:144px; background-position:-127px 0;}
#navigation ul li a:hover.about {width:144px; background-position:-127px -54px;}

#navigation ul li a.menu {width:134px; background-position:-271px 0;}
#navigation ul li a:hover.menu {width:134px; background-position:-271px -54px;}

#navigation ul li a.catering {width:182px; background-position:-405px 0;}
#navigation ul li a:hover.catering {width:182px; background-position:-405px -54px;}

#navigation ul li a.banquets {width:187px; background-position:-587px 0;}
#navigation ul li a:hover.banquets {width:187px; background-position:-587px -54px;}

#navigation ul li a.contact {width:176px; background-position:-774px 0;}
#navigation ul li a:hover.contact {width:176px; background-position:-774px -54px;}


/* BOTTOM 3 IMAGES ON INDEX */

ul.threeThings {width:305px; display:inline;}
ul.threeThings li {display:inline; list-style:none; text-indent:-9999px;}
ul.threeThings li a {width:305px; height:146px; background:url(../images/view-the-menu.jpg) no-repeat; display:block; float:left;}
ul.threeThings li a.one:hover, ul.threeThings li a.two:hover, ul.threeThings li a.three:hover
{background-position:0 -146px;}
ul.threeThings li a.one {background:url(../images/view-the-menu.jpg) no-repeat;}
ul.threeThings li a.two {background:url(../images/pestos-after-dark.jpg) no-repeat;}
ul.threeThings li a.three {background:url(../images/pestos-full-bar.jpg) no-repeat;}


/* UTILITIES */

.clear {clear:both;}
.block {display:block;}