@charset "UTF-8";
a,ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse;border-spacing:0; }
li {
	list-style:none;
	margin: 0px;
	padding: 0px;
}
article,aside,figure,hgroup,nav,section { display:block; }
/*------------------------------------*\
    Responsive Navigation Menu
	author: Charlene Kaye
	@Charlene Premru Kaye, www.cpkayewebdesign.com
\*------------------------------------*/

#horiz-menu {
	width:100%;
	background-color:#FFFDBC;
	z-index:10;
	float: none;
	margin: 0px;
}
#horiz-menu li a { /* Single Menu Button for 320px screen */
	display:block;
	position:relative;
	width: 100%;
	height:100%;
	color:#FFF;
	font-family:Verdana;
	font-weight:bold;
	font-size:20px;
	text-align:center;
	text-shadow:.1em .1em .2em #000000;
	z-index:10;
	margin: 0px;
}

#menu-title {
	clear:both; 
	background:#008A7A;
	width:100%; 
	line-height:45px; 
	text-align:center;
	z-index:11; 
}

#main-nav, #main-nav ul {
	float:left;
	height:0;
	overflow:hidden; /* Hide submenus on startup */
}

#main-nav, #main-nav li a {
	background-color:#008A7A;
} /* Red */

#main-nav li a { /* 1st level dropdown menu */
	clear:both;
	display:block;
	width:80%;
	padding:0 10%;
	line-height:45px; /* height for submenu items */
	font-size:16px;
	z-index:10;
	text-align:left;
    color:#fff;
}

#main-nav li a:hover {
	background-color:#C2FFFD; /* light green of bkgrd */
	color: #000;
}

/* Setting Active State for Menu Items */

.home #home a,
.about #products a,
.svcs #sizes a,
.button4 #fanmail a,
.contact #contact a {
}

#main-nav li:hover ul {overflow:visible;} /* Make 2nd submenu appear */
#main-nav li ul li a{/* 2nd submenu style */
	background-color:#FFFDBC; /* pale yellow */
	color: #000;
	padding:0 10% 0 20%;
	width:70%;
	z-index:11;
}
#main-nav li:hover ul li a:hover{
	background-color:#ACA3E8;  /* lavendar */
	color: #FFF;
} /* Hover style for 2nd submenu */

@media screen and (min-width: 480px) {
	#main-nav li {width:50%; float:left;}/* Creates 2-column submenu */
	#main-nav li:hover ul {margin:0 0 0 45%; width:50%;} /* Positions 2nd submenu */
	#main-nav li ul li { float:none; width:100%;}
	#main-nav li ul li a {font-size:12px;line-height:30px; width:80%; padding:0 10%; text-align:left;}

}
@media screen and (min-width: 600px) {
	#open-menu, #close-menu, #menu-title {display:none;} /* Hides Mobile button */
	#main-nav {width:100%; height:auto; height:45px; overflow:visible;}
	#main-nav li {width:16.66666666667%;} /* 100% / 6-buttons = 16.66666666667%*/
	#main-nav li a {text-align:center; width:auto; }
	#main-nav li:hover ul {margin:0; padding:0; width:100%; } /* Make 2nd submenu */
	#main-nav li ul li {width:100%;}
}

/*------------------------------------
	End Responsive NavMenu
------------------------------------*/