/***** iPhone (landscape) *****/
@media only screen and (max-width: 720px) {
	

#logo {margin: 20px 10px 10px 10px; max-width: 211px; height: auto; width: 80%;}
.logo-cont {background-color: #FFF; height: 130px; text-align: center; width: 100%;}
#navicon-cont {position: absolute; top: 0; left: 0; height: 130px; background-color: #097abf; width: 20%; z-index: 998; }

.header-left	{width: 10%; position: relative; float: left; text-align: center; height: 130px; background-color: #097abf; text-align: center;}

.slide-txt {font-size: 35px; line-height: 50px; font-weight: 700; color: #FFF; position: relative; top: 150px; }

h1 {font-weight: 900; font-size: 22px; color: #097abf; margin: 25px 0 20px 0px;}

h5 {font-size: 14px; color: #a8d1ea; font-weight: 400; font-family: 'Roboto Condensed', sans-serif;margin: 15px 0 15px 0; padding: 0;}


p {font-size: 13px; line-height: 22px;}



#homeSlide {background-color: #000; width: 100%; height: 500px; position: absolute; top: 0; z-index: 0; }
.slide {width: 100%; height: 500px; background-position: center top;}



#cover {position: relative; top: 210px; }

.cover-left		{width: 10%; position: relative; float: left; background-color: #FFF; display: inline-block; height: 200px; margin: 0; padding: 0;}
.cover-mid		{width: 80%; position: relative; float: left; text-align: center; display: inline-block; height: 200px; margin: 0; padding: 0; }
.cover-right	{width: 10%; position: relative; float: left; background-color: #FFF; display: inline-block; height: 200px; margin: 0; padding: 0; box-shadow: -1px 0 0 0 #FFF;}

.mask { background-image: url(/images/corners.svg); background-size:contain; background-position:center top; height: 300px; background-repeat: no-repeat; }


a:link.letterspace 		{font-family: 'Roboto Condensed', sans-serif; color: #097abf; font-weight: 400; font-size: 13px; letter-spacing: 0px; text-decoration: none; margin:20px 0 10px 0;}
a:visited.letterspace 	{color: #097abf;  text-decoration: none;}
a:hover.letterspace 	{color: #097abf;  text-decoration: none; letter-spacing: 1px;}

img.rotate {
	width: 100%;
	height: auto;
}

.blue-bar-header {font-size: 30px; padding: 15px 0 12px 0; letter-spacing: 5px; margin-top:30px; }

.gradient-header {color: #097abf; font-size: 30px; text-align: center; letter-spacing: 5px; margin-top:30px;font-family:'Neou',sans-serif; font-weight: 100; padding-top: 14px;}

.graphic {width: 100%; height: auto; max-width: 129px;}

a:link.blue-condensed 		{font-size: 15px; line-height: 18px; margin:9px 0 10px 0;  }

a:link.gradient {
	font-size: 14px;
	font-family: 'Roboto Condensed', sans-serif; 
	text-transform: uppercase; 
	color: #097abf;
	padding: 10px 15px 10px 15px;
	display: inline-block;
	margin: 10px 10px 20px 0;
	letter-spacing: 0px;
	text-decoration: none;
	background: #f3fafe; /* Old browsers */
	background: -moz-linear-gradient(left, #f3fafe 0%, #dcf2fc 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #f3fafe 0%,#dcf2fc 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #f3fafe 0%,#dcf2fc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3fafe', endColorstr='#dcf2fc',GradientType=1 ); /* IE6-9 */
}
a:visited.gradient 			{color: #097abf; text-decoration: none;  }
a:hover.gradient 			{color: #097abf; text-decoration: none; opacity: 0.8; }


a:link.footer-nav {
	font-size: 13px;
	font-family: 'Roboto Condensed', sans-serif; 
	font-weight: 400;
	color: #FFF;
	display: block;
	text-decoration: none;
}

.components td {
	font-size:13px;}