/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
   */

   html, body, div, span, applet, object, iframe,
   h1, h2, h3, h4, h5, h6, p, blockquote, pre,
   a, abbr, acronym, address, big, cite, code,
   del, dfn, em, img, ins, kbd, q, s, samp,
   small, strike, strong, sub, sup, tt, var,
   b, u, i, center,
   dl, dt, dd, ol, ul, li,
   fieldset, form, label, legend,
   table, caption, tbody, tfoot, thead, tr, th, td,
   article, aside, canvas, details, embed,
   figure, figcaption, footer, header, hgroup,
   menu, nav, output, ruby, section, summary,
   time, mark, audio, video {
   	margin: 0;
   	padding: 0;
   	border: 0;
   	font-size: 100%;
   	font: inherit;
   	vertical-align: baseline;
   }
   /* HTML5 display-role reset for older browsers */
   article, aside, details, figcaption, figure,
   footer, header, hgroup, menu, nav, section {
   	display: block;
   }
   body {
   	line-height: 1;
   }
   ol, ul {
   	list-style: none;
   }
   blockquote, q {
   	quotes: none;
   }
   blockquote:before, blockquote:after,
   q:before, q:after {
   	content: '';
   	content: none;
   }
   table {
   	border-collapse: collapse;
   	border-spacing: 0;
   }

/* Default Styles
--------------------------------------------------------------------*/

/*body {
	background: url('img/denim.png');
	font-family: 'Droid Sans', sans-serif;;
	}*/

	.clearfix {
		clear: both;
	}

	.wrap {
		width: 940px;
		margin: 25px auto;
	}

	nav {
		/*background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#ccc));
		background-image: linear-gradient(#fff, #ccc);*/
		/*background: url("img/denim.png");*/
		background: #388E8E;
		border-radius: 6px;
		/*box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.4);*/
		padding: 0 10px;
		position: relative;
	}

	.menu li {
		float: left;
		position: relative;
	}

	.menu li a {
		/*color: #444;*/
		color: white;
		display: block;
		font-size: 16px;
		line-height: 20px;
		padding: 6px 12px;
		margin: 8px 8px;
		vertical-align: middle;

		text-decoration: none;
	}

	.menu li a:hover {
		/*background: -webkit-gradient(linear, center top, center bottom, from(#ededed), to(#fff));
		background-image: linear-gradient(#ededed, #fff);*/
		background: #388E8E;
		border-radius: 12px;
		box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.1);
		color: #FFFFFF;
	}

	/* Dropdown styles */

	.menu ul {
		position: absolute;
		left: -9999px;
		list-style: none;
		opacity: 0;
		transition: opacity 1s ease;
		z-index: 100;
	}

	.menu ul li {
		float: none;
	}

	.menu ul a {
		white-space: nowrap;
	}

	/* Displays the dropdown on hover and moves back into position */
	.menu li:hover ul {
		/*background: rgba(255,255,255,0.7);*/
		background: #388E8E;
		border-radius: 0 0 6px 6px;
		box-shadow: inset 0px 2px 4px rgba(0,0,0,0.4);
		left: 5px;
		opacity: 1;
	}

	/* Persistant Hover State */
	.menu li:hover a {
		/*background: -webkit-gradient(linear, center top, center bottom, from(#ccc), to(#ededed));
		background-image: linear-gradient(#ccc, #ededed);*/
		background: #388E8E;
		border-radius: 12px;
		box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.1);
		/*color: #FFFFFF;*/
		color: white;
	}

	.menu li:hover ul a {
		background: none;
		border-radius: 0;
		box-shadow: none;
	}

	.menu li:hover ul li a:hover {
		/*background: -webkit-gradient(linear, center top, center bottom, from(#eee), to(#fff));
		background-image: linear-gradient(#ededed, #fff);*/
		background: #388E8E;
		border-radius: 12px;
		box-shadow: inset 0px 0px 4px 2px rgba(0,0,0,0.3);
	}