.topwrap nav {
	position:fixed;
	background:#ffffff;
	z-index:10000;
	width:100%;
	max-width:1200px;
	font-size:20px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
	transition: all 0.5s;
}

.topwrap nav.navScroll {
	background:#ffffff;
	font-size:14px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
	transition: all 0.5s;
	color: #fff;
}

.topwrap img.logo {
	float:left;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
	transition:all 0.5s;
	margin:30px 0px 0px 0px;
}

.topwrap span.caption {
	color:#fe0000;
	line-height:70px;
	font-family: 'CalibriBold';
	float:left;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
	transition:all 0.5s;
	margin:30px 0px 0px 0px;
}

.topwrap img.logoScroll {
	display:inline;
	width:150px;
	padding:5px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
	transition:all 0.5s;
	margin:10px 0px 0px 0px;
}

.topwrap span.captionScroll {
	color:#fe0000;
	line-height:20px;
	font-family: 'CalibriBold';
	float:left;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
	transition:all 0.5s;
	margin:20px 0px 0px 0px;
}

.topwrap div.menu {
	text-align:center;
}

.topwrap div.menuScroll {
	float:right;
}

.topwrap div.menu ul, .topwrap div.menu ul li {
	margin:0px;
	padding:0px;
}

.topwrap div.menu ul {
	list-style-type:none;
	margin:30px 0px 0px 0px;
	padding:0px 30px 0px 0px;
	float:right;
}

div.menu ul li {
	display:inline;
	text-decoration:none;
}

	.topwrap div.menu ul li a {
		list-style-type: none;
		text-decoration:none;
		color:#6a6a6a;
		font-size:16px;
		line-height:70px;
		background:url(../images/but-off.png) top center no-repeat;
		border-bottom:3px #ffffff solid;
		padding:0px 15px;
		float:left;
	}

	.topwrap div.menu ul li a:hover {
		color: #000000;
		background:url(../images/but-on.png) top center no-repeat;
		border-bottom:3px #000000 solid;
	}
	
.topwrap div.menuScroll ul {
	list-style-type:none;
	margin:10px 0px 0px 0px;
	padding:0px 30px 0px 0px;
	float:right;
}

div.menuScroll ul li {
	display:inline;
	text-decoration:none;
}

	.topwrap div.menuScroll ul li a {
		list-style-type: none;
		text-decoration:none;
		color:#6a6a6a;
		font-size:16px;
		line-height:40px;
		background:url(../images/but-off.png) top center no-repeat;
		border-bottom:3px #ffffff solid;
		padding:0px 15px;
		float:left;
	}

	.topwrap div.menuScroll ul li a:hover {
		color: #000000;
		background:url(../images/but-on.png) top center no-repeat;
		border-bottom:3px #000000 solid;
	}

.topwrap .navScroll a.selected {
	color: #000000;
	background:url(../images/but-on.png) top center no-repeat;
	border-bottom:3px #000000 solid;
}


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

.topwrap nav div div {
	width:98%;
	text-align:center;
	padding:0% 1%;
}

.topwrap nav div div img{
	width:100%;
}

.topwrap img.logo {
	margin:10px 0px 0px 0px;
	float:inherit;
}

.topwrap img.logoScroll {
	padding:0px;
}

.topwrap nav div div span{
	width:100%;
	text-align:center;
}

.topwrap span.caption {
	line-height:20px;
	margin:0px 0px 0px 0px;
}

.topwrap span.captionScroll {
	margin:0px 0px 0px 0px;
}

.topwrap div.menu ul {
	width:100%;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

div.menu ul li {
	width:100%;
	float:left;
}

	.topwrap div.menu ul li a {
		width:100%;
		display:block;
		font-size:16px;
		line-height:40px;
		background: #e9e9e9;
		border-bottom:1px #ffffff solid;
		padding:0px 0px;
	}
	
	.topwrap div.menu ul li a:hover {
		background: #e9e9e9;
		border-bottom:1px #ffffff solid;
	}
	
.topwrap div.menuScroll ul {
	width:100%;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

div.menuScroll ul li {
	width:50%;
	float:left;
}

	.topwrap div.menuScroll ul li a {
		width:98%;
		display:block;
		font-size:14px;
		line-height:30px;
		background: #e9e9e9;
		border-bottom:1px #ffffff solid;
		padding:0px 0px;
		margin:0% 1%;
	}

	.topwrap div.menuScroll ul li a:hover {
		background: #e9e9e9;
		border-bottom:1px #ffffff solid;
	}

}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width : 321px) 
and (max-width : 480px) {
/* Styles */

.topwrap nav div div {
	width:98%;
	text-align:center;
	padding:0% 1%;
}

.topwrap nav div div img{
	width:100%;
}

.topwrap img.logo {
	margin:10px 0px 0px 0px;
	float:inherit;
}

.topwrap img.logoScroll {
	padding:0px;
}

.topwrap nav div div span{
	width:100%;
	text-align:center;
}

.topwrap span.caption {
	line-height:20px;
	margin:0px 0px 0px 0px;
}

.topwrap span.captionScroll {
	margin:0px 0px 0px 0px;
}

.topwrap div.menu ul {
	width:100%;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

div.menu ul li {
	width:100%;
	float:left;
}

	.topwrap div.menu ul li a {
		width:100%;
		display:block;
		font-size:16px;
		line-height:40px;
		background: #e9e9e9;
		border-bottom:1px #ffffff solid;
		padding:0px 0px;
	}
	
	.topwrap div.menu ul li a:hover {
		background: #e9e9e9;
		border-bottom:1px #ffffff solid;
	}
	
.topwrap div.menuScroll ul {
	width:100%;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

div.menuScroll ul li {
	width:50%;
	float:left;
}

	.topwrap div.menuScroll ul li a {
		width:98%;
		display:block;
		font-size:14px;
		line-height:30px;
		background: #e9e9e9;
		border-bottom:1px #ffffff solid;
		padding:0px 0px;
		margin:0% 1%;
	}

	.topwrap div.menuScroll ul li a:hover {
		background: #e9e9e9;
		border-bottom:1px #ffffff solid;
	}


}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width : 480px) 
and (max-width : 767px) {
/* Styles */

.topwrap nav div div {
	width:98%;
	text-align:center;
	padding:0% 1%;
}

.topwrap img.logo {
	margin:10px 0px 0px 0px;
	float:inherit;
}

.topwrap img.logoScroll {
	padding:0px;
}

.topwrap nav div div span{
	width:100%;
	text-align:center;
}

.topwrap span.caption {
	line-height:20px;
	margin:0px 0px 0px 0px;
}

.topwrap span.captionScroll {
	margin:0px 0px 0px 0px;
}

.topwrap div.menu ul {
	width:100%;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

div.menu ul li {
	width:25%;
	float:left;
}

	.topwrap div.menu ul li a {
		width:100%;
		display:block;
		font-size:16px;
		line-height:40px;
		background: #e9e9e9;
		border-bottom:1px #ffffff solid;
		padding:0px 0px;
	}
	
	.topwrap div.menu ul li a:hover {
		background: #e9e9e9;
		border-bottom:1px #ffffff solid;
	}
	
.topwrap div.menuScroll ul {
	width:100%;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

div.menuScroll ul li {
	width:25%;
	float:left;
}

	.topwrap div.menuScroll ul li a {
		width:98%;
		display:block;
		font-size:14px;
		line-height:30px;
		background: #e9e9e9;
		border-bottom:1px #ffffff solid;
		padding:0px 0px;
		margin:0% 1%;
	}

	.topwrap div.menuScroll ul li a:hover {
		background: #e9e9e9;
		border-bottom:1px #ffffff solid;
	}


}


/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 900px) {
/* Styles */

.topwrap img.logo {
	max-width:240px;
}

.topwrap span.caption {
	font-size:16px;
	line-height:50px;
}

.topwrap span.captionScroll {
	line-height:20px;
	margin:20px 0px 0px 0px;
}

.topwrap div.menu ul {
	margin:20px 0px 0px 0px;
}

}