body
{
	font-size: 12px;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	background: url(../images/background.jpg) #c9daef top center no-repeat;
	text-align: center;
	padding: 60px 0 0 0;
}

a:visited
{
	color:blue;
}

.index
{
	background: url(../images/index/background.jpg) #c9daef top center no-repeat;
}

.story
{
	background: url(../images/story/background.jpg) #c9daef top center no-repeat;
}

.menu
{
	background: url(../images/menu/background.jpg) #c9daef top center no-repeat;
}

.contact
{
	background: url(../images/contact/background.jpg) #c9daef top center no-repeat;
}

.concept
{
	background: url(../images/concept/background.jpg) #c9daef top center no-repeat;
}

.catering
{
	background: url(../images/catering/background.jpg) #c9daef top center no-repeat;
}

.multimedia
{
	background: url(../images/multimedia/background.jpg) #c9daef top center no-repeat;	
}

.help
{
	background: url(../images/help/background.jpg) #c9daef top center no-repeat;
}

.noDisplay
{
	display: none !important;
}

#wrapper
{
	text-align: left;
	margin: 0 auto;
	width: 900px;
}

#header
{
	background: url(../images/freshLogo2.gif) 620px 75px no-repeat;
	padding: 0 0 0 105px;
	height: 160px !important;
	margin: 0;
}

#footer
{
	width: 900px;
	margin: 0 auto;
	padding: 20px 0;
	color: #005288;
	font-size: 10px;
	font-weight: bold;
}

#footer #copy-links
{
	margin:0 auto;
	padding: 20px 0 0 25px;
	text-align:center;
}

#footer #copy-links a
{
	text-decoration: none;
	color: #005288;
}

#footer #copy-links a:hover
{
	text-decoration: underline;
}

.index #learnMore
{
	float: right;
	padding: 50px 105px 0 0;
}

.index #main
{
	height: 500px;
}

.index #menu
{
	padding: 125px 0 0 66px;
}

.index #menu li span
{
	display: none;
}

.index #menu li
{
	height: 29px;
	width: 105px;
	display: inline;
}

.index #menu li a
{
	height: 29px;
	width: 105px;
	display: block;
	position: absolute;

}

.index #menu #mi_home a
{
	margin: 5px 0 0 24px;
	*margin: 5px 0 0 25px;
	z-index: 9;
}

.index #menu #mi_home a
{
	background:url(../images/index/menuSpriteNew.jpg) 0px 0px no-repeat;
}

.index #menu #mi_home a:hover
{
	background:url(../images/index/menuSpriteNew.jpg) 0px 0px no-repeat;
}

.index #menu #mi_story a
{
	margin: 33px 0 0 30px;
	z-index: 8
}

.index #menu #mi_story a
{
	background:url(../images/index/menuSpriteNew.jpg) 0px -87px no-repeat;
}

.index #menu #mi_story a:hover
{
	background:url(../images/index/menuSpriteNew.jpg) 0px -58px no-repeat;
}

.index #menu #mi_menu a
{
	margin: 62px 0 0 34px;
	z-index: 7
}

.index #menu #mi_menu a
{
	background:url(../images/index/menuSpriteNew.jpg) 0px -145px no-repeat;
}

.index #menu #mi_menu a:hover
{
	background:url(../images/index/menuSpriteNew.jpg) 0px -116px no-repeat;
}

.index #menu #mi_concept a
{
	margin: 91px 0 0 38px;
	z-index: 6
}

.index #menu #mi_concept a
{
	background:url(../images/index/menuSpriteNew.jpg) 0px -203px no-repeat;
}

.index #menu #mi_concept a:hover
{
	background:url(../images/index/menuSpriteNew.jpg) 0px -174px no-repeat;
}
 
.index #menu #mi_blog a
{
	margin: 121px 0 0 46px;
	z-index: 5
}

.index #menu #mi_blog a
{
	background:url(../images/index/menuSpriteNew.jpg) 0px -261px no-repeat;
}

.index #menu #mi_blog a:hover
{
	background:url(../images/index/menuSpriteNew.jpg) 0px -232px no-repeat;
}

.index #menu #mi_contact a
{
	margin: 150px 0 0 53px;
}

.index #menu #mi_contact a
{
	background:url(../images/index/menuSpriteNew.jpg) 0px -319px no-repeat;
}

.index #menu #mi_contact a:hover
{
	background:url(../images/index/menuSpriteNew.jpg) 0px -290px no-repeat;
}

.index #menu #mi_multimedia a
{
	margin: 179px 0 0 61px;
}

.index #menu #mi_multimedia a
{
	background:url(../images/index/menuSpriteNew.jpg) 0px -377px no-repeat;
}

.index #menu #mi_multimedia a:hover
{
	background:url(../images/index/menuSpriteNew.jpg) 0px -348px no-repeat;
}

.story #main
{
	height: 520px;
}

.story #content
{
	text-align:justify;
	width: 509px;
	height: 400px;
	color: #666;
	padding: 115px 0 0 285px;
}

.story #scroll
{
	width: 100%;
	height: 325px;
	overflow-y: scroll;
	padding: 0 15px 0 0;
}

.story p
{
	padding: 10px 0 ;
}

#innerMenu
{
	position: absolute;
	width: 900px;
}


#innerMenu li
{
	width:150px;
	height:41px;
	float: left;
	display: inline;
}

#innerMenu li span
{
	display: none;
}

#innerMenu li a
{
	display: block;
	width:124px;
	height:48px;
}


#innerMenu #imi_story
{
	margin: 20px 0 0 135px;
}

#innerMenu #imi_story a
{
	background: url(../images/inMenuNew.jpg) 0 -48px no-repeat;
}

#innerMenu #imi_story a:hover, #innerMenu #imi_story .selected
{
	background: url(../images/inMenuNew.jpg) 0 -0px no-repeat;
}

.multimedia #innerMenu #imi_story
{
	margin: 18px 0 0 135px;
}

.contact #innerMenu #imi_story
{
	margin: 24px 28px 0 107px;
	*margin: 24px 27px 0 108px;
	
}

.contact #innerMenu #imi_story a
{
	width:150px;
	height:38px;
	background: url(../images/inMenu.jpg) 0 -457px no-repeat;
}

.contact #innerMenu #imi_story a:hover, .contact #innerMenu #imi_story .selected
{
	background: url(../images/inMenu.jpg) 0 -417px no-repeat;
}

#innerMenu #imi_menu
{
	margin: 12px 0 0 -17px;
	*margin-left: -16px;
	width: 130px;
	overflow: hidden;
}

#innerMenu #imi_menu a
{	width: 130px;
}

#innerMenu #imi_menu a
{
	background: url(../images/inMenuNew.jpg) 0px -148px no-repeat;
}

#innerMenu #imi_menu a:hover, #innerMenu #imi_menu .selected
{
	background: url(../images/inMenuNew.jpg) 0px -100px no-repeat;
}

#innerMenu #imi_contact
{
	margin: 17px 0 0 -22px;
	width: 130px;
	overflow: hidden;
}

#innerMenu #imi_contact a
{	
	width: 130px;
}

#innerMenu #imi_contact a
{
	background: url(../images/inMenuNew.jpg) 0px -432px no-repeat;
}

#innerMenu #imi_contact a:hover, #innerMenu #imi_contact .selected
{
	background: url(../images/inMenuNew.jpg) 0px -384px no-repeat;
}

#innerMenu #imi_concept
{
	margin: 6px 0 0 8px;
	overflow: hidden;
}

#innerMenu #imi_concept a
{	
	width: 139px;
}

#innerMenu #imi_concept a
{
	background: url(../images/inMenuNew.jpg) 0px -240px no-repeat;
}

#innerMenu #imi_concept a:hover, #innerMenu #imi_concept .selected
{
	background: url(../images/inMenuNew.jpg) 0 -192px no-repeat;
}


#innerMenu #imi_blog
{
	margin: 8px 0 0 -15px;
}

#innerMenu #imi_blog a
{	
	width: 139px;
}

#innerMenu #imi_blog a
{
	background: url(../images/inMenuNew.jpg) -5px -336px no-repeat;
}

#innerMenu #imi_blog a:hover, #innerMenu #imi_blog .selected
{
	background: url(../images/inMenuNew.jpg) -5px -288px no-repeat;
}

.menu #main
{
	height: 800px;
}

.menu #content
{
	width: 400px;
	text-align: justify;
	padding: 100px 0 0 370px;
}

.menu #content #scroll, .concept #content #scroll
{
	overflow-y: scroll;
	padding: 0 20px 50px 0;
	height: 200px;
	position: relative;
}


.menu #content h3, .menu #content h2, .concept #content h3, .contact #content h3
{
	color: #005288;
	font-weight: bold;
	padding: 10px 0 15px 0;
}

.menu #content h2
{
	padding: 20px 0 0 0;
}

.contact #content h2
{
	color: #005288;
	font-weight: bold;
	text-decoration: underline;
	padding: 10px 0 0 0;
}

.menu #trailerMenu
{
	margin: 33px 0 0 425px;
}

.menu #trailerMenu .bottom
{
	display: block;
	margin: 37px 0 0 -35px;
}

.menu #trailerMenu a
{
	color: white;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}

.menu #trailerMenu a:hover
{
	text-decoration: underline;
}

.contact #main
{
	height: 900px;
}

.contact #content
{
	padding: 100px 0 0 330px;
	width: 600px;
	height: 900px;
}


.contact #content #submitEmail
{
	margin: 30px 0 0 0;
	float: left;
	width: 500px;
	height: 70px;
	clear: both;
}

.contact #content .submitButton
{
	width:70px;
	padding: 3px 0 2px 0;
	background: #af1f27;
	color: #FFFFFF;
	border:none;
	font-size: 7pt;
}

.contact #content #submitComments
{
	float: left;
	width: 355px;
}


.submissionStatus
{
	display: inline;
	color: red;
}



.contact #content #submitComments .submitButton
{
	float: left;
}


.contact #content #submitComments .submissionStatus
{
	margin-left: 5px;
}

.contact p
{
	
}

.contact .top
{
	width: 415px;
}
.contact .left
{
	float: left;
	width: 215px;
	padding: 30px 0 0 0;
	height: 150px
}

.contact .right
{
	float: left;
	width: 290px;
	padding: 30px 0 0 0;
	height: 150px;

}

.contact .blue
{
	color: #005288;
}

.contact .blue a
{
	color: #005288;
	text-decoration: none;
}

.contact .blue a:hover
{
	color: #005288;
	text-decoration: underline;
}

.contact #socialLinkDiv
{
	width: 142px;
	position: absolute;
	margin: -830px 0 0 80px;
}

.contact #signLinks
{
	padding: 0 0 0 760px;
	margin: -290px 0 0 0;
	position: absolute;
}

.contact #signLinks a
{
	display: block;
}

.contact #signLinks .top
{
	display: block;
	width: 175px;
	height: 50px
}

.contact #signLinks .bottom
{
	margin: 25px 0 0 -30px;
	display: block;
	width: 150px;
	height: 50px;
}

.concept #main
{
	height: 1120px;
}

.concept #content
{
	height: 200px;
	width: 400px;
	text-align: justify;
	padding: 100px 0 0 370px;
}
.concept #content ul
{
	list-style:outside;
}
.concept #content ul li
{
	padding:5px 0;
}

.catering #main
{
	height: 680px;
}

.catering #content
{
	height: 200px;
	width: 450px;
	padding: 160px 0 0 330px;
}

.catering p
{
	padding: 10px 0;
}

/*.catering #content a
{
	color: black;
	text-decoration: none;
}

.catering #content a:hover
{
	color: black;
	text-decoration: underline;
}*/

.catering #bottom
{
	padding: 180px 0 0 420px;
}

.catering #bottom a
{
	font-size: 18px;
	font-weight: bold;
	/*
	color: white;
	text-decoration: none;*/
}

/*.catering #bottom a:hover
{
	color: white;
	text-decoration: underline;
}*/

#blog-link
{
	width: 270px;
	height: 32px;
	background: url(../images/burgerBlog.gif) top left no-repeat;
	position: absolute;
	float: left;
	margin: 0;
	margin: -60px 0 0 330px;
}

.index #blog-link
{
	margin: -76px 0 0 330px;
}

.story #footer
{
	margin-top: 71px;
}

.menu #footer 
{
	padding-top: 34px;
}


.concept #footer
{
	margin-top: 24px;
}

.catering #footer
{
	margin-top: -5px;
}

.multimedia #main
{
	height: 860px;
}
.multimedia #footer
{
	margin-top: 300px;	
}

.multimedia #content #hatcreekFilms
{
	position: relative;
	z-index: 300;
	top: 160px;
	left: 300px;
	width: 400px;
}
.multimedia #content #hatcreekNews
{
	position: relative;
	z-index: 300;
	top: 250px;
	left: 300px;
	width: 400px;
}
.multimedia #content #hatcreekNews ul
{
	list-style:outside;
}
.multimedia #content #hatcreekNews ul li
{
	padding:5px 0;
}
.multimedia #content .video_tag{
	color:#fff;
	background:#AF1F27;
	text-align:center;
	padding:3px;
}
.multimedia #content .video_tag a{color:#fff;}

#blog-link span
{
	display: none;
}

#blog-link a 
{
	display: block;
	width: 270px;
	height: 32px;
}

#contact-image
{
	margin-left: 140px;
}
#mobile-image
{
	margin-left: 30px;
}



#content
{
	color: #005288;
}


#content p
{
	color: #005288;
}



.index #footer #socialLinks 
{
	text-align: center;
	margin: -10px 0 0 45px;
	*margin: -10px 0 0 0;
	*padding-left: 45px;
}

.index #footer #socialLinks a
{
	padding-right: 20px;
}




.help #main
{
	height: 1420px;
}
.help #content
{
	width: 400px;
	text-align: justify;
	padding: 100px 0 0 370px;
}
.help #content #scroll
{
	overflow-y: scroll;
	padding: 0 20px 50px 0;
	height: 200px;
	position: relative;
}
.help #content h3, .help #content h2
{
	color: #005288;
	font-weight: bold;
	padding: 10px 0 15px 0;
}
.help #content h2
{
	padding: 20px 0 0 0;
}
.help #footer 
{
	padding-top: 10px;
}