/* =======
    FONTS
   ======= */
   
/* Font Awesome */
@import url(//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css);

/* Open Sans */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300);

/* Museo-300 */
@font-face
{
	font-family: 'Museo-300';
	src:	url('fonts/29E5D9_1_0.eot');
	src:	url('fonts/29E5D9_1_0.eot?#iefix') format('embedded-opentype'),
			url('fonts/29E5D9_1_0.woff') format('woff'),
			url('fonts/29E5D9_1_0.ttf') format('truetype');
}

/* Museo-500 */
@font-face
{
	font-family: 'Museo-500';
	src:	url('fonts/29E5D9_2_0.eot');
	src:	url('fonts/29E5D9_2_0.eot?#iefix') format('embedded-opentype'),
			url('fonts/29E5D9_2_0.woff') format('woff'),
			url('fonts/29E5D9_2_0.ttf') format('truetype');
}

/* Museo-700 */
@font-face
{
	font-family: 'Museo-700';
	src: 	url('fonts/29E5D9_0_0.eot');
	src: 	url('fonts/29E5D9_0_0.eot?#iefix') format('embedded-opentype'),
			url('fonts/29E5D9_0_0.woff') format('woff'),
			url('fonts/29E5D9_0_0.ttf') format('truetype');
}

/* ===============
    MOBILE STYLES
   =============== */

body
{
	margin: 15px 10px 0 10px;

	font-family: 'Open Sans', 'Arial', sans-serif;
}

.wrapper
{
	width: 98%;
	margin: 0 1%;
}

.header-container header .title,
.footer-container footer .title
{
	background: url('img/logo.png') no-repeat;
	width: 140px;
	height: 139px;
	float: left;
	
	background-size: 75%;
}

.header-container
{
	margin: 0 -10px;
	padding: 0 10px;
	position: relative;
	z-index: 2;

	border-bottom: 1px solid #d9d9d9;
	box-shadow: 0 4px 2px -2px #d9d9d9;
}

.header-container header
{
	text-align: right;
}

.header-container header .quick-contact
{
	margin-top: 15px;

	font-size: 16px;
	color: #9c9fa2;
}

.header-container header .phone
{
	margin-left: 5px;
}

.header-container header .social
{
	display: block;
}

.header-container header .fa-facebook,
.footer-container footer .fa-facebook
{
	margin-left: 5px;
}

.header-container header nav
{
	font-family: 'Museo-300', 'Times New Roman', serif;
	letter-spacing: 0.02em;
	font-size: 16px;
	color: #30bbd1;
	text-transform: uppercase;
	text-align: right;
	float: right;
	margin-right: -10px;
}

.header-container header nav ul
{
	display: none;
	margin: 55px 0 0 0;
}

.header-container header nav li
{
    margin: 0;
    padding: 0;
	display: inline-block;
}

.header-container header nav a
{
	display: inline-block;
	margin-bottom: 10px;

	text-decoration: none;
	color: #30bbd1;
	border-bottom: 3px solid #fff;
}

.header-container header nav a.selected
{
	border-bottom-color: #30bbd1;
}

.header-container header nav select
{
	margin: 20px 0 35px 0;
	color: #30bbd1;
	font-family: 'Museo-500', 'Times New Roman', serif;
	font-size: 18px;
	text-transform: uppercase;
}

.main
{
    padding: 30px 0;
}

.page-title-container
{
	background-color: #d6f1f6;
	padding: 20px 10px;

	margin: 0 -10px;
	position: relative;
	z-index: 1;
}

.page-title
{	
	color: #30bbd1;
	font-family: 'Museo-500', 'Times New Roman', serif;
	font-size: 30px;
	text-transform: uppercase;
}

.image-scroller
{
	margin: 0 auto;
	
	text-align: center;
	font-size: 0; /* Remove textual whitespace from inline-blocks */
}

.image-scroller header
{
	margin-bottom: 20px;

	border-bottom: 1px solid #dfdfdf;
	font-family: 'Museo-300';
	font-size: 24px;
	color: #30bbd1;
	text-align: center;
}

.image-scroller header div
{
	display: inline-block;
	padding-bottom: 14px;
	
	border-bottom: 3px solid #dfdfdf;
}

.image-scroller .image
{
	display: inline-block;
	margin: 0 10px 20px 0;
}

.image-scroller .image img
{
	background-color: #30bbd1;
	cursor: pointer;
}

.image-scroller .image img:hover
{
	opacity: 0.5;
}

.image-scroller .caption
{
	margin: 10px 0;

	font-size: 0;
}

.image-scroller .caption.link a
{
	text-decoration: none;
	color: #30bbd1;
}

.image-scroller .image
{
	width: 50%;
	margin: 0;
}

.image-scroller .image img
{
	margin: 0 3%;
	max-width: 94%;
	max-height: 100%;
}

.image-scroller.people .image
{
	width: 25%;
	max-height: 100%;
}

aside.action
{
	position: relative;
	padding: 30px;
	margin-bottom: 40px;

	background-color: #30bbd1;
	color: #fff;
	text-align: center;
}

aside.action .title
{
	margin: 0 auto 5px auto;
	width: 65%;

	font-family: 'Museo-300', 'Times New Roman', serif;
	font-size: 20px;
}

aside.action .subtitle
{
	margin: 0 auto 5px auto;
	width: 65%;
	
	font-family: 'Open Sans', 'Arial', sans-serif;
	font-size: 12px;
}

aside.action .btn
{
	display: inline-block;
	right: 30px;
	top: 30px;
	
	cursor: pointer;
	padding: 14px;
	border: 1px solid #fff;
	font-family: 'Open Sans', 'Arial', sans-serif;
	font-size: 14px;
}

.image-paragraph
{
	text-align: center;
	margin-bottom: 10px;
}

.image-paragraph img
{
	margin-right: 20px;
	max-width: 525px;
}

.image-paragraph .paragraph
{
	overflow: auto;
	
	font-family: 'Open Sans', 'Arial', sans-serif;
	font-size: 15px;
}

.image-paragraph .paragraph header
{
	color: #30bbd1;
	font-family: 'Museo-300', 'Times New Roman', serif;
	font-size: 24px;
}

.image-paragraph .paragraph p:last-child
{
	margin-bottom: 0;
}

.heading
{
	font-weight: bold;
	text-decoration: underline;
}

.outer-list,
.inner-list,
.inner-inner-list
{
	list-style-type: none;
	margin-left: 0;
}

.outer-list > li
{
	counter-increment: outer;
	margin: 0 0 1em 2.5em;
}

.outer-list > li:before,
.inner-list > li:before,
.inner-inner-list > li:before
{
	float: left;
	margin-left: -2.5em;
}

.outer-list.one > li:before
{
	content: '1.' counter(outer);
}

.outer-list.two > li:before
{
	content: '2.' counter(outer);
}

.inner-list > li
{
	counter-increment: inner;
	margin: 0 0 1em 2.5em;
}

.inner-list > li:before
{
	content: '(' counter(inner, lower-roman) ')';
}

.inner-inner-list > li
{
	counter-increment: inner-inner;
	margin: 0 0 1em 2.5em;
}

.inner-inner-list > li:before
{
	content: '(' counter(inner-inner, lower-latin) ')';
}

.footer-container
{
	margin: -15px -10px;
	
	background-color: #45484a;
}

.footer-container footer
{
	position: relative;
	max-width: 1070px;
	min-height: 250px;
	margin: 0 auto;
	padding: 20px;
	
	font-family: 'Open Sans', 'Arial', sans-serif;
	font-size: 10px;
	color: #fff;
}

.footer-container footer .contact,
.footer-container footer .follow
{
	display: block;
	vertical-align: top;
	text-align: right;
}

.footer-container footer .contact
{
	padding: 20px 0;
}

.footer-container footer .follow
{
	padding: 20px 0;
}

.footer-container footer .contact span,
.footer-container footer .follow span
{
	display: inline-block;
	margin-bottom: 10px;

	text-transform: uppercase;
	font-family: 'Museo-500', 'Times New Roman', serif;
	font-size: 12px;
}

.footer-container footer .follow .social
{
	font-size: 26px;
}

.subfooter-container
{
	margin: -15px -10px;
	
	background-color: #323537;
}

.subfooter-container footer
{
	position: relative;
	max-width: 1070px;
	margin: 0 auto;
	padding: 5px 20px;
	
	font-family: 'Open Sans', 'Arial', sans-serif;
	font-size: 12px;
	color: #fff;
}

.subfooter-container footer a
{
	color: #fff;
}

.subfooter-container footer .sitelinks
{
	display: block;
}

.subfooter-container footer .sitelinks a
{
	text-decoration: none;
	padding: 0 5px;
	border-right: 1px solid #fff;
}

.subfooter-container footer .sitelinks a:last-child
{
	border-right: none;
}

/* ===============
    SCREEN STYLES
   =============== */

@media only screen and (min-width: 480px)
{
	.header-container header .quick-contact
	{
		margin-top: 0;
	}

	.header-container header .phone
	{
		margin: 0 35px 0 5px;
	}
	
	.header-container header .social
	{
		display: inline;
	}
	
	.header-container header nav select
	{
		margin-top: 55px;
	}
	
	.header-container header nav a
	{
		display: block;
        float: left;
		padding: 0 10px 20px 10px;
        margin-bottom: 0;
    }
	
	aside.action
	{
		text-align: left;
	}

	aside.action .title
	{
		margin: 0 0 5px 0;
	}

	aside.action .subtitle
	{
		margin: 0;
	}

	aside.action .btn
	{
		position: absolute;
		display: block;
	}
}

@media only screen and (min-width: 640px)
{
	.header-container header .title,
	.footer-container footer .title
	{		
		background-size: 100%;
	}
	.header-container header .quick-contact
	{
		font-size: 26px;
	}
	
	.header-container header nav
	{
		font-size: 18px;
	}
	
	aside.action .title
	{
		font-size: 26px;
	}

	aside.action .subtitle
	{
		font-size: 18px;
	}
	
	aside.action .btn
	{
		font-size: 20px;
		padding: 20px;
	}
	
	.footer-container footer .footer-right
	{
		float: right;
	}
	
	.footer-container footer .contact
	{
		margin-left: 90px;
		padding: 0;
	}

	.footer-container footer .follow
	{
		margin-left: 50px;
		padding: 0;
	}
	
	.footer-container footer .contact,
	.footer-container footer .follow
	{
		display: inline-block;
		text-align: left;
	}
	
	.subfooter-container footer .sitelinks
	{
		position: absolute;
		display: inline;
		right: 0;
	}
}

@media only screen and (min-width: 768px)
{
	.header-container header,
	.page-title-container .page-title,
	.wrapper
	{
		max-width: 1070px; /* 1200px - 130px for margins */
	}

    .main article
	{
        float: left;
        width: 57%;
    }
}

@media only screen and (min-width: 850px)
{
	.header-container header nav ul
	{
		display: block;
	}

	.header-container header nav ul li,
	.header-container header nav ul li:nth-child(3)
	{
        display: inline;
    }
	
	.header-container header nav a
	{
		padding-bottom: 40px;
	}
	
	.header-container header nav select
	{
		display: none;
	}
	
	.image-scroller .image .caption
	{
		font-size: 12px;
	}
	
	.image-paragraph
	{
		text-align: left;
	}
	
	.image-paragraph img
	{
		float: left;
	}
}

@media only screen and (min-width: 950px)
{
	aside.action .subtitle
	{
		width: auto;
	}
	
	.image-scroller .image .caption
	{
		font-size: 16px;
	}
}

@media only screen and (min-width: 1040px)
{
	.footer-container footer
	{
		font-size: 14px;
	}
	
	.footer-container footer .contact
	{
		margin-left: 130px;
	}
	
	.footer-container footer .contact span,
	.footer-container footer .follow span
	{
		font-size: 16px;
	}
}

@media only screen and (min-width: 1140px)
{
    .wrapper
	{
        margin: 0 auto;
    }
	
	.image-scroller .image:first-child
	{
		margin-left: 0;
	}

	.image-scroller .image:last-child
	{
		margin-right: 0;
	}
	
	aside.action .title
	{
		font-size: 32px;
	}

	aside.action .subtitle
	{
		font-size: 24px;
	}
}

/* ===============
    HELPER STYLES
   =============== */

.clearfix:before,
.clearfix:after
{
    content: " ";
    display: table;
}

.clearfix:after
{
    clear: both;
}

.clearfix
{
    *zoom: 1;
}

.clear
{
	clear: both;
}

/* ===============
    PRINT STYLES
   =============== */

@media print
{
    *
	{
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited
	{
        text-decoration: underline;
    }

    a[href]:after
	{
        content: " (" attr(href) ")";
    }

    abbr[title]:after
	{
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after
	{
        content: "";
    }

    pre,
    blockquote
	{
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead
	{
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img
	{
        page-break-inside: avoid;
    }

    img
	{
        max-width: 100% !important;
    }

    @page
	{
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}