/* -- generic styles --  */
body {
	background-color: #f0f0e6;
	font-family: verdana;
	font-size: 80%;
	line-height: 150%;
	color: #fcfcfc;
	background-image: url(images/back_logo.gif);
	background-repeat: no-repeat;
}
	
p, th, td, ul, ol, dl, dt, dd, h1, h2, h3, h4
{
	font-family: arial;
	font-size: 14px;
	line-height: 19px;
	color: #505f5a;
} /* for our 'friends' who don't understand inheritance */

#mainText {
	width: 740px;
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: justify;
}

#mapText
{
	margin-top: 0px;
	margin-bottom: 30px;
	padding-left: 20px;
	text-align: justify;
}
	
img {
	border: 0;
	display: inline;
}
	
div, th, td { vertical-align: top; }


h1, h2, h3, h4 { margin: 0; font-size: 100%; font-weight: normal; line-height: 120%; }

p { margin: 0 0 8px 0; }


a:link, a:visited {
	text-decoration : none;
	color: #505f5a;
	background: transparent; 
	}

a:hover {
	text-decoration : none;
	color: #57253a;
	background: transparent; 
	}

a:active {
	text-decoration : none;
	color: #505f5a;
	background: transparent;  
	}


/* -- /generic styles -- */





/* -- START OF MAIN NAVIGATION -- */

div#navigation dl {  position: absolute; margin: 0; padding: 0;  line-height: 20px;  height: 20px; top: 98px; }
div#navigation dl dt,
div#navigation dl dd { margin: 0; padding: 0; width: 80px; }
div#navigation dl dd { position: absolute; }

div#navigation dl#shops 		{ width: 80px; left: 565px;	border: 0px solid #009900; } /* menu 01 - shops */
div#navigation dl#gardens 		{ width: 80px; left: 643px; border: 0px solid #009900; } /* menu 02 - gardens */
div#navigation dl#news 	{ width: 80px; left: 750px; border: 0px solid #009900; } /* menu 03 - news */
div#navigation dl#contact 	{ width: 80px; left: 828px; border: 0px solid #009900; } /* menu 04 - contact */

div#navigation dl dt,
div#navigation dl dd a { width: auto; height: 20px; text-decoration: none; display: block; text-indent: -9999px; margin: 0; padding: 0; line-height: 20px; }
div#navigation dl dd a:hover { background-position: -80px 0; }
div#navigation dl dd a.on { background-position: -160px 0; }
	
/* menu 01 - shops */

div#navigation dl#shops dd#shops_menu { top: 0px; }
div#navigation dl#shops dd#shops_menu a { background-image: url("nav/mainMenu_01.gif"); background-repeat: no-repeat;  }
div.shops_menu dd#shops_menu a { background-position: -160px 0;  }
div.shops_menu dd#shops_menu a:hover { background-position: -160px 0;  }


/* menu 02 - gardens */
	
div#navigation dl#gardens dd#gardens_menu { top: 0px; }
div#navigation dl#gardens dd#gardens_menu a { background-image: url("nav/mainMenu_02.gif"); background-repeat: no-repeat;  }
div.gardens_menu dd#gardens_menu a { background-position: -160px 0;  }
div.gardens_menu dd#gardens_menu a:hover { background-position: -160px 0;  }
	
/* menu 03 - news */

div#navigation dl#news dd#news_menu { top: 0px; }
div#navigation dl#news dd#news_menu a { background-image: url("nav/mainMenu_03.gif"); background-repeat: no-repeat;  }
div.news_menu dd#news_menu a { background-position: -160px 0;  }
div.news_menu dd#news_menu a:hover { background-position: -160px 0;  }


/* menu 04 - contact */

div#navigation dl#contact dd#con_details { top: 0px; }
div#navigation dl#contact dd#con_details a { background-image: url("nav/mainMenu_04.gif"); background-repeat: no-repeat;  }
div.con_details dd#con_details a { background-position: -160px 0;  }
div.con_details dd#con_details a:hover { background-position: -160px 0;  }

/* -- END OF MAIN NAVIGATION -- */

/* -- START OF SUB NAVIGATION -- */

div#navigationSub dl {  position: absolute; margin: 0; padding: 0;  line-height: 20px;  height: 20px; top: 150px; }
div#navigationSub dl dt,
div#navigationSub dl dd { margin: 0; padding: 0; width: 115px; }
div#navigationSub dl dd { position: absolute; }

div#navigationSub dl#submenu 	{ width: 115px; left: 25px; border-top: 1px solid #57253a; } /* menu 05 - submenu */

div#navigationSub dl dt,
div#navigationSub dl dd a { width: auto; height: 20px; text-decoration: none; display: block; text-indent: -9999px; margin: 0; padding: 0; line-height: 20px; }
div#navigationSub dl dd a:hover { background-position: -115px 0; }
div#navigationSub dl dd a.on { background-position: -230px 0; }


/* shops - submenu */

div#navigationSub dl#submenu dd#submenu_1 { top: 0px; }
div#navigationSub dl#submenu dd#submenu_1 a { background-image: url("nav/subMenu_04.gif"); background-repeat: no-repeat;  }
div.submenu_1 dd#submenu_1 a { background-position: -230px 0;  }
div.submenu_1 dd#submenu_1 a:hover { background-position: -230px 0;  }

div#navigationSub dl#submenu dd#submenu_2 { top: 20px; }
div#navigationSub dl#submenu dd#submenu_2 a { background-image: url("nav/subMenu_06.gif"); background-repeat: no-repeat;  }
div.submenu_2 dd#submenu_2 a { background-position: -230px 0;  }
div.submenu_2 dd#submenu_2 a:hover { background-position: -230px 0;  }

div#navigationSub dl#submenu dd#submenu_3 { top: 40px; }
div#navigationSub dl#submenu dd#submenu_3 a { background-image: url("nav/subMenu_06.gif"); background-repeat: no-repeat;  }
div.submenu_3 dd#submenu_3 a { background-position: -230px 0;  }
div.submenu_3 dd#submenu_3 a:hover { background-position: -230px 0;  }




/* gardens - submenu */

div#navigationSub dl#submenu dd#submenu_4 { top: 0px; }
div#navigationSub dl#submenu dd#submenu_4 a { background-image: url("nav/subMenu_01.gif"); background-repeat: no-repeat;  }
div.submenu_4 dd#submenu_4 a { background-position: -230px 0;  }
div.submenu_4 dd#submenu_4 a:hover { background-position: -230px 0;  }

div#navigationSub dl#submenu dd#submenu_5 { top: 20px; }
div#navigationSub dl#submenu dd#submenu_5 a { background-image: url("nav/subMenu_02.gif"); background-repeat: no-repeat;  }
div.submenu_5 dd#submenu_5 a { background-position: -230px 0;  }
div.submenu_5 dd#submenu_5 a:hover { background-position: -230px 0;  }

div#navigationSub dl#submenu dd#submenu_6 { top: 40px; }
div#navigationSub dl#submenu dd#submenu_6 a { background-image: url("nav/subMenu_03.gif"); background-repeat: no-repeat;  }
div.submenu_6 dd#submenu_6 a { background-position: -230px 0;  }
div.submenu_6 dd#submenu_6 a:hover { background-position: -230px 0;  }



/* -- main image -- */
div#main {
	margin: 0px 0px 20px 0px;
	width: 740px;
	position: absolute;
	left: 160px;
	top: 150px;
}
/* -- /main image -- */

.leftSpacer {
	margin-left: 20px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.footer
{
	height: 40px;
	width: 740px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #57253a;
	padding-top: 25px;
	top: 530px;
	position: absolute;
}

#homeLink {
	position: absolute;
	left: 160px;
	top: 15px;
	width: 80;
	height: 108;
}