@charset "UTF-8";
/* CSS Document */

#body {
	margin:0px;
	text-align:center;
	background-color:#000;
	background-image:url(images/background.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-position:top;
	color:#FFF;
	}
	
p{
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
	margin-top:10px;
	margin-bottom:5px;
	color:#743600;
	font-size:13px;
	text-align:justify;
	}

h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#B45300;
	margin-top:20px;
	margin-bottom:5px;
	font-weight:normal;
	text-align: left;
	}
	
h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:17px;
	color:#B45300;
	margin-bottom:5px;
	font-weight:normal;
	margin-top: 15px;
		}
		
h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#B45300;
	margin-bottom:0px;
	font-weight:normal;
	margin-top: 10px;
		}
		
h4 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#F00;
	margin-bottom:10px;
	font-weight:normal;
	text-align: left;
		}
		
ul{
	margin-top:5px;
	margin-bottom:5px;
	line-height:20px;
	font-size:12px;
	padding-left: 180px;
	}
	
a {
	color:#c40000;
	text-decoration:none;
	outline:none;
	}
	
a:hover {
	color:#F00;
	}
	
#menu{
	width:980px;
	height:34px;
	float:left;
	}
	
#wrapper{
	width:980px;
	margin:auto;
	text-align:left;
	}

/*=NAVIGATION - LIST ITEM - BACKGROUND ROLLOVER TRANSITION
-------------------------------------------------------------------------------------------*/	



#main_nav {
	list-style: none;
	padding: 0;
	margin: 0px;
}
#main_nav li { float: left; }
#main_nav li a { text-indent: -999999px; overflow: hidden; display: block; height: 34px; } 
#main_nav:hover li a { background-position: 0px 0; }


#home { background:url(images/navigation/home-btn.gif); width: 256px; }
#home:hover { background: url(images/navigation/home-btn.gif) -256px 0 !important; }
#home.active { background: url(images/navigation/home-btn.gif) -256px 0; }

#our-food { background: url(images/navigation/our-food-btn.gif); width: 162px; }
#our-food:hover { background:  url(images/navigation/our-food-btn.gif) -162px 0 !important; }
#our-food.active { background:  url(images/navigation/our-food-btn.gif) -162px 0; }

#catering { background: url(images/navigation/catering-btn.gif); width: 136px; }
#catering:hover { background: url(images/navigation/catering-btn.gif) -136px 0 !important; }
#catering.active { background: url(images/navigation/catering-btn.gif) -136px 0; }


#about-us { background:url(images/navigation/about-us.gif); width: 148px; }
#about-us:hover { background: url(images/navigation/about-us.gif) -148px 0 !important; }
#about-us.active { background: url(images/navigation/about-us.gif) -148px 0; }

#contact { background: url(images/navigation/contact-us-btn.gif); width: 277px; }
#contact:hover { background: url(images/navigation/contact-us-btn.gif) -277px 0 !important; }
#contact.active { background: url(images/navigation/contact-us-btn.gif) -277px 0; }


/*CONTACT US
-------------------------------------------------------------------------------------------*/	

#contact-wrapper {
	width:978px;
	height:669px;
	background-position:center top;
	background-image:url(images/contact-bg.jpg);
	background-repeat:no-repeat;
	background-color:#FFF;
	 float:left;
	 
	}

/*ABOUT US
-------------------------------------------------------------------------------------------*/	

#about-wrapper {
	width:978px;
	height:669px;
	background-position:center top;
	background-image:url(images/about-bg.jpg);
	background-repeat:no-repeat;
	background-color:#FFF;
	 float:left;
	 
	}
	
#about-content-text {
	width:555px;
	float:right;
	color:#743600;
	padding-right: 20px;
	padding-left: 20px;
    }
	
#about-wrapper p{
	width:385px;
	height:173px;
	display:block;
	float:left;
	padding-left: 15px;
	}
	
#about-wrapper h3{
	display:block;
	float:left;
	padding-left: 15px;
	}




/*CATERING
-------------------------------------------------------------------------------------------*/	

#catering-wrapper {
	width:978px;
	height:669px;
	background-position:center top;
	background-image:url(images/catering-bg.jpg);
	background-repeat:no-repeat;
	background-color:#FFF;
	 float:left;
	 
	}



/*OUR FOOD
-------------------------------------------------------------------------------------------*/	

#our-food-wrapper {
	width:978px;
	height:669px;
	background-position:center top;
	background-image:url(images/our-food-bg.jpg);
	background-repeat:no-repeat;
	background-color:#FFF;
	 float:left;
	 
	}
	
/*HOME
-------------------------------------------------------------------------------------------*/	

#home-content-text {
	width:320px;
	float:right;
	color:#743600;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
    }
	
.justify{
	text-align: justify;
    }
	
#home-content-text  ul{
	padding-left:20px;
    }
	
#home-wrapper {
	width:978px;
	height:669px;
	background-position:center top;
	background-image:url(images/home-bg.jpg);
	background-repeat:no-repeat;
	background-color:#FFF;
	 float:left;
	 
	}
	
.home-boxes-wrapper {
	width:980px;
	height:203px;
	float:left;
	background-image:url(images/home-box-background.jpg);
	padding-top: 30px;
	}
	
.home-boxes-wrapper p{
	color:#FFF;
	line-height: 15px;
	}
	
.home-boxes-wrapper ul {
	padding: 0;
	margin: 0;
	
	}
	
.home-boxes-wrapper li {
	padding-left:0px;
	margin: 0;
	list-style-type: none;
	}
	
.home-boxes-wrapper li a{
	background-image: url(images/white-bullet-list.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 20px;
	color:#FFF;
	}
.home-boxes-wrapper li a:hover{
	background-image: url(images/strawberry.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 20px;
	color:#F00;
	}
	
.home-content-box1 {
	width:150px;
	height:200px;
	float:left;
	margin-right: 10px;
	}
	
.home-content-box2 {
	width:190px;
	height:200px;
	float:left;
	margin-right: 20px;
	}
	
.home-content-box3 {
	width:120px;
	height:200px;
	float:left;
	}
.smaller {
	font-size:10px;
	line-height: 16px;
	}

/*philosophy
-------------------------------------------------------------------------------------------*/	

#philosophy-text-wrapper {
	width:980px;
	height:440px;
	float:left;
	background-image:url(images/internal-page-background.jpg);
	background-repeat:no-repeat;
	background-color:#FFF;
    }

#philosophy-text-wrapper h1{
	margin-left:20px;
	margin-bottom: 5px;
	margin-top: 10px;
    }
	
.philosophy-content-text {
	width:300px;
	float:left;
	margin-left:20px;
    }

.promotion {
	color:#c40000;
	}
	
/*CONTACT
-------------------------------------------------------------------------------------------*/	
	
#contact-text-wrapper {
	width:980px;
	height:440px;
	float:left;
	background-image:url(images/internal-page-background.jpg);
	background-repeat:no-repeat;
	background-color:#FFF;
    }


.contact-content-text {
	width:420px;
	float:left;
	margin-top: 10px;
	margin-right: 5px;
    }

.contact-content-text h1 {
	margin-top:10px;
	margin-left:0px;
	margin-bottom: 5px;
    }
	
.form{
	text-align:right;
	width: 235px;
	float:left;
	color: #c40000;
	font-size: 12px;
	margin-top: 10px;
	margin-right: 25px;
	margin-left: 25px;
	}
	
.form p{
	text-align:left;
	margin-bottom:15px;
	}
	
.map{
	width: 250px;
	float:left;
	color: #FFF;
	font-size: 12px;
	margin-top: 20px;
	}
	
.map p{
	width: 200px;
	float:left;
	color: #FFF;
	font-size: 12px;
	margin-top: 20px;
	}
	
label
{
	width: 4em;
	float: left;
	text-align: left;
	margin-right: 0.2em;
}

input
{
	margin-bottom:8px;
	border:groove thin #CCC;
}

textarea {
	border:groove thin #CCC;
	margin-bottom:5px;
	}
	






/*FOOTER
-------------------------------------------------------------------------------------------*/	


#footer-content {
	width:980px;
	height:100px;
	float:left;
	text-align:center;
	padding-top: 20px;
	}
	
#footer-content p{
	font-size:11px;
	line-height:20px;
	color:#CD1A00;
	text-align:center;
	}
	
#footer-content a{
	color:#CD1A00;
	}

#footer-content a:hover {
	color:#FFF;
	}

/*TWITTER
-------------------------------------------------------------------------------------------*/	

#twitter {
	width:250px;
	height:165px;
	float:right;
	color:#FFF;
	   }
	   
#twitter2 {
	width:250px;
	height:165px;
	float:right;
	color:#FFF;
	   }

#twitter p{
	color:#FFF;
	   }
	
img {
	border:none;
	}