/* BEGIN GENERAL */

body, p
{
	color: #333;
}

a.blue
{
	font-weight: bold;
}

	a.blue:link
	{
		color: #0487C4;
	}

	a.blue:visited
	{
		color: #015176;
	}

	a.blue:hover
	{
		color: #f37515;
		text-decoration: underline;
	}

h1
{
	font-size: 2.4rem;
}

h2
{
	margin-bottom: 20px;
	font-size: 1.5rem;
}

h4.cursive
{
	font-family: 'Shadows Into Light Two',cursive;
}

h5.successStories
{
	margin-bottom: 0;
}

#panel p
{
	font-weight: bold;
}

/* Used in the left panel of main pages. */
h1.left-panel
{
	margin-bottom: 30px;
	font-size: 34px;
	font-family: 'Segoe UI';
	line-height: 42px;
}

/* Follows the h1.left-panel */
p.first-paragraph
{
	color: #666666;
	font-size: 18px;
}

/* Puts a margin around images */
img.format
{
	margin: 10px auto 30px;
}

hr.dotted
{
	border-color: #F8B639;
	border-style: dashed;
	margin: 20px 0 35px;
}

.box
{
	background-color: #333;
	margin-bottom: 5px;
	padding: 0 10px;
}

	.box h4, .box p
	{
		color: #c4c4c4;
	}

/* END GENERAL */

/* BEGIN MAIN BANNER */
#main-banner
{
	position: relative;
	height: 600px;
	background: url("../Images/HomePage/banner.png") no-repeat scroll center center #fff;
	-moz-background-size: cover;
	background-size: cover;
	text-align: left;
}

@media screen and (max-width: 1024px)
{
	#main-banner
	{
		height: 500px;
	}
}

/* The big h1 tag in the banner */
/* Large Devices */
.main-h1
{
	margin-bottom: 10px;
	padding-top: 40px;
	color: #fff;
	font-size: 4rem;
	font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
	line-height: 4rem;
}

/* Medium Devices */
@media only screen and (min-width: 40.063em) and (max-width: 64em)
{
	.main-h1
	{
		margin-bottom: 5px;
		padding-top: 10px;
		font-size: 3rem;
		line-height: 3.5rem;
	}
}

/* Small Devices */
@media only screen and (max-width: 40em)
{
	.main-h1
	{
		margin-bottom: 5px;
		padding-top: 10px;
		font-size: 1.75rem;
		line-height: 1.75rem;
	}
}

/* The main text under the h1 seen above */
/* Large Devices */
.main-p
{
	color: #fff;
	text-shadow: 1px 1px 3px #000;
	font-size: 1.5rem;
}

/* Medium Devices */
@media only screen and (min-width: 40.063em) and (max-width: 64em)
{
	.main-p
	{
		text-shadow: 1px 1px 3px #000;
		font-size: 1.2rem;
	}
}

/* Small Devices */
@media only screen and (max-width: 40em)
{
	.main-p
	{
		text-shadow: 1px 1px 3px #000;
		font-size: 1rem;
	}
}

#main-banner img.main-image
{
	padding: 60px 0 0 0;
}

/* Positions the floating ipad div/image */
/* Large Devices */
#main-banner .ipad
{
	position: absolute;
	top: 30px;
	right: 100px;
	max-width: 50%;
	/*max-width: 400px;*/
}

	#main-banner .ipad img
	{
		max-width: 100%;
		margin: 0 auto;
	}
	
	/* Medium Devices Horizontal*/
@media only screen and (min-width: 50em) and (max-width: 64em)
{
	#main-banner .ipad
	{
		position: absolute;
		right: 0;
		bottom: 0;
		width: 100%;
		left:500px;
	}
}

/* Medium Devices Vertical */
@media only screen and (min-width: 40.063em) and (max-width: 50em)
{
	#main-banner .ipad
	{
		position: absolute;
		right: 0;
		bottom: 0;
		width: 100%;
		left: 375px;
	}
}

/* Small Devices */
@media only screen and (max-width: 40em)
{
	#main-banner .ipad
	{
		position: relative;
		top: 0;
		right: 0;
		bottom: 0;
		margin: 0 auto;
		max-width: 250px;
		width: 100%;
	}
}

.text-under-image
{
	margin: 10px auto;
	color: #fff;
	font-weight: bold;
	font-size: 1.5rem;
}

/* END MAIN BANNER */

/* START FOOTER */
.footer-top
{
	margin-top: 20px;
	padding: 40px 0 0 0;
	background-color: #BE452E;
}

	.footer-top .property-info ul
	{
		list-style: none;
	}

	.footer-top .property
	{
		padding-bottom: 20px;
		text-align: center;
	}

	.footer-top .row .columns:before, .footer-top .row .columns:after
	{
		display: table;
		content: " ";
	}

	.footer-top .row .columns:after
	{
		clear: both;
	}

	.footer-top .property h3
	{
		margin-bottom: 20px;
		color: #FFFFFF;
		font-weight: bold;
		font-size: 1.4rem;
	}

	.footer-top .property p, .footer-top .property li, .footer-top .property a
	{
		color: #FFFFFF;
		font-size: 13px;
		line-height: 21px;
	}

	.footer-top .learn-links ul, .footer-top .support-links ul, .footer-top .connect-links ul
	{
		margin-left: 0 !important;
		list-style: none outside none;
	}

	.footer-top .learn-links, .footer-top .support-links, .footer-top .connect-links
	{
		margin-bottom: 30px;
		padding: 60px 0 0;
		height: 220px;
		border-left: 1px solid rgba(255, 255, 255, 0.2);
		background: url("../Images/Footer/footer-top-icons-2.png") no-repeat scroll center 0 rgba(0, 0, 0, 0);
	}

	.footer-top .learn-links
	{
		background-position: center -971px;
	}

	.footer-top .support-links
	{
		background-position: center -627px;
	}

	.footer-top .connect-links
	{
		background-position: center 0px;
	}

	.footer-top .property h4
	{
		margin-bottom: 10px;
		color: #FFFFFF;
		font-weight: 200;
		font-size: 1.1rem;
	}

.footer-bottom
{
	border-top: 1px solid #E4E3E3;
	background-color: #333;
}

	.footer-bottom .row
	{
		padding: 20px 10px;
	}

	.footer-bottom p.copyright
	{
		margin: 6px 0 0;
		color: #666666;
		font-size: 0.66667rem;
	}

	.footer-bottom ul.social
	{
		display: block;
		float: right;
		margin-bottom: 8px;
		list-style-position: outside;
	}

		.footer-bottom ul.social li
		{
			display: block;
			float: right;
			margin-bottom: 8px;
		}

		.footer-bottom ul.social a
		{
			display: block;
			width: 50px;
			height: 50px;
			background: url("../Images/Footer/social.png") no-repeat scroll center 0 rgba(0, 0, 0, 0);
			text-indent: -9999px;
		}

			.footer-bottom ul.social a.twitter
			{
				background-position: center 0;
			}

			.footer-bottom ul.social a.facebook
			{
				background-position: center -200px;
			}

			.footer-bottom ul.social a.email
			{
				background-position: center -400px;
			}

@media only screen and (max-width: 767px)
{
	.footer-bottom .row
	{
		text-align: center;
	}

	.footer-bottom ul.social
	{
		display: inline-block;
		float: none;
		margin: 0;
		height: 44px;
		text-align: center;
	}

	.footer-top .property .property-info
	{
		padding-top: 0;
	}

	.footer-top .property-info ul
	{
		text-align: center;
	}

	.footer-top .property-info li
	{
		font-size: 15px;
	}

	.footer-top .property .learn-links, .footer-top .property .support-links, .footer-top .property .connect-links
	{
		-moz-border-bottom-colors: none;
		margin: 4px 0 0;
		padding: 80px 20px 0;
		height: auto;
		border-width: 1px medium medium;
		border-style: dotted none none;
		border-color: rgba(255, 255, 255, 0.2) -moz-use-text-color -moz-use-text-color;
		border-right: medium none;
		-moz-border-image: none;
		-o-border-image: none;
		-webkit-border-image: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
		border-image: none;
	}

		.footer-top .property .learn-links li a, .footer-top .property .support-links li a, .footer-top .property .connect-links li a
		{
			font-size: 15px;
			line-height: 2;
		}

		.footer-top .property .learn-links p, .footer-top .property .learn-links a, .footer-top .property .support-links p, .footer-top .property .support-links a, .footer-top .property .connect-links p, .footer-top .property .connect-links a
		{
			font-size: 16px;
		}

	.footer-top .property .learn-links
	{
		background-position: center -971px;
	}

	.footer-top .property .support-links
	{
		padding: 76px 20px 0;
		background-position: center -618px;
	}

	.footer-top .property .connect-links
	{
		padding: 76px 20px 14px;
		background-position: center 10px;
	}

	.footer-top .footer-link-block span
	{
		font-size: 0.61111rem;
		line-height: 16px;
	}

	.footer-top .footer-link-block.services
	{
		margin-top: 0;
		padding-top: 40px;
		border-top: 1px dotted rgba(255, 255, 255, 0.2);
		background-position: center 10px !important;
	}

	.footer-bottom
	{
		text-align: center;
	}

		.footer-bottom .columns
		{
			padding: 0;
		}

		.footer-bottom a.logo
		{
			display: block;
			margin: 0 auto;
		}

		.footer-bottom ul.links
		{
			margin: 16px 0 10px;
		}

		.footer-bottom ul.home-social
		{
			display: inline-block;
			float: none;
			margin: 0 0 20px;
			height: 44px;
			text-align: center;
		}
}

/* END FOOTER */