/*
* @author: William Khoe
*/

#quick-nav
{
	position:relative;
	z-index:5;
	margin: 0px 0 25px 0; padding:0 0 15px 0;
	border-bottom:3px solid #F0F0F0;
	text-align:center;
}
#quick-nav .content
{
	padding:15px 25px;
	background:#EDEDED;
	border:5px solid #FFFFFF; border-radius: 10px;
	color:#FFF;
}
#quick-nav .shadow
{
	padding:0 38px 0 0;
	height:18px;
	background:url(../../img/ui/shadow-3d-sliding.png) no-repeat 100% -18px;
}
#quick-nav .shadow span
{
	display:block;
	height:100%;
	background:url(../../img/ui/shadow-3d-sliding.png) no-repeat 0 0;
}
#quick-nav h3
{
	margin:0 30px 0 0;
	font-family:'Yanone Kaffeesatz', Helvetica, Arial, sans-serif; color: #8D8B82; letter-spacing:0.02em;
	font-size:20px; font-weight:400; text-transform:uppercase; line-height:33px; vertical-align:middle; -webkit-font-smoothing:antialiased;
}

#quick-nav h3, #quick-nav .form-separator, #quick-nav .custom-select
{
	display:inline-block;
}
.content .module,
.content .module
{
	position:relative;
	min-height:40px;
	padding:0 20px;
	border-left:1px solid #E0E0E0;
}
.content .col-1 .module,
.content .col-2 .module
{
	border:none;
}

/* Regular Desktop */

@media only screen and (min-width:1024px) {

}

/* Tablet Portrait */

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

#quick-nav h3
{
	margin-right:15px;
}
#quick-nav .custom-select
{
	width:218px;
}
#quick-nav .form-separator
{
	padding:0 15px;
	font-size:12px;
}
.content .module,
.content .module
{
	min-height:40px;
	padding:0 2px;
}

}

/* Mobile Portrait & Landscape */
@media only screen and (max-width:767px) {

#quick-nav
{
	text-align:center;
}
#quick-nav .content
{
	padding:10px 15px 20px 15px;
}
#quick-nav h3
{
	display:block;
}
#quick-nav h3
{
	margin:0 0 13px 0;
	text-align:center;
}

}

/* Mobile Portrait */
@media only screen and (max-width:320px) {


}