@font-face {
	font-family: 'BirchStd';
	src: url('fonts/birchstd.eot');
	src: url('fonts/birchstd.eot?#iefix') format('embedded-opentype'), 
	     url('fonts/birchstd.woff') format('woff'),
	     url('fonts/birchstd.ttf')  format('truetype'),
	     url('fonts/birchstd.svg#svgFontName') format('svg');
	}
@font-face {
	font-family: 'PTserif';
	src: url('fonts/ptserif/PTF55F-webfont.eot');
	src: url('fonts/ptserif/PTF55F-webfont.eot?#iefix') format('embedded-opentype'), 
	     url('fonts/ptserif/PTF55F-webfont.woff') format('woff'),
	     url('fonts/ptserif/PTF55F-webfont.ttf')  format('truetype'),
	     url('fonts/ptserif/PTF55F-webfont.svg#svgFontName') format('svg');
	}

/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */
	
	body { background-color: #062460; font-family: 'BirchStd', Arial, sans-serif; width: 100%; }
	h1, h2, h3, h4, h5, h6, p { font-family: 'BirchStd', Arial, sans-serif; }
	h1, h2, h3, h4, h5, h6 { font-weight: 300; margin: 0; color: #fff; }
	#top { position: fixed; width: 100%; z-index: 10; }

	/* Header */
	header { background: url(../img/common/head-grad.png) 0 0 repeat-x; height: 115px; width: 100%; }
	header .logo img, nav.top-bar ul#title li.name a img {
		-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,.5);
		-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,.5);
		box-shadow: 0px 0px 10px 1px rgba(0,0,0,.5);
		margin-left: 10px;
	}
	header .textbox { line-height: 1em; margin-top: 10px; }
	header .textbox a:hover h5, header .textbox a:hover h6 { color: #062460; }
	header .textbox h5 { font-size: 32px; }
	header .textbox h6 { font-size: 24px; }
	header .logo { height: 120px; margin: -3px 0 5px 5%; }
	header .subnav ul { list-style: none; }
	header .subnav ul li { display: inline-block; }
	header .subnav ul li a {
		color: #fff;
		font-size: 12px;
		font-family: 'PT Sans Narrow', sans-serif;
		padding: 5px;
	}
	header .subnav ul li a:hover { color: #062460; }

	/* Main Navigation */
	#nav { 
		background: url(../img/common/nav-grad.jpg) 0 0 repeat-x;
		background-size: 100% 100%;
		border-bottom: 1px solid #3e88a5;
		border-top: 1px solid #3394bb;
		min-height: 40px;
		margin: -3px 0 0 0;
	}
	.top-bar { background-color: transparent; line-height: 0; height: auto; min-height: 35px; margin: 0; padding-left: 3%; }
	nav.top-bar ul { list-style-type: none; margin: 0; }
	nav.top-bar ul li { display: inline-block; margin: 0 2.5%; }
	nav.top-bar ul li:last-child { margin-right: 0; }
	nav.top-bar ul li a, .top-bar ul > li a:not(.button) { 
		color: #fff; 
		font-size: 20px; 
		font-weight: 300; 
		height: auto;
		line-height: 0;
		padding: 15px;
	}
	nav.top-bar ul li a:hover, 
	.top-bar ul > li:hover:not(.name), 
	.top-bar ul > li:hover:not(.name) a { 
		background-color: transparent;
		color: #062460;
	}

	/* Sub-Nav Modals */
	.modals { display: none; width: 400px; }
	.modals .max { width: 100%; }
	.modals p, .modals span, .modals a, .modals li { font-family: 'PTserif', sans-serif; }
	.modals h3 { color: #062460; font-size: 36px; margin-bottom: 10px; }
	.modals h5 { color: #062460; font-size: 26px; margin-top: 20px; }
	.modals p { margin-bottom: 1px; }
	.modals a:hover { color: #0066ff; }

	#FAQs .question { padding: 0 30px; margin-bottom: 15px; }
	#FAQs .question p { line-height: 1.2em; }

	#aboutUs h3 { margin-bottom: -5px; }
	#aboutUs p { line-height: 1.2em; margin-bottom: 15px; }

	#partners { padding-bottom: 200px; }

	#pressKit { padding-bottom: 200px; }
	#pressKit h5 { margin-bottom: 10px; text-align: center; }
	#pressKit p { line-height: 1.3em; margin-bottom: 10px; }
	#pressKit .logIn { padding: 0 50px; }
	#pressKit .logIn .columns { padding: 0; }
	#pressKit .register p { text-align: center; margin-top: 10px; padding: 0 50px; }

	.fancybox-nav { width: 60px !important; }
	.fancybox-nav span { visibility: visible !important; opacity: 0.5 !important; }
	.fancybox-nav:hover span { opacity: 1 !important; }
	.fancybox-next { right: -60px !important; }
	.fancybox-prev { left: -60px !important; }

	/*Blog Styling*/
	.entry{
		margin-bottom: 50px;
	}
	.blogPage{}
	.blogPage h1{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.blog-title{
		padding-bottom: 10px;
	}
	.blog-date{
		color: #fff;
		font-size: 22px;
	}
	.blog-content p{
		font-family: Arial, sans-serif;
		color: #fff;
		font-size: 14px;
	}
	.num_comments a{
		font-size: 20px;
	}
	.comment-date{
		color: #fff;
		font-size: 26px;
		margin-top: 50px;
	}
	.comment-name{
		color: #fff;
		font-size: 24px;
	}
	.blog-comment{
		color: #fff;
		font-size: 14px;
		font-family: Arial, sans-serif;
	}
	.comment-form{
		margin-top: 50px;
	}
	.comment-form label{
		color: #fff;
	}
	.comment-form p{
		color: #fff;
		font-family: Arial, sans-serif;
		font-size: 14px;
	}
	.comment-form input[type="text"]{
		margin-top: -20px;
	}
	.comment-form textarea{
		margin-top: -20px;
		margin-bottom: 30px;
	}
	
/* ========================================= */
/* ! Layout for tablet (landscape) version   */
/* ========================================= */

@media handheld, only screen and (max-width: 940px) and (min-width: 767px) {

	body { }

	header .textbox h5 { font-size: 27px; }
	header .textbox h6 { font-size: 20px; }

	header .subnav ul li a { font-size: 11px; margin-left: 0; }

	.top-bar { padding-left: 6%; }
	nav.top-bar ul li a, .top-bar ul > li a:not(.button) { padding: 15px 8px; }

}

/* ========================================= */
/* ! Layout for Devices smaller than 767px   */
/* ========================================= */

@media handheld, only screen and (max-width: 767px) {

	body { }

	#top { position: relative; }

	.animal { display: none; }

	header .logo img, nav.top-bar ul#title li.name a img { width: 85%; }

	.top-bar { height: 113px; padding: 0; }
	.top-bar ul { clear: both; }
	.top-bar ul#title { background: url(../img/common/head-grad.jpg) 0 0 repeat-x; }
	.top-bar ul#links li { width: 100%; }
	.top-bar ul#links li a:hover { background-color: #062460; text-decoration: none; }
	.top-bar ul li.toggle-topbar { min-height: 115px; width: 30%; }
	.top-bar ul li.toggle-topbar:hover { background: none; }
	.top-bar ul li.name { background: url(../img/common/head-grad.jpg) 0 0 repeat-x; height: auto; margin: 0; }
	.top-bar ul li.name a { width: 170px; }

	#nav .subnav { font-family: 'PT Sans Narrow', Arial, sans-serif; width: 96%; }
	#nav .subnav ul { list-style: none; margin: 0 1% 0; width: 78%; }
	#nav .subnav ul li { display: inline-block; margin-right: 5px; }
	#nav .subnav ul li a { color: #fff; font-size: 14px; padding: 0 5px; }

	nav.top-bar ul li a:hover, 
	.top-bar ul > li:hover:not(.name), 
	.top-bar ul > li:hover:not(.name) a { 
		background-color: none;
		color: #fff;
	}

	#partners { padding-bottom: 100px; }

	#pressKit { padding-bottom: 20px; }
	#pressKit .logIn { margin-bottom: 40px; }
}

/* ========================================= */
/* ! Layout for Devices smaller than 480px   */
/* ========================================= */

@media handheld, only screen and (max-width: 480px) {

	#nav .subnav ul { margin: 0; width: 100%; }
	#nav .subnav ul li { margin-right: 2px; }

}

/* ========================================= */
/* ! Layout for Devices smaller than 360px   */
/* ========================================= */

@media handheld, only screen and (max-width: 360px) {

	#nav .subnav ul li a { font-size: 12px; padding: 0 1px; }

}

/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}

/* CLEARFIX */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}