@import url(http://fonts.googleapis.com/css?family=Poly);
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);


body { font-family: "PT Sans", sans-serif;font-size: 100%;}
a { color: #666; text-decoration: none;}

.nav {
	border-radius: 3px;
	width: width: 100%;
	/*margin: 20px auto;*/
	height: 43px;
	float: right !important;
}

.nav li { list-style: none;float:left; margin-bottom: 10px;width: 95%; }
.nav > li { padding: 0;float: left;position: relative;display: inline-block;width: auto; }
.nav > li > a {
	float: left;
	color: #000;
	font-size: 13px;
	text-decoration: none;
	line-height: 43px;
	padding: 0 18px; 
	height: 43px;
	text-transform:uppercase;
	font-family: 'Lato', sans-serif;
}
.nav > li:hover > a {color:#42a9c3;}
.nav > li:first-child > a { border-left: 0; }
.nav > li:last-child > a { border-right: 0; }
/*.nav > li:hover > div { display: block; }*/

/* MEGA DROP DOWN */

.nav > li > div {
	position: absolute;
	left: 0;
	top: 43px;
	display: none;
	background: #fff;
	padding: 10px 10px;
	-webkit-box-shadow: 1px 8px 10px 1px rgba(0,0,0,0.3);
	box-shadow: 1px 8px 10px 1px rgba(0,0,0,0.3);
	overflow: hidden;
	border-radius: 0 0 10px 10px;
}
.nav > li > div p { color: #666; }
.nav > li > div.right { right: 0; left: auto }
.container-1, .container-2, .container-3, .container-4 { font-size: 80%; }


/* COLUMNS */
.col0,.col1,.col2,.col3,.col4,.col5 { margin: 10px 0; float: left; padding:0 0px 0 10px; margin-right: 18px;width: 80%;}


	/* 1 Column */
	.container-1 { width: 170px; }
	.container-1 .col1 { width: 100%; }

	/* 2 Column */
	.container-2 { width: 240px; }
	.container-2 .col1 { width: 50% }
	.container-2 .col2 { width: 100% }

	/* 3 Column */
	.container-3 { width: 400px; }
	.container-3 .col1 { width: 33.33% }
	.container-3 .col2 { width: 66.66% }
	.container-3 .col3 { width: 100% }


	/* 4 Column */
	.container-4 { width: 500px; }
	.container-4 .col1 { width: 20% }
	.container-4 .col1 { width: 42% }
	.container-4 .col2 { width: 50% }
	.container-4 .col3 { width: 75% }
	.container-4 .col4 { width: 100% }


	/* 5 Column */
	.container-5 { width: 600px; }
	.container-5 .col1 { width: 20%; }
	.container-5 .col2 { width: 40% }
	.container-5 .col3 { width: 60% }
	.container-5 .col4 { width: 80% }
	.container-5 .col5 { width: 100% }

/* HIGHLIGHTS */

.container-3 .highlighted { 
	width: 400px; 
	margin-left: -20px; 
	padding: 20px; 
	background: #e4fbff; 
	border-top: 1px solid #ddd; 
	border-bottom: 1px solid #ddd;
}
.container-4 .highlighted { 
	width: 500px;
	margin-left: -10px; 
	padding: 20px; 
	background: #e4fbff; 
	border-top: 1px solid #ddd; 
	border-bottom: 1px solid #ddd;
}



.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.col1 figure{
	display: inline-block;
	float: left;
}
.col1 a{
	text-transform: uppercase;
	font-size: 18px;
	margin: 16px 0px 5px 10px;
	/* float: left; */
	color: #3d3c4c;
	display: inline-block;
}
.col1 span{
	font-size: 12px;
	float: left;
	display: block;
	margin-left: 10px;
	font-family: 'Poly', serif;
	font-style: italic;
	opacity: 0.9;
}
.col0 figure{
	display: inline-block;
	float: left;
}
.col0 a{
	text-transform: uppercase;
	font-size: 18px;
	margin: 16px 0px 5px 10px;
	float: left;
	color:#3d3c4c;
}
.col0 span{
	font-size: 12px;
	float: left;
	display: inline-block;
	margin-left: 10px;
	font-family: 'Poly', serif;
	font-style:italic;
	opacity:0.9;
}