body {

	background:url('../images/background.png') repeat-x #000000; 

	font-family: Arial, Helvetica, sans-serif;

	color: rgb(255, 255, 255);

	font-size=87.5%;

	}



ul {

	list-style-type: none;

	padding: 0;

	margin: 0;

	}



#container

{

	margin: 0 auto;

	width: 80%;

}



#header

{

	background: url('../images/header-background.png');

	padding: 20px;

	margin-top: 30px;

	min-height:75px;

	height: 75px;

}



#header h1 { margin: 0; }





#header img {

	position: absolute;

	top: 35px;

	margin: 0px 0 0px -30px;

	float:left;

	}	



#header ul

{

	position: absolute;

	top: 20px;

	margin: 0 0 0 50%;

	padding: 0;

	width: 35%;

}



#header ul li

{

	list-style-type: none;

	display: inline;

}



#header li a

{

	display: block;

	float: left;

}



#content-container

{

	float: left;

	width: 100%;

}



#leftside

{

	clear: left;

	float: left;

	width: 219px;

	padding: 20px 0;

	margin: 10px 0 0 5px;

	display: inline;

	color: rgb(0, 0, 0);

	background:url('../images/left-background.png') ;

}



#leftside h2 {

	margin: auto;

	margin-top: 10px;

	text-align:center;

	color: white;

	font-size: 120%;

}



#leftside-image {

	width:80%;  

	margin-top: 35px; 

	}



#leftside-image img {

	border-style: none;

	width: 100%;

	max-width: 100%;

	margin-left: 10%;

	margin-right: 10%;

	}	



#leftside li {

	line-height: .25em;

	font-size: 100%;

	}



#leftside a{ 

	display:block; 

	background-color: saddlebrown;

	color:rgb(255,255,255); 

	font: 100% "Stencil", "Trebuchet MS", Arial, Helvetica, sans-serif; 

	padding: .25em 0 .25em 0;

	margin: .5em 0 1em 0; 

	text-decoration:none; 

	text-align:center;

	}

	

#leftside li a:hover{

	background-color: tan; 

	color: rgb(156,0,0); 

	text-decoration:none;

	}



#leftside h3{

	display:block; 

	color: tan; 

	font-size:90%; 

	margin: auto;

	text-align: center;

	}



#leftside h2{

	display:block; 

	color: white; 

	font-size:110%; 

	margin: auto;

	text-align: center;

	}



#leftside p {

	text-align: center;

	color: saddlebrown;

	}







/*------ Home Page -----*/



#home

{

	float: right;

	width: 60%;

	padding: 20px 0;

	margin: 20px 3% 0 0;

	display: inline;

}



#home h3 { margin: 0; font-size: 110%; }



#home h2{

	display: block; 

	font-size: 120%; 

	margin:4% auto;

	padding: 1px;

	font-family: "Stencil", "Trebuchet MS", Arial, Helvetica, sans-serif; 

	font-weight: normal;

	}



#home ul {

	list-style-type: disc;

	margin: 0 0 0 15px;

	}



#home li {

	font-size: 100%;

	margin: .5em 0 .5em 1em;

	}



#home img {

	float:left;

	margin: -55px 0 0 0;

	max-width: 100%;

	}



#home b {

	color: red;

	}

/*------ /Home Page -----*/











#content

{

	float: left;

	width: 60%;

	padding: 20px 0;

	margin: 20px 3% 0 10%;

	display: inline;

}



#content h3 { margin: 0; font-size: 110%; }



#content h2{

	display: block; 

	font-size: 120%; 

	margin: auto;

	padding: 1px;

	text-align: center;

	font-family: "Stencil", "Trebuchet MS", Arial, Helvetica, sans-serif; 

	font-weight: normal;

	color: black;

	background-color: tan;

	}



#content ul {

	list-style-type: disc;

	margin: 0 0 0 15px;

	}



#content li {

	font-size: 100%;

	margin: .5em 0 .5em 1em;

	}



#content img {

	float:left;

	border-style:ridge;

	border-color: saddlebrown;

	border-width:3px;

	margin: 2%;

	max-width: 100%;

	}



#content a {
	color: tan;
	}



#content b {
	color: red;
	}

#content td {
	padding-left: 20px;
	}


#footer

{

	clear: both;

	background: #000;

	text-align: right;

	padding: 20px;

	height: 1%;

	color: gray;

}







#left {

	float:left;

	width: 45%;

	}



#right {

	float:right;

	width: 45%;

	}







/*------ Navigation Menu -----*/





#bbq	{

	background: url("../images/bbq-menu-small-norm.png") no-repeat 0 0;

	height: 40px;

	width: 100%;

	float:left;

	}



#bbq:hover    { 

    	background: url("../images/bbq-menu-small-roll.png") no-repeat 0 0;

  	}



#bbq:active    { 

	outline-style:none;

  	}







#bbq span  {

  	display: none;

	}



#catering	{

	background: url("../images/catering-small-norm.png") no-repeat 0 0;

	height: 35px;

	width: 100%;

	float:left;

	}



#catering:hover    { 

    	background: url("../images/catering-small-roll.png") no-repeat 0 0;

  	}



#catering:active    { 

	outline-style:none;

  	}



#catering span  {

  	display: none;

	}





#photos	{

	background: url("../images/photos-small-norm.png") no-repeat 0 0;

	height: 35px;

	width: 100%;

	float:left;

	}



#photos:hover    { 

    	background: url("../images/photos-small-roll.png") no-repeat 0 0;

  	}



#photos:active    { 

	outline-style:none;

  	}



#photos span  {

  	display: none;

	}





#about	{

	background: url("../images/about-small-norm.png") no-repeat 0 0;

	height: 40px;

	width: 100%;

	float:left;

	}



#about:hover    { 

    	background: url("../images/about-small-roll.png") no-repeat 0 0;

  	}



#about:active    { 

	outline-style:none;

  	}



#about span  {

  	display: none;

	}