/* CSS Document */
body	{
	overflow: hidden;	
}
/* Preloader */
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff; /* change if the mask should have another color then white */
	z-index:99; /* makes sure it stays on top */
}

#status {
	width:200px;
	height:200px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(images/status.gif); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px; /* is width and height divided by two */
}

a, a:hover, a:focus	{
	color: #895a92;	
}
p	{
	padding:0 0 15px 0;
	margin:0;	
}
h2	{
   font: italic 22px "Droid Serif",Georgia,Times,serif;
   padding:0 0 5px 0;	
	margin:0;	
}
.interactive-garden	{
	color:#505564;
	font-family:Arial, Helvetica, sans-serif;
	width:950px;
	height:525px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}

.background-container	{
	position:absolute;	
	x-index:1;
}
.background-container img	{
	position:absolute;
}


/* signs */
.enter-sign	{
	position:absolute;	
	z-index:10;	
}


/* hotspots */
.hotspots img	{
	position:absolute;
	z-index:10;
	display:none;	
}
.refrigeration {
	top: 220px;
	left: 350px;
}
.knife-safety {
	top: 293px;
	left: 707px;
}
.food-prep {
	top: 285px;
	left: 640px;
}
.kitchen-safety {
	top: 275px;
	left: 548px;
}
.microwave-safety {
	top: 205px;
	left: 526px;
}
.hand-washing {
	top: 289px;
	left: 798px;
}
.proper-cooking-temp {
	top: 290px;
	left: 462px;
}
.food-storage {
	top: 259px;
	left: 262px;
}
.recipes {
	top: 175px;
	left: 482px;
}
.school-connections {
	top: 322px;
	left: 904px;
}
.local-farmers-chefs {
	top: 222px;
	left: 154px;
}
.composting {
	top: 412px;
	left: 804px;
}
.recycling {
	top: 472px;
	left: 94px;
}
.food-safety-away-from-home {
	top: 290px;
	left: 419px;
}
.cleaning-posion-control {
	top: 339px;
	left: 712px;
}




/* modal window */
.modal-dialog	{
	width:760px;	
}
div.modal-content	{
	border-radius:15px;	
}
button.close {
    background: #fff none repeat scroll 0 0;
    border: 3px solid #691379;
    border-radius: 50%;
    color: #691379;
    cursor: pointer;
    font-weight: normal;
    opacity: 1;
    padding: 0;
    position: absolute;
    right: -10px;
    top: -10px;
    width: 27px;
}
button.close:hover	{
	opacity:1;	
}

h1	{
    font: italic 36px "Droid Serif",Georgia,Times,serif;
    padding: 15px 0;
	margin:0;
	color:#505564;		
}
h4.modal-title	{
	font-family: 'Droid Serif', serif;
	color:#FFF;
	font-size:26px;
	font-weight:normal;	
}
div.modal-header	{
	background-color:#80ba22;
	border-radius: 15px 15px 0 0;
	border-bottom:none;
}
div.modal-body	{
	min-height:350px;
	overflow:auto;
}
div.modal-body p,
div.modal-body a {
	font-size: 16px;
}
div.modal-body div.content	{
	width:400px;
	float:left;	
}
div.modal-body div.content-full	{
	width:100%;	
}
div.modal-body div.images {
    float: right;
    width: 300px;
}
div.modal-body div.images img	{
	width:300px;	
}

p.legal	{
	font-size:11px;
	clear:both;
	margin-top:30px;	
	border-top:1px solid #CCC;
	padding-top:15px;
}