@charset "utf-8";



/* --------------------------------------------------------------------



# Suparuberry Menu CSS#



-------------------------------------------------------------------- */



/*Main Manu*/



#main_menu {

   position: relative;

   width: 180px;

   height:425px;

   margin-left: 20px;

   margin-right:20px;

   margin-top:220px;

   top:10px;

   padding: 8px 10px 10px;

   /*background: #DBF455;*/

   background-image:url('commonimages/menuback.png');

   background-repeat:no-repeat;

}



#main_menu ul {

	width:180px;

}



#main_menu ul li {

	list-style:none;

}



#main_menu ul li a {

	display:block;

	width:180px;

	height:30px;

	text-indent:-9999px;

	margin-bottom:2px;

}



#greetings {

	background-image:url('commonimages/mainmenu.png');

	background-repeat:no-repeat;

	background-position:-10px 0;

}



#greetings a:hover {

	background-image:url('commonimages/mainmenuhover.png');

	background-repeat:no-repeat;

	background-position:-10px 0;

}



#opened {

	background-image:url('commonimages/mainmenu.png');

	background-repeat:no-repeat;

	background-position:-10px -30px;

}



#opened a:hover {

	background-image:url('commonimages/mainmenuhover.png');

	background-repeat:no-repeat;

	background-position:-10px -30px;

}



#cultivation {

	background-image:url('commonimages/mainmenu.png');

	background-repeat:no-repeat;

	background-position:-10px -59px;

}



#cultivation a:hover {

	background-image:url('commonimages/mainmenuhover.png');

	background-repeat:no-repeat;

	background-position:-10px -59px;

}



#growing {

	background-image:url('commonimages/mainmenu.png');

	background-repeat:no-repeat;

	background-position:-10px -89px;

}



#growing a:hover {

	background-image:url('commonimages/mainmenuhover.png');

	background-repeat:no-repeat;

	background-position:-10px -89px;

}



#tochiotome {

	background-image:url('commonimages/mainmenu.png');

	background-repeat:no-repeat;

	background-position:-10px -122px;

}



#tochiotome a:hover {

	background-image:url('commonimages/mainmenuhover.png');

	background-repeat:no-repeat;

	background-position:-10px -122px;

}



#eating {

	background-image:url('commonimages/mainmenu.png');

	background-repeat:no-repeat;

	background-position:-10px -154px;

}



#eating a:hover {

	background-image:url('commonimages/mainmenuhover.png');

	background-repeat:no-repeat;

	background-position:-10px -154px;

}



#knowledge {

	background-image:url('commonimages/mainmenu.png');

	background-repeat:no-repeat;

	background-position:-10px -187px;

}



#knowledge a:hover {

	background-image:url('commonimages/mainmenuhover.png');

	background-repeat:no-repeat;

	background-position:-10px -187px;

}



#voices {

	background-image:url('commonimages/mainmenu.png');

	background-repeat:no-repeat;

	background-position:-10px -219px;

}



#voices a:hover {

	background-image:url('commonimages/mainmenuhover.png');

	background-repeat:no-repeat;

	background-position:-10px -219px;

}



#photograph {

	background-image:url('commonimages/mainmenu.png');

	background-repeat:no-repeat;

	background-position:-10px -251px;

	margin-bottom:0;

}



#photograph a:hover {

	background-image:url('commonimages/mainmenuhover.png');

	background-repeat:no-repeat;

	background-position:-10px -251px;

}





/*End of Main Menu*/



/*Font size*/



#font_size {

	background-image:url('commonimages/font_size.png');

	background-repeat:no-repeat;

	text-indent:-9999px;

	width:100px;

	height:17px;

	margin-top:7px;

}



#main_menu ol {

	width:146px;

}



#main_menu ol li {

	list-style:none;

	float:left;

	text-indent:-9999px;

	display:block;

	height:29px;

	cursor:pointer;

}



#medium_font {

	background-image:url('commonimages/medium_font.png');

	background-repeat:no-repeat;

	width:42px;

}



#medium_font:hover {

	background-image:url('commonimages/mediumfont_hover.png');

	background-repeat:no-repeat;

}



#large_font {

	background-image:url('commonimages/large_font.png');

	background-repeat:no-repeat;

	width:42px;

}



#large_font:hover {

	background-image:url('commonimages/largefont_hover.png');

	background-repeat:no-repeat;

}



#largest_font {

	background-image:url('commonimages/largest_font.png');

	background-repeat:no-repeat;

	width:62px;

}



#largest_font:hover {

	background-image:url('commonimages/largestfont_hover.png');

	background-repeat:no-repeat;

}





/*Sub Menu*/



#side_menu {

	position:absolute;

	width:180px;

	top:158px;

	left:607px;

	padding-left:9px;

	padding-right:9px;

	padding-bottom:9px;

	padding-top:110px;

}



#side_menu ul {

	width:180px;

	position:absolute;

	top:90px;

}



#side_menu ul li {

	list-style:none;

	margin-top:3px;

}



#side_menu ul li a {

	display:block;

	width:180px;

	height:35px;

	text-indent:-9999px;

}



#home {

    background-image:url('commonimages/home.png');

    background-repeat:no-repeat;

}



#sitemap {

	background-image:url('commonimages/sitemap.png');

    background-repeat:no-repeat;

}



#link {

	background-image:url('commonimages/link.png');

    background-repeat:no-repeat;

}



#home a:hover {

    background-image:url('commonimages/home_hover.png');

    background-repeat:no-repeat;

}



#sitemap a:hover {

	background-image:url('commonimages/sitemap_hover.png');

    background-repeat:no-repeat;

}



#link a:hover {

	background-image:url('commonimages/link_hover.png');

    background-repeat:no-repeat;

}



/*Footer Link*/



#footer_link {

	margin-left:2px;

	margin-top:7px;

	float:left;

}



#footer_link li {

	float:left;

	list-style:none;

	border-right:solid 1px #333333;

	padding-left:0.5em;

	padding-right:0.5em;

}



#footer_link li a:link {

	color:#333333;

	text-decoration:none;

}



#footer_link li a:visited {

	color:#333333;

	text-decoration:none;

}



#footer_link li a:hover {

	color:#ff0000;

	text-decoration:underline;

}



#footer_link li.footerlink_last {

	border-right:none;

}





/*Hack for Opera*/



@media screen and (min-width: 350px){





}