body {
	color: #333;
	background-color: #eee;
}

/* NAV
--------------------------------------*/

#header {
	border: 1px solid #015b86;
	background: #014464;	
	background: -moz-linear-gradient(top, #0272a7, #013953);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));
	background: -o-linear-gradient(top, #0272a7, #013953);
	padding: 1em .5em;
}

#header-inner {
	max-width: 1000px;
	margin: 0 auto;
}

#header .logo {
text-align:center;	
}


/*  _______________________________________

	01 MENU BAR
    _______________________________________  */
	
#menu, #menu ul {
	list-style:none;
	padding:0;
	margin:0;
}
#menu li {
	float:left;
	width:250px;
	position:relative;
	line-height: 40px;
	text-align:center;
}

	#menu li ul {
	position:absolute;
	margin-top:0;
	margin-left:0;
	display:none;
}
#menu ul li ul {
	margin-top:-3em;
	margin-left:7em;
}
#menu ul li ul li{
width:200px;
}
#menu a {
	display:block;
	background: #026797;
	border: 1px solid #015b86;
	border-top: 1px solid #029feb;
	background: -moz-linear-gradient(top, #0272a7, #013953);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));
	background: -o-linear-gradient(top, #0272a7, #013953);
	color:#FFF;
	text-decoration:none;
	padding:0 10px;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;	
}
#menu a:hover {
	background: #F00;
	border: 1px solid #F00;
	border-top: 1px solid #C00;
	background: -moz-linear-gradient(top, #C00, #F30);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C00), to(#F30));
	background: -o-linear-gradient(top, #C00, #F30);
	color:#fff;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;	
}
#menu ul {

}
#menu ul a {
	background: #014464;
	border: 1px solid #015b86;
	border-top: 1px solid #029feb;
	background: -moz-linear-gradient(top, #0272a7, #013953);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));
	background: -o-linear-gradient(top, #0272a7, #013953);
	color:#FFF;
}
/* SHOW SUBMENU 1 */
#menu li:hover ul, #menu li.over ul {
	display:block;
}
#menu li:hover ul ul, #menu li.over ul ul {
	display:none;
}
/* SHOW SUBMENU 2 */
#menu ul li:hover ul, #menu ul li.over ul {
	display:block;
}


/* CONTENT
--------------------------------------*/

#content {
	max-width: 950px;
	margin: 20px auto;
	padding: 25px;
	background-color: white;
	border:1px solid #DDD;
	box-shadow: 0px 0px 2px #ccc;
}

#main aside {
	border-left: 1px #ddd solid;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#main aside h4 {
	border: 1px solid #015b86;
	border-top: 1px solid #029feb;
	background: #014464;	
	background: -moz-linear-gradient(top, #0272a7, #013953);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));
	background: -o-linear-gradient(top, #0272a7, #013953);
	padding: 4px 8px;
	color:white;
	border-radius: 2px;
}

#blocks li {
	background: #F2F2F2;
	border: 4px solid #014464;
}

#blocks p {
	margin-bottom: 0px;
	color: #555;
}

/* FOOTER
--------------------------------------*/

#footer {
	border: 1px solid #015b86;
	border-top: 1px solid #029feb;
	background: #014464;	
	background: -moz-linear-gradient(top, #0272a7, #013953);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));
	background: -o-linear-gradient(top, #0272a7, #013953);
	padding: 20px .5em;
	color: #666;
	font-size: 12px;
}

#footer-inner {
	max-width: 1000px;
	margin: 0 auto;
}

.soc-icons {
	float: right;
}

.copyright {
	float: left;
}


/* MOBILE
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
	
	#nav ul li { border-bottom: 1px solid #555; padding: 10px 0; width:100%; margin: 0;}
	#nav ul li:last-child {border:0; padding-bottom: 0;}
	#nav .on { text-decoration: none; }
	#nav a { padding: 25px 0; }
	#nav { width: 100%; }
	#blocks li { margin-bottom: 10px; }
	#main aside { border-left: 0px; }
	#main aside .inner { padding: 0px; }
	.soc-icons { display: none; }
	#nav ul li:last-child {border:0; padding-bottom: 0;}
	#content { 	box-shadow: none; padding: 0 .5em; }
	body { background-color: white; }
	
}