/*

	Todd Motto Labs

	URL: www.toddmotto.com

*/





a,

a:hover {

	text-decoration:none;

}

ul,

ol {

	list-style:none;

}





/*------------------------------------*\

    Flaunt JS Navigation

\*------------------------------------*/



.nav {

	position:relative;

	display:inline-block;

	font-size:14px;

	font-weight:900;

}

.nav-list {

	text-align:left;

}

.nav-list li {

	float:left;

	*display:inline;

	zoom:1;

	position:relative;

}

.nav-list li a {

	display:block;

	color:#fff;

	padding:15px 20px;

	background:#111111;

	border-bottom:1px solid #3a3e4a;

}

.nav-list li > a:hover {

	background:#0089d3;

}

.nav-list li:hover .nav-list li ul {

	display:block;

}

/* Navigation submenu */

.nav-list li ul {

	display:none;

	position:absolute;

	left:0;

	width:180px;

}

.nav-list li ul li a {

	background:#666262;

	border-bottom:1px solid #3a3e4a;

	display:block;

	padding:15px; font-size:12px;

}

.nav-list li ul li a:hover {

	background:#0089d3;

}

/* Mobile navigation */

.nav-mobile {

	display:none; /* Hide from browsers that don't support media queries */

	cursor:pointer;

	position:absolute;

	top:0;

	right:0;

	background:url(../images/sidemenu.png) no-repeat;

	height:43px;

	width:43px;

}

/* Mobile navigation, clickable area for revealing <ul> */

.nav-click {

	position:absolute;

	top:0;

	right:0;

	display:none;

	border-left:1px solid #3a3e4a;

	border-bottom:1px solid #3a3e4a;

	height:45px;

	width:50px;

	cursor:pointer;

}

.nav-click i {

	display:block;

	height:45px;

	width:50px;

	background:url(../images/dwnarrw.png) 17px 13px no-repeat;

	

}

.nav-click:hover {

	background-color:#0089d3;

}

.nav-rotate {

	-webkit-transform:rotate(180deg);

	-moz-transform:rotate(180deg);

	-ms-transform:rotate(180deg);

	-o-transform:rotate(180deg);

	transform:rotate(180deg);

}



/*------------------------------------*\

    Media Queries

\*------------------------------------*/



@media only screen and (min-width: 320px) and (max-width: 768px) {

	.nav-mobile {

		display:block;

	}

	.nav {

		width:100%;

		padding:50px 0 0;

	}

	.nav-list {

		display:none;

	}

	.nav-list li {

		width:100%;

		float:none;

	}

	.nav-list li > a {

		padding:15px;

	}

	.nav-click {

		display:block;

	}

	.nav-mobile-open {

		border-radius:5px 5px 0 0;

		-webkit-border-radius:5px 5px 0 0;

		-moz-border-radius:5px 5px 0 0;

	}

	.nav-list li:hover .nav-list li ul {

		display:none;

	}

	.nav-list li ul {

		position:static;

		width:100%;

	}

}



@media only screen and (min-width:769px) and (max-width:3000px) {

.nav{ display:none;}	

}