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

body {
	background-color: #a7d48e;
	background-image: url("img/bg.png");
	background-position: center;
	background-repeat: repeat-y;
	}

#main {
	position: absolute;
	left: 50%;
	margin-left: -399.5px;
	width: 800px;
	height: 600px;
	z-index: 1;
	}
	
/* BUTTONS */
	
#main-button1 {
	position: absolute;
	bottom: 30px;
	left: 18px;
	height: 120px;
	width: 120px;
	}
	
#main-button2 {
	position: absolute;
	bottom: 30px;
	left: 148px;
	height: 120px;
	width: 120px;
	}	
	
#main-button3 {
	position: absolute;
	bottom: 30px;
	left: 281px;
	height: 120px;
	width: 120px;
	}		

/* MESSAGE BUTTON */	

#main-button4 {
	position: absolute;
	bottom: 0px;
	right: 0px;
	height: 200px;
	width: 320px;
	}	
	
	
	
/* FOOTER */	

#footer {
	position: absolute;
	top: 600px;
	left: 50%;
	margin-left: -399.5px;
	width: 800px;
	padding: 10px;
	}
	
.footer { font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-align: left; color: #fff; }
A.footer:link { color: #fff; text-decoration: none; }
A.footer:visited { color: #fff; text-decoration: none; }
A.footer:hover { color: #a7d48e; text-decoration: none }

/* MENU */

#menu-container
	{
	position: absolute;
	top: 96px;
	left: 50%;
	margin-left: -399.5px;
	width: 800px;
	z-index: 2;
	}

#menu
	{
	font-size: 11px;
	font-family: arial, helvetica, sans-serif;
	width:100%;
	float:left;
	margin:0;
	}
		
#menu a
	{
	text-align: left;
	display:block;
	border: 0;
	white-space:nowrap;
	margin:0;
	padding:5px 20px 4px 25px;
	}
	
#menu a:link, #menu a:visited, #menu a:active
	{
	color: white;
	text-decoration:none;
	}
	
#menu a:hover						
	{
	color: #a7d48e;
	text-decoration:none;
	}	

#menu ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	}

#menu li
	{
	position:relative;
	min-height: 1px;
	vertical-align: bottom;
	}

#menu ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	}

#menu ul ul ul
	{
	top:0;
	left:100%;
	}

div#menu li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}

/* End CSS Drop Down Menu */