@charset "UTF-8";
body {
	background-image: url(images/main-bckgrnd2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	line-height: 19px;
	background-color: #846b43;
}
html {
	overflow-y: scroll;
}
h1{
	font-size: 12px;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
h9{
	margin-top: 22px;
}
b{
	font-size: 14px;
	font-weight: normal;
}
#header {
	height: 104px;
	width: 994px;
	margin-left: 25px;
	z-index: 1;
	min-width: 994;
}
#wrap {
	margin: auto;
	height: auto;
	width: 1019px;
}
#footer {
	height: 80px;
	width: 800px;
	float: left;
	text-align: left;
	color: #4e3b1d;
	margin-top: 22px;
	line-height: 26px;
	padding-left:30px;
	
}
#footer a {
	color: #4e3b1d;
	text-decoration: none;
}
.eat24-box {
    float: left;
	margin-top: 22px !important;
}

a.eat24-box { font-size: 24px; background-color: #ce0000; color: #fff; box-shadow: .0625em .0625em .1875em rgba(34,34,34,.5), inset 0 0 0 .0625em #a80000; } a.eat24-box:hover { box-shadow: .0625em .0625em .1875em rgba(34,34,34,.5), inset 0 0 0 .125em #a80000; } 
a.eat24-box::after { border-color: transparent transparent transparent #fff; } 
a.eat24-box::before { background-image: url(buttons/button-logos/eat24-brand-ffffff.png); }

#logo-float {
	position:absolute;
	top:23px;
	width:227px;
	height:225px;
	z-index:500;
	background-image: url(images/logo.png);
}
a.logo-float {
	width:200px;
	height:200px;
	float: left;
    }

#menu {
	float: left;
	height: 76px;
	width: 442px;
	margin-left: 161px;
}
a.header-fb {
	width: 58px;
	height: 32px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(images/icon-fb.png);
	float: left;
	margin-left: 206px;
	margin-top: 72px;
    } 
      
      
    a:visited.header-fb {
	background-position: 0px 0px;
    }  
      
    a:hover.header-fb {
	background-position: 0px -32px;
    }  
      
    a:active.header-fb {
	background-position: 0px 0px;
    } 
a.header-yelp {
	width: 58px;
	height: 32px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(images/icon-yelp.png);
	float: left;
	margin-left: 2px;
	margin-top: 72px;
    } 
      
      
    a:visited.header-yelp {
	background-position: 0px 0px;
    }  
      
    a:hover.header-yelp {
	background-position: 0px -32px;
    }  
      
    a:active.header-yelp {
	background-position: 0px 0px;
    } 
	
a.header-insta {
	width: 58px;
	height: 32px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(images/icon-insta.png);
	float: left;
	margin-left: 2px;
	margin-top: 72px;
	} 
      
      
    a:visited.header-insta {
	background-position: 0px 0px;
    }  
      
    a:hover.header-insta {
	background-position: 0px -32px;
    }  
      
    a:active.header-insta {
	background-position: 0px 0px;
    } 
/*START OF NAV MENU*/

a.nav-home {
	width: 117px;
	height: 76px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(images/btn-home.jpg);
	float: left;
    } 
      
      
    a:visited.nav-home {
	background-position: 0px 0px;
    }  
      
    a:hover.nav-home {
	background-position: 0px -76px;
    }  
      
    a:active.nav-home {
	background-position: 0px 0px;
    } 
	
a.nav-menu {
	width: 103px;
	height: 76px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(images/btn-menu.jpg);
	float: left;
    } 
      
      
    a:visited.nav-menu {
	background-position: 0px 0px;
    }  
      
    a:hover.nav-menu {
	background-position: 0px -76px;
    }  
      
    a:active.nav-menu {
	background-position: 0px 0px;
    } 
	
a.nav-about {
	width: 103px;
	height: 76px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(images/btn-about.jpg);
	float: left;
    } 
      
      
    a:visited.nav-about {
	background-position: 0px 0px;
    }  
      
    a:hover.nav-about {
	background-position: 0px -76px;
    }  
      
    a:active.nav-about {
	background-position: 0px 0px;
    }
	 
a.nav-contact {
	width: 119px;
	height: 76px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(images/btn-contact.jpg);
	float: left;
    } 
      
      
    a:visited.nav-contact {
	background-position: 0px 0px;
    }  
      
    a:hover.nav-contact {
	background-position: 0px -76px;
    }  
      
    a:active.nav-contact {
	background-position: 0px 0px;
    } 


/*START OF HOME STYLES*/
#home-box1 {
	background-image: url(images/meaning_of_casse_croute.png), url(images/cc-box-background.png);
	background-repeat: no-repeat, repeat-x;
	background-position: 15px 22px, 0px 0px ;
	float: left;
	height: 224px;
	width: 308px;
	margin-top: 30px;
	margin-left: 29px;
	padding-top: 48px;
	padding-right: 16px;
	padding-left: 16px;
}
#home-box2 {
	background-image: url(images/casse_croute_grain.png), url(images/our_hours.png), url(images/cc-box-background.png);
	background-repeat: no-repeat, no-repeat, repeat-x;
	background-position: 142px 93px, 15px 22px, 0px 0px;
	height: 214px;
	margin-top: 30px;
	width: 218px;
	margin-left: 15px;
	float: left;
	padding-top: 58px;
	padding-right: 16px;
	padding-left: 16px;
}
#home-box3 {
	background-image: url(images/bread_flower.png), url(images/subscribe_to_newsletter.png), url(images/cc-box-background.png);
	background-repeat: no-repeat, no-repeat, repeat-x;
	background-position: 162px 127px, 15px 22px, 0px 0px;
	height: 214px;
	margin-top: 30px;
	width: 308px;
	margin-left: 15px;
	float: left;
	padding-top: 58px;
	padding-right: 16px;
	padding-left: 16px;
}

#slideshow {
	z-index: 100;
}

#home-slide-content {
	height: 452px;
	width: 961px;
	margin-right: 25px;
	margin-left: 25px;
	padding-top: 4px;
	padding-right: 4px;
	padding-left: 3px;
	z-index: 100;
}


/*START OF CONTACT STYLES*/
#contact-formwrap {
	height: 400px;
	width: 907px;
	margin-right: 25px;
	margin-left: 55px;
	margin-top: 30px;
	background-image: url(images/contact-form-bkgrnd.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-bottom: 30px;
}

#contact-fieldwrap {
	float: left;
	height: 365px;
	width: 501px;
	color: #e2caa1;
	font-size: 14px;
	padding-top: 30px;
	padding-left: 34px;
}
.contactform-name {
	background-image: url(images/contactform1.jpg);
	height: 28px;
	width: 248px;
	margin: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.contactform-name2 {
	background-image: url(images/contactform1.jpg);
	height: 28px;
	width: 270px;
	margin: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.contactform-phone {
	background-image: url(images/contactform2.jpg);
	height: 28px;
	width: 174px;
	margin: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.contactform-comments {
	background-image: url(images/contactform3.jpg);
	height: 133px;
	width: 453px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	outline: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
}
textarea{
	resize: none;
}
#error_container {
	height: 18px;
	color: #e2caa1;
	overflow: hidden;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 16px;
	text-align: center;
}
input#submit_button {
	width: 114px;
	height: 31px;
	border: 0;
	cursor: pointer;
	margin-top: 12px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 340px;
	background-color: transparent;
	background-image: url(images/submit.png);
	background-repeat: no-repeat;
}

input#submit_button.rollover:hover {
	background-position: 0 -31px;
}
input#submit_button2 {
	width: 114px;
	height: 31px;
	border: 0;
	cursor: pointer;
	margin-top: 18px;
	margin-right: 0;
	margin-bottom: 0;
	background-color: transparent;
	background-image: url(images/subscribe.png);
	background-repeat: no-repeat;
}

input#submit_button2.rollover:hover {
	background-position: 0 -31px;
}
a.google-link {
	width: 254px;
	height: 78px;
	float: left;
	margin-left: 114px;
	margin-top: 319px;
    }
#contact-bottom-spacer {
	height: 30px;
	width: 1019px;
}

/*START OF ABOUT STYLES*/
#about-box1 {
	background-image: url(images/about-rustic1.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 437px;
	width: 575px;
	margin-top: 7px;
	margin-left: 7px;
	margin-right: 27px;
}
#about-box2 {
	background-repeat: no-repeat;
	float: left;
	height: 437px;
	width: 329px;
	margin-top: 7px;
	background-image: url(images/about-rustic2.jpg);
	background-position: 0px 227px;
}
#about-topcontent {
	height: 452px;
	width: 961px;
	margin-right: 25px;
	margin-left: 25px;
	padding-top: 4px;
	padding-right: 4px;
	padding-left: 4px;
	color: #4e3b1d;
	line-height: 20px;
}
#about-bottomcontent {
	height: 746px;
	width: 970px;
	margin-left: 25px;
	background-image: url(images/about-bottom-bkgrnd.jpg);
	background-repeat: no-repeat;
	line-height: 20px;
	margin-top: 28px;
}
#contact-bottom-box1 {
	height: 216px;
	width: 520px;
	margin-left: 26px;
	margin-top: 67px;
	float: left;
	margin-right: 350px;
}
#contact-bottom-box2 {
	float: left;
	height: 340px;
	width: 398px;
	margin-left: 54px;
	margin-top: 81px;
}
#contact-bottom-box3 {
	float: left;
	height: 340px;
	width: 398px;
	margin-left: 73px;
	margin-top: 81px;
}
#contact-bottom-box1 p {
	margin: 0px;
}
#menu-wrap-a {
	background-image: url(images/menu-2a.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 139px;
	width: 947px;
	margin-top: 11px;
	margin-left: 35px;
}
#menu-wrap-b {
	background-image: url(images/menu-2b.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 2696px;
	width: 947px;
	margin-left: 35px;
}
#menu-wrap-center {
	background-color: #473518;
	padding-top:12px;
	float: left;
	height: 54px;
	width: 947px;
	margin-left: 35px;
}