@import url(http://fonts.googleapis.com/css?family=Oswald);

/*
	CSS Reset
	v2.0 | 20110126
	License: none (public domain)
*/

/*
	Transparent menu - Dark
	v0.3
	License: none (public domain)
*/
.transmenu {
	position: relative;
	z-index: 5;
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	font-weight: normal;
}
.transmenu li .transli {
	position: relative;
	z-index: 6;
	display: block;
	padding: 10px 12px 10px 12px;
	margin-top:10px;
	color: #f1f1f1;
	text-decoration: none;
	/* CSS3 May not be compactible with old browsers */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#4d000000',GradientType=0 )"; /* IE8 fix. Reported: nirvana5 */
	background-color: rgba(20,20,150,0.3);
	border: 1px solid rgb(0,0,0); /* IE8 fix. Reported: nirvana5 */
	border: 1px solid rgba(0,0,0,0.4);
	border-radius: 6px; 
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
	-opera-border-radius:6px;
	-khtml-border-radius:6px;
	text-shadow: 0 0 5px rgba(68,68,68,0.2);
	zoom: 1;
	-webkit-transition:all .1s ease-in;
	-moz-transition:all .1s ease-in;
	-o-transition:all .1s ease-in;
	transition:all .1s ease-in;
	box-shadow: 0 0 5px 5px rgba(0,0,0,0.2), inset 0 -8px 12px 0 rgba(0,0,0,0.5);, inset 0 -8px 0 8px #48c, inset 0 -35px 15px -10px #7ad;
	-moz-box-shadow: 0 0 5px 5px rgba(0,0,0,0.2), inset 0 -8px 12px 0 rgba(0,0,0,0.5);, inset 0 -8px 0 8px #48c, inset 0 -35px 15px -10px #7ad;
	-webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.2), inset 0 -8px 12px 0 rgba(0,0,0,0.5);, inset 0 -8px 0 8px #48c, inset 0 -35px 15px -10px #7ad;
}
.transmenu li .transli:hover {
	padding: 10px 12px 10px 35px;
	/* CSS3 May not be compactible with old browsers */
	background-color: rgba(20,20,150,0.5);
	text-shadow: 0 0 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 3px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 3px 3px rgba(0,0,0,0.1);
	box-shadow: 0 0 3px 3px rgba(0,0,0,0.1);
	-webkit-transition:all .3s ease-in;
	-moz-transition:all .3s ease-in;
	-o-transition:all .3s ease-in;
	transition:all .3s ease-in;
}
.transmenu li .transli span {
	position:absolute;
	left:5px;
	margin-top:-4px;
	width:24px;
	height:24px;
	opacity: 0;
	filter:alpha(opacity=0);
	-webkit-transition:all .3s ease-in;
	-moz-transition:all .3s ease-in;
	-o-transition:all .3s ease-in;
	transition:all .3s ease-in;
}
.transmenu li .transli:hover>span {
	opacity: 1;
	filter:alpha(opacity=100);
	-webkit-transition:all .3s ease-in;
	-moz-transition:all .3s ease-in;
	-o-transition:all .3s ease-in;
	transition:all .3s ease-in;
}
.transmenu li ul li a span {
	position:absolute;
	left:17px;
	margin-top:-4px;
	width:24px;
	height:24px;
	opacity: 0;
	-webkit-transition:all .3s ease-in;
	-moz-transition:all .3s ease-in;
	-o-transition:all .3s ease-in;
	transition:all .3s ease-in;
}
.transmenu li ul li a:hover span {
	opacity: 1;
	-webkit-transition:all .3s ease-in;
	-moz-transition:all .3s ease-in;
	-o-transition:all .3s ease-in;
	transition:all .3s ease-in;
}
.transmenu li .transli + ul{
	position:relative;
	height: 0;
	opacity: 0;
	z-index: 6;
	display:none;
}
.transmenu li:hover .transli + ul{
	display: block;
	opacity: 1;
	height: auto;
	position:relative;
}
.transmenu li ul li a {
	margin: 0 10px;
	padding:10px 12px 8px 12px;
	display:block;
	color:#f3f3f3;
	text-decoration: none;
	height:20px;
	/* CSS3 May not be compactible with old browsers */
	background-color: rgba(0,0,0,0.3);
	border-left: 1px solid rgba(0,0,0,0.4);
	border-right: 1px solid rgba(0,0,0,0.4);
	-webkit-transition:all .3s ease-in;
	-moz-transition:all .3s ease-in;
	-o-transition:all .3s ease-in;
	transition:all .3s ease-in;
}
.transmenu li ul li a:hover {
	color:#f8f8f8;
	padding: 10px 12px 8px 35px;
	/* CSS3 May not be compactible with old browsers */
	background-color: rgba(0,0,0,0.5);
	-webkit-transition:all .3s ease-in;
	-moz-transition:all .3s ease-in;
	-o-transition:all .3s ease-in;
	transition:all .3s ease-in;
	text-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.transmenu li ul li:nth-last-child(1) a {
	border-bottom: 1px solid rgba(0,0,0,0.4);
	border-radius: 0px 0px 5px 5px; 
	-moz-border-radius: 0px 0px 5px 5px; 
	-webkit-border-radius: 0px 0px 5px 5px; 
}
.transmenu li .transli span, .transmenu li ul li a span {
	display: block;
}
	
/*
	Sample icons
	Dusseldorf Icon Pack by Patricia Clausnitzer
	License: none (public domain)
*/

.transmenu li .transli span.rss , .transmenu li ul li a span.rss { background: url(../images/icons/dark/feed.png) no-repeat;}
.transmenu li .transli span.home , .transmenu li ul li a span.home { background: url(../images/icons/dark/home.png) no-repeat;}
.transmenu li .transli span.comment , .transmenu li ul li a span.comment { background: url(../images/icons/dark/comment.png) no-repeat;}
.transmenu li .transli span.email , .transmenu li ul li a span.email { background: url(../images/icons/dark/email.png) no-repeat;}
.transmenu li .transli span.cost , .transmenu li ul li a span.cost { background: url(../images/icons/dark/cost.png) no-repeat;}
.transmenu li .transli span.heart , .transmenu li ul li a span.heart { background: url(../images/icons/dark/heart.png) no-repeat;}
.transmenu li .transli span.facebook , .transmenu li ul li a span.facebook { background: url(../images/icons/dark/facebook.png) no-repeat;}
.transmenu li .transli span.communication , .transmenu li ul li a span.communication { background: url(../images/icons/dark/communication.png) no-repeat;}
.transmenu li .transli span.user , .transmenu li ul li a span.user { background: url(../images/icons/dark/user.png) no-repeat;}
.transmenu li .transli span.free_for_job , .transmenu li ul li a span.free_for_job { background: url(../images/icons/dark/free_for_job.png) no-repeat;}
.transmenu li .transli span.phone , .transmenu li ul li a span.phone { background: url(../images/icons/dark/phone.png) no-repeat;}
.transmenu li .transli span.lock , .transmenu li ul li a span.lock { background: url(../images/icons/dark/lock.png) no-repeat;}
.transmenu li .transli span.basket , .transmenu li ul li a span.basket { background: url(../images/icons/dark/basket.png) no-repeat;}
.transmenu li .transli span.check , .transmenu li ul li a span.check { background: url(../images/icons/dark/check.png) no-repeat;}
.transmenu li .transli span.star , .transmenu li ul li a span.star { background: url(../images/icons/dark/star.png) no-repeat;}
.transmenu li .transli span.date , .transmenu li ul li a span.date { background: url(../images/icons/dark/date.png) no-repeat;}
.transmenu li .transli span.zoom , .transmenu li ul li a span.zoom { background: url(../images/icons/dark/zoom.png) no-repeat;}
.transmenu li .transli span.shipping , .transmenu li ul li a span.shipping { background: url(../images/icons/dark/shipping.png) no-repeat;}
.transmenu li .transli span.settings , .transmenu li ul li a span.settings { background: url(../images/icons/dark/settings.png) no-repeat;}
.transmenu li .transli span.logout , .transmenu li ul li a span.logout { background: url(../images/icons/dark/logout.png) no-repeat;}