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

/*Strip the ul of padding and list styling*/
.navArea ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

/*added div to add background color - need clear before closing div*/
#navigation {
	background-color:#000;
}

ul#menu {
	position:relative;
}


/*Create a horizontal list with spacing*/
li.menu-link {
	display:inline-block;
	float:left;
}
li.menu-linkAddMe {
	display:inline-block;
	float:left;
}
/*Style for menu links*/
li.menu-link a {
		font-family: 'Open Sans', "Trebuchet MS", Arial, Helvetica, sans-serif;;
		font-size:1.125em;
	display:block;
	padding:0 16px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	color: #919091;
	background: #fff;
	text-decoration: none;
	border-right:1px solid #ccc;
}
.first	{
	border-left:1px solid #ccc;
	}

/*Hover state for top level links*/
li.menu-link:hover a {
	color:#000;
}

/* this added text for correction */
li:hover ul.hidden {
	position: absolute;
    top: 40px;
	z-index:100000;
}


/*Style for dropdown links*/
li:hover ul.hidden a {
	background: #efefef;
	color: #000;
	height: 40px;
	line-height: 40px;
}

/*Hover state for dropdown links*/
li:hover ul.hidden a:hover {
	background: #ddd;
	color: #000;
}

/*Hide dropdown links until they are needed*/
li.menu-link ul {
	display: none;
}
li.menu-linkAddMe ul {
	display: none;
}


/*Make dropdown links vertical*/
li.menu-link ul li {
	display: block;
	float: none;
}
li.menu-linkAddMe ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
li.menu-link ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
}
li.menu-linkAddMe ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
}

/*Display the dropdown on hover*/
ul li.menu-link a:hover + .hidden, .hidden:hover {
	display: block;
}
ul li.menu-linkAddMe a:hover + .hidden, .hidden:hover {
	display: block;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	font-family: 'Open Sans', "Trebuchet MS", Arial, Helvetica, sans-serif;;
	text-decoration: none;
	color: #336699;
	background: #fff;
	text-align: right;
	padding: 10px 0;
	display: none;
}

a.show-menu:hover {
	color: #000;
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
    -webkit-appearance: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}

/*sign up box*/

ul#sign-up {
	position: absolute;
	top:-40px;
	right:0;
	background-color:#ccc;
	margin:0;
	padding:0;
}
ul#sign-up li {
	display:inline;
	margin:0 6px 0 4px;
	line-height:30px;
	color:#333;
}
li.menu-linkAddMe a {
	display:block;
	padding:0 10px 0 10px;
	height: 40px;
	text-align: center;
	line-height: 17px;
		font-family: 'Open Sans', "Trebuchet MS", Arial, Helvetica, sans-serif;;
	color: #336699;
	background: #fff;
	text-decoration: none;
	border-right:1px solid #ccc;
}
li.menu-linkAddMe:hover a {
	color:#000;
}
.smallAddMe, .smallAddMe a:link	{
	font-size:.875em;
	margin:0;
	padding:0;
	color:#919091;
	}
.bigAddMe, .bigAddMe a:link	{
	font-size:1em;
	margin:0;
	padding:0;
	color:#919091;
	}
	
/*coming box*/

ul#comingAbout {
	position: absolute;
	top:-40px;
	left:66px;
	background-color:#e8cf9b;
	margin:0;
	padding:0;
}
ul#comingAbout li {
	display:inline;
	margin:0 6px 0 4px;
	line-height:30px;
	color:#333;
	font-weight:bold;
}
ul#comingProducts {
	position: absolute;
	top:-40px;
	left:250px;
	background-color:#e8cf9b;
	margin:0;
	padding:0;
}
ul#comingProducts li {
	display:inline;
	margin:0 6px 0 4px;
	line-height:30px;
	color:#333;
	font-weight:bold;
}
ul#comingBlog {
	position: absolute;
	top:-40px;
	left:340px;
	background-color:#e8cf9b;
	margin:0;
	padding:0;
}
ul#comingBlog li {
	display:inline;
	margin:0 6px 0 4px;
	line-height:30px;
	color:#333;
	font-weight:bold;
}
ul#comingNews {
	position: absolute;
	top:-40px;
	left:410px;
	background-color:#e8cf9b;
	margin:0;
	padding:0;
}
ul#comingNews li {
	display:inline;
	margin:0 6px 0 4px;
	line-height:30px;
	color:#333;
	font-weight:bold;
}
ul#comingContact {
	position: absolute;
	top:-40px;
	left:495px;
	background-color:#e8cf9b;
	margin:0;
	padding:0;
}
ul#comingContact li {
	display:inline;
	margin:0 6px 0 4px;
	line-height:30px;
	color:#333;
	font-weight:bold;
}

.wrapleft {float:left; margin:0 10px 10px 0;}
.keep { text-align:left;}
img {max-width:100%; height:auto;}
/*Responsive Styles*/

@media screen and (max-width : 791px){
	/*Make dropdown links appear inline*/
	ul#menu {
		position: static;
		display: none;
	}
	
	/*Make all menu links full width*/
	ul li, li a {
		width: 100%;
	}
	
	li:hover ul.hidden {
	position: static;
    top: 0;
    }

	/*Display 'show menu' link*/
	.show-menu {
		display:block;
	}
	li.first	{border-left:0;}
	li.menu-link a {border-right:0; border-top:1px solid #ccc; margin:0; padding:0;}
	li.menu-linkAddMe a {border-right:0; border-top:1px solid #ccc; margin:0; padding:0;}

	/*sign up box on mobile*/
	ul#sign-up { position:relative; top:0; }
	ul#sign-up li {	display:block; text-align:center; margin:0;}
	
	/*coming box on mobile*/
	ul#comingAbout, ul#comingProducts, ul#comingBlog, ul#comingNews, ul#comingContact { position:relative; top:0; left:0; }
	ul#comingAbout li, ul#comingProducts li, ul#comingBlog li, ul#comingNews li, ul#comingContact li  {	display:block; text-align:center; margin:0;}

}

@media screen and (min-width : 792px) {
	ul#menu {
		display: block;
	}
}