@charset "utf-8";
/* CSS Document */

@font-face {font-family:ALC; src: url('../fonts/ALC.eot'); font-weight: normal; font-style: normal;}
@font-face {font-family:ALC; src: url('../fonts/ALC.woff') format('woff'), url('../fonts/ALC.ttf') format('truetype'), url('../fonts/ALC.svg#webfontrCGl1OWN') format('svg'); font-weight: normal; font-style: normal;}

* { margin:0; padding:0; outline-style:none;}
html {background-color:#79693d;}
body {background-color:#79693d;}
#Container {position:relative; display:block; width:960px; margin:0 auto; border:16px solid #292500; background-color:#f0eee1;}
#Container img {border:none;}
#Masthead {position:relative; width:960px; height:256px;}
#Masthead img {border:none;}

/* HOME */
#HomeMain {position:relative; display:block; width:960px; height:712px; background-image:url(../images/coffee-beans-burlap.png); background-position:bottom right; background-repeat:no-repeat;}
#HomeImageContainer {width:880px; height:360px; background-color:#f0eee1; border:1px solid #b4b2a9; margin:10px auto 0 auto;}
#HomeSlideshowContainer {width:842px; height:322px; margin:9px; padding:10px; background-color:#4a4124;}
.HomeSlideshow {border:1px solid #f0eee1;}
.HomeSlideshow img {border:none; display:none; width:840px !important; height:320px !important;}
.HomeSlideshow img.FirstImg  {display:block; width:840px !important; height:320px !important;}
.Title {font-family:Verdana, Geneva, sans-serif; font-size:28px; letter-spacing:-1px; text-align:center; color:#292500; margin-top:40px; clear:both;}
.Title span {font-size:19px;}
#HomeCopyContainer {width:498px; height:188px; background-color:#f0eee1; border:1px solid #b4b2a9; margin:-1px auto 0 auto;}
#HomeCopy {width:480px; height:160px; font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:20px; color:#eee7cb; background-color:#4a4124; margin:9px; padding-top:10px;}
#HomeCopy p {margin:10px auto 0 auto; width:420px;}

/* SERVICES */
#ServicesMain {position:relative; display:block; width:960px; height:2260px; background-image:url(../images/coffee-beans-burlap.png); background-position:bottom right; background-repeat:no-repeat;}
#MenuContainer {width:880px; height:226px; background-color:#f0eee1; border:1px solid #b4b2a9; margin:10px auto 0 auto; background-image:url(../images/espresso-menu.png); background-position:top right; background-repeat:no-repeat;}
#EspressoMenu {float:left; display:inline; width:180px; height:208px; margin:9px 0 0 9px; text-align:center; font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:18px; color:#eee7cb; background-color:#4a4124;}
#EspressoMenu ul {padding-top:12px;}
#EspressoMenu li {list-style:none;}
#EspressoMenuCopy {float:left; display:inline; font-family:Verdana, Geneva, sans-serif; font-size:14px; line-height:24px; color:#4a4124; margin:30px 0 0 30px;}
#CateringContainer {width:880px; border:1px solid #b4b2a9; margin:10px auto 0 auto; overflow:auto; background-image:url(../images/catering-line.png); background-position:top center; background-repeat:repeat-y;}
#CateringCopy1 {float:left; display:inline; width:410px; font-family:Verdana, Geneva, sans-serif; font-size:11px; line-height:14px; color:#4a4124; padding:20px 0 0 20px;}
#CateringCopy1 ul {margin:5px 20px 20px 40px;}
#CateringCopy1 li {margin-bottom:7px;}
#CateringCopy2 {float:left; display:inline; width:410px; font-family:Verdana, Geneva, sans-serif; font-size:11px; line-height:14px; color:#4a4124; padding:20px 0 0 30px;}
#CateringCopy2 ul {margin:5px 20px 20px 40px;}
#CateringCopy2 li {margin-bottom:7px;}
.CateringTier {display:block; background-color:#4a4124; color:#eee7cb; padding:15px 30px; margin:-10px 0 0 -10px; font-size:14px; line-height:18px;}
.CateringTier span {font-size:10px; font-weight:bold; line-height:14px;}
.EspressoMachinesContainer {width:886px; margin:10px auto 0 auto; overflow:auto;}
.EspressoMachineOutline {float:left; display:inline; width:220px; height:310px; background-color:#f0eee1; border:1px solid #b4b2a9; margin:0 0 0 -1px;}
.EspressoMachineImage {width:182px; height:272px; margin:9px; padding:10px; background-color:#4a4124;}
.EspressoMachineImage img {border:1px solid #f0eee1 !important; display:block;}
.EspressoMachineCopyOutline {float:left; display:inline; width:220px; height:160px; background-color:#f0eee1; border:1px solid #b4b2a9; margin:-1px 0 0 -1px;}
.EspressoMachineCopy {width:202px; height:132px; font-family:Verdana, Geneva, sans-serif; font-size:10px; line-height:20px; text-align:center; color:#eee7cb; background-color:#4a4124; margin:9px; padding-top:10px; display:block;}
.EspressoCartsContainer {width:667px; margin:10px auto 0 auto;}

/* ABOUT */
#AboutMain {position:relative; display:block; width:960px; height:980px; background-image:url(../images/coffee-beans-burlap.png); background-position:bottom right; background-repeat:no-repeat;}
#AboutImageContainer {float:left; display:inline; width:422px; height:322px; margin:9px; padding:10px; background-color:#4a4124;}
#AboutImageContainer img {border:1px solid #f0eee1; display:block;}
#AboutCopy {float:left; display:inline; width:370px; height:322px; font-family:Verdana, Geneva, sans-serif; font-size:11px; line-height:17px; color:#eee7cb; background-color:#4a4124; margin:9px 0 0 -9px; padding:20px 35px 0 15px;}
#AboutCopy p {margin:14px 0 0 0;}
#ClientsLeft {float:left; display:inline; margin-left:160px; font-family:Verdana, Geneva, sans-serif; font-size:10px; line-height:20px; color:#4a4124; text-align:right;}
#ClientsLeft li {list-style:none;}
#ClientsRight {float:left; display:inline; margin-left:60px; font-family:Verdana, Geneva, sans-serif; font-size:10px; line-height:20px; color:#4a4124; text-align:left;}
#ClientsRight li {list-style:none;}

/* CONTACT */
#ContactMain {position:relative; display:block; width:960px; height:300px; background-image:url(../images/coffee-beans-burlap.png); background-position:bottom right; background-repeat:no-repeat;}
#ContactCopy {margin:0 auto; font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:20px; color:#4a4124; text-align:center;}
#ContactCopy p {margin:10px 0;}
#ContactCopy a {color:#4a4124; text-decoration:none;}
#ContactCopy a:hover {text-decoration:underline;}

/* SURVEY */
#SurveyMain {position:relative; display:block; width:960px; height:840px; background-image:url(../images/coffee-beans-burlap.png); background-position:bottom right; background-repeat:no-repeat;}
#SurveyContainer {width:880px; height:368px; background-color:#f0eee1; border:1px solid #b4b2a9; margin:10px auto 0 auto;}
#SurveyCopy {float:left; display:inline; margin:9px; width:297px; height:350px; font-family:Verdana, Geneva, sans-serif; font-size:17px; line-height:36px; color:#eee7cb; background-color:#4a4124; text-align:left;}
#SurveyCopy p {margin:30px 40px;}
#TestimonialCopy {margin:0 auto; width:520px; font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:20px; color:#4a4124; text-align:center;}
#SurveyFormContainer {float:left; display:inline; width:460px; height:315px; margin:9px 9px 9px 0; background-color:#e3e1d4; padding:35px 48px 0 48px;}
#SurveyForm li {font-family:Verdana, Geneva, sans-serif; color:#4a4124; font-size:13px; line-height:15px; list-style:none; padding: 0 0 10px 0; text-align:right;}
#SurveyForm .app-text {font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#4a4124; width:293px; height:20px; background:#FFF; border:solid 1px #4a4124;}
#SurveyForm .app-textarea {font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#4a4124; background:#FFF; border:solid 1px #4a4124; overflow:hidden; vertical-align:text-top; width:293px;}
.subbtn {padding:4px 10px;}
#SurveyForm .app-text:focus, #SurveyForm .app-textarea:focus {background-color:#4a4124; color:#eee7cb; border:solid 1px #eee7cb;}

/* CALENDAR */
#CalendarMain {position:relative; display:block; width:960px; height:1520px; background-image:url(../images/coffee-beans-burlap.png); background-position:bottom right; background-repeat:no-repeat;}
#TimeSheetOutline {width:468px; height:558px; background-color:#f0eee1; border:1px solid #b4b2a9; margin:10px auto 0 auto;}
#TimeSheetContainer {width:405px; height:500px; margin:9px; background-color:#e3e1d4; padding:20px 20px 20px 25px; font-family:Verdana, Geneva, sans-serif; color:#4a4124; font-size:13px; line-height:25px;}
#TimeSheetContainer .app-text {font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#4a4124; width:285px; height:20px; background:#FFF; border:solid 1px #4a4124;}
#TimeSheetHeadings {width:405px; height:30px; display:block; margin-top:10px;}
#TimeSheetHeadings li {float:left; display:inline; width:62px; margin-right:5px; list-style:none; text-align:center; font-size:12px; line-height:12px;}
#TimeSheetHeadings li span {font-size:9px;}
.CalcTable {padding: 4px 6px; border: solid #DDDDDD 1px; border-collapse: collapse;}
.CalcTitleCell {background-color: transparent; color: #1d487e; font-family:Verdana, Arial, sans-serif; font-size: 130%; font-weight: bold; text-align: center; height: 30px;}
.CalcInstructCell {padding: 5px; border-bottom: solid #DDDDDD 1px;}
.CalcRowTitleCell {background-color: #CCCCCC; color: #1d487e; font-family:Verdana, Arial, sans-serif; font-size: 85%; font-weight: bold; text-align: left; border: solid #DDDDDD 1px;}
.CalcColCell {background-color: #1d487e; color: #FFFFFF; font-family:Verdana, Arial, sans-serif; font-size: 100%; font-weight: bold; text-align: center; border: solid #DDDDDD 1px;}
.CalcColCellLeft {background-color: #1d487e; color: #FFFFFF; font-family:Verdana, Arial, sans-serif; font-size: 100%; font-weight: bold; text-align: left; padding-left: 5px; border: solid #DDDDDD 1px;}
.CalcColCellRight {background-color: #1d487e; color: #FFFFFF; font-family:Verdana, Arial, sans-serif; font-size: 100%; font-weight: bold; text-align: right; border: solid #DDDDDD 1px; }
.CalcRowOdd {background-color: #EEEEEE;}
.CalcRowEven {background-color: #FFFFFF;}
.CalcInDescCell {padding-left: 5px; padding-right: 5px;}
.CalcOutDescCell {text-align: left;}
.CalcInFldCell {text-align:right; padding-right:5px; border:solid 1px #4a4124; width:55px; height:20px; color:#4a4124;}
.CalcOutFldCell {text-align: right; padding-right: 5px; border-left: solid #DDDDDD 1px; border-right: solid #DDDDDD 1px;}
.CalcInFld {}
.CalcOutFldOdd {border:1px solid #b4b2a9; background-color: #e3e1d4; font-weight: normal; text-align: right; width:60px; height:20px;}
.CalcOutFldEven {border:1px solid #b4b2a9; background-color: #e3e1d4; font-weight: normal; text-align: right; width:60px; height:20px;}
.CalcOutFldBoldOdd {border: medium none; background-color: #EEEEEE; font-weight: bold; text-align: right;}
.CalcOutFldBoldEven {border: medium none; background-color: #FFFFFF; font-weight: bold; text-align: right;}
.CalcButtonCell {text-align: center; border: solid #DDDDDD 1px;}
.CalcButton {padding:4px 10px;}
.CalcSummaryCell {padding-left: 5px; padding-right: 5px; background-color: #FFFFFF; border: solid #DDDDDD 1px;}

#credit {font-family:Verdana, san-serif; font-size:10px; color:#594917; padding:10px 0; width:960px; margin:0 auto; text-align:center;}
#credit a {font-family:Verdana, san-serif; font-size:10px; color:#594917; text-decoration:none; overflow:hidden;}
#credit a:hover {color: #FFF;}


/* GLOBALHEADER */
#globalheader {position:absolute; height:30px; top:0; right:0; z-index:600;}
#globalheader #globalnav {padding:0;}
#globalheader #globalnav li {float:left; list-style:none; padding:0; text-align:center; background-image:url(../images/nav-box.png); margin-left:1px;}
#globalheader #globalnav li a {display:block; padding:0 14px; font-family:Verdana, san-serif; font-size:11px; line-height:30px; color:#c1bbad; text-decoration:none;}
#globalheader #globalnav li a:hover {color:#fff;}
#globalheader #globalnav li:hover {position:relative; z-index:599;}
.nav-selected {color:#fff !important;}
.nav-selected a {color:#fff !important;}

#Login {position:absolute; height:30px; top:35px; right:0; z-index:700;}
#Login a {display:block; padding:0 14px; font-family:Verdana, san-serif; font-weight:bold; font-size:12px; line-height:30px; color:#292500; text-decoration:none;}
#Login a:hover {color:#fff;}
