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

body {
	font: 100% Georgia, "Times New Roman", Times, serif;
		background: #635c50 url(../img/bckg.gif) top left repeat;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #413340;
}
.oneColFixCtrHdr #container {
	width: 750px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #3d3322;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #header {
	background: #3d3322; 
	height: 105px;
	font-size: 0.7em;
	color: #6cb6ff;
	border-bottom: solid 2px #6cb6ff;
	padding: 0px 10px 0px 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.oneColFixCtrHdr #headerWrap {
	width: 750px;
	height: 308px;}

 #logo {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0px 10px 10px 30px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	height: 204px;
	width: 199px;
	float:left;
	top: 30px;
	z-index: 100;
	position: absolute;

}
 #logo span {
	display: block;
 	height: 204px;
	width: 199px;
	margin: 0;
	padding: 0;
	z-index: 100;
	position: relative;
 
}
#logo span a {
		display: block;
		height: 204px;
		width: 199px;
		text-decoration: none;
	}
	
	#logo span a:hover {
		text-decoration: none;
	}
 #topRight { 
	width: 220px;
	height:30px;
	max-height: 30px;
	float: right;
	margin: 0;
	padding-right: 5px;
	padding-top: 10px;
	text-align: right;
} 
a:link, a:visited {
font-family: Georgia, "Times New Roman", Times, serif;
text-decoration:underline;
color:#6cb6ff;
font-weight:bold;
}

a:hover, a:active {
font-family: Georgia, "Times New Roman", Times, serif;
text-decoration:none;
color:#c69e4b;
font-weight:bold;
}
a.header:link, a.header:visited {
font-family: Georgia, "Times New Roman", Times, serif;
text-decoration:underline;
color:#6cb6ff;
}

a.header:hover, a.header:active {
font-family: Georgia, "Times New Roman", Times, serif;
text-decoration:none;
color:#998c76;
}

/* main navigation */	
.oneColFixCtrHdr #Menu {
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	margin: 0;
	background: #998c76;
	border-top: solid 3px #736856;
	height: 30px;
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
}

#nav {
	height: 30px;
	margin: 0; 
	padding-left: 40px;
	list-style: none;
}

#nav li {
	float: left;
	margin-right: 1px;
	height: 30px;
	overflow: hidden;


/* if text-resize, this'll keep the nav the same size */
}

#nav li a {
	display: block;
	height: 30px;
	text-indent: -5000px;
	overflow: hidden;
	background-position: 50% 0; /* horizontally centers the background image */
	background-repeat: no-repeat;
}


#navHome {
	width: 56px;
	background-image: url(../img/home.png);
}

#navAbout {
	width: 61px;
	background-image: url(../img/about.png);
}
#navLocations{
	width: 92px;
	background-image: url(../img/locations.png);
}
#navMenu {
	width: 56px;
	background-image: url(../img/menu.png);
}
#navCatering {
	width: 158px;
	background-image: url(../img/catering.png);
}
#navFranchise {
	width: 125px;
	background-image: url(../img/franchise.png);
}
#navEmployments {
	width: 106px;
	background-image: url(../img/employment.png);
}

#nav li a:hover {
	background-position: 50% -30px;
}

#nav li a.currentSection,
	#nav li a.currentSection:hover {
	background-position: 50% -60px;
}

/* end navigation */	


.oneColFixCtrHdr #mainContent {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #3d3322;
}
.oneColFixCtrHdr #homeBanner{
	padding: 0; 
	background: #3d3322 url(../img/HomePageBanner.jpg) top left no-repeat;
	width: 750px;
	height: 187px;
	border-bottom: solid 7px #6cb6ff;
	border-top: solid 7px #736856;
}
.oneColFixCtrHdr #aboutBanner{
	padding: 0; 
	background: #3d3322 url(../img/aboutBanner.jpg) top left no-repeat;
	width: 750px;
	height: 187px;
	border-bottom: solid 7px #6cb6ff;
	border-top: solid 7px #736856;
}
.oneColFixCtrHdr #menuBanner{
	padding: 0; 
	background: #3d3322 url(../img/menuBanner.jpg) top left no-repeat;
	width: 750px;
	height: 187px;
	border-bottom: solid 7px #6cb6ff;
	border-top: solid 7px #736856;
}
.oneColFixCtrHdr #employmentBanner{
	padding: 0; 
	background: #3d3322 url(../img/employmentBanner.jpg) top left no-repeat;
	width: 750px;
	height: 187px;
	border-bottom: solid 7px #6cb6ff;
	border-top: solid 7px #736856;
}
.oneColFixCtrHdr #franchiseBanner{
	padding: 0; 
	background: #3d3322 url(../img/franchiseBanner.jpg) top left no-repeat;
	width: 750px;
	height: 187px;
	border-bottom: solid 7px #6cb6ff;
	border-top: solid 7px #736856;
}
.oneColFixCtrHdr #locationsBanner{
	padding: 0; 
	background: #3d3322 url(../img/locationsBanner.jpg) top left no-repeat;
	width: 750px;
	height: 187px;
	border-bottom: solid 7px #6cb6ff;
	border-top: solid 7px #736856;
}
.oneColFixCtrHdr #cateringBanner{
	padding: 0; 
	background: #3d3322 url(../img/cateringBanner.jpg) top left no-repeat;
	width: 750px;
	height: 187px;
	border-bottom: solid 7px #6cb6ff;
	border-top: solid 7px #736856;
}
.homeContent {
	width: 680px;
	font-size: 0.7em;
	font-weight: bold;
	padding: 1px;
	margin: 10px 30px 10px 35px;
	color: #6cb6ff;
	line-height: 18px;
	}
.homeBckg {
	background: url(../img/homePageBckg.gif) right bottom no-repeat;
	width: 705px;
	height:521px;
	}
	
.siteBckg {
	background: url(../img/homePageBckg.gif) right bottom no-repeat;
	width: 680px;
	height:521px;}
	
.menuBckg {
	background: url(../img/menuPageBckg.gif) right bottom no-repeat;
	width: 694px;
	height:534px;}	
.cateringBckg {
	background: url(../img/cateringPageBckg.gif) right bottom no-repeat;
	width: 694px;
	height:534px;}	
.employBckg {
	background: url(../img/employPageBckg.gif) right bottom no-repeat;
	width: 705px;
	height:521px;}	
.franchiseBckg {
	background: url(../img/franchisePageBckg.gif) right bottom no-repeat;
	width: 705px;
	height:521px;}	
.aboutBckg {
	background: url(../img/aboutPageBckg.gif) right bottom no-repeat;
	width: 705px;
	height:521px;}	
#locationsText {
	width: 300px;
	float:left;
}
#locationsText1 {
	width: 350px;
	float:right;}
#homePageText {
	width: 300px;}

#aboutPageText {
	width: 450px;}	
h1 {
	font-size: 1.2em;
	color: #998c76;
	text-transform: uppercase;
	margin: 5px 0 0 0px;}

.padding {
	padding: 25px 15px 15px 15px;
  } 
  
.oneColFixCtrHdr #footer {
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background: #3d3322;
	border-bottom: solid 2px #736856;
	border-top: dotted 1px #736856;
	height: 27px;
	color: #6cb6ff;
	text-align: right;
	font-size: 0.7em;
}

#copyright {
	padding: 27px 5px 0 0; !important;
	padding: 7px 5px 0 0;
	}


.oneColFixCtrHdr #line{
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background: #6cb6ff;  
	height: 7px;
}
a img { border: solid 0px;}