@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:400,700');

	body {position: relative; font-family: 'Josefin Sans', sans-serif; margin: 0; background: #f8f8f8;}

/*Header*/
	header {width: 100%; height: auto; top: 0px;}
	div img.left {position: absolute; left: 0px; top: 0px; z-index: 1;}
	div.right {z-index: -2;}
	div#fadeshow1 .gallerylayer img	{width: 100%; height: 12.5em;}
	#logo {width: 31.25em; height: 12.5em; background: url("/images/ideal_logo_lg.png"); z-index: 1; position: absolute; left: 0; top: 0;}

/*Navigation*/
	nav {width: 100%;}
	ul.topnav {list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #0b3c5d;}
	ul.topnav li {float: left; font-weight: bold;}
	ul.topnav li a {display: inline-block; color: #fff; text-align: center; padding: 14px 30px; text-decoration: none; transition: 0.3s; font-size: 1.25em;}
	li.active {display: none;}
	ul.topnav li a:hover {background-color: #115e91;
		  -webkit-transition: all 1.0s ease;
		     -moz-transition: all 1.0s ease;
		       -o-transition: all 1.0s ease;
		      -ms-transition: all 1.0s ease;
			  transition: all 1.0s ease;}
	ul.topnav li.icon {display: none;}

/*Body Content*/
	#wrapper {max-width: 100%; background: none; margin: 0 auto; text-align: center;}
	[class*="box"] {display: inline-block; background: #e0e0e0; border: 1px; border-style: solid; border-color: #bfbfbf;  min-height: 16.25em; box-shadow: 0px 0px 5px #0b3c5d; border-radius: 0px 0px 10px 10px; overflow: hidden; font-size: 1.125em;}
	.box25 {width: 25%; padding: 0px; margin: 10px;}
	.box30 {width: 30%; padding: 0px; margin: 10px;}
	.box50 {width: 45%; padding: 0px; margin: 10px;}
	.box75 {width: 75%; padding: 0px; margin: 20px 0px;}
	.box100 {width: 95%; padding: 0px; margin: 20px 0px;}
	.insideb {display: inline-block; width: 45%; padding: 0px; margin: 10px; overflow: hidden;}
	.insidess {float: left; margin: 10px 30px 10px 10px; width: 300; height; auto; overflow: hidden;}
	.insideminh {min-height: 12em;}
	.container {width: 100%; height: 3.125em; background-color: #0b3c5d; position: relative; overflow: hidden;}
	.container h2 {margin: 0; position: absolute; top: 50%; font-size: 1.25em; color: white; transform: translate(0, -50%)}
	.textleft {text-align: left;}
	.textcenter {text-align: center;}
	.just {text-align: justify;}
	.text50 {font-size: 50%;}
	.text75 {font-size: 75%;}
	.text110 {font-size: 110%;}
	.text125 {font-size: 125%;}
	.text150 {font-size: 150%;}
	.keywords {display: none;}
	.nospace {display: none;}
	.clear {clear: both;}
	.padding {padding: 30px;}
	.floatleft {float: left;}
	.floatright (float: right;)
	.animate-fading {-webkit-animation: fading 10s infinite; animation: fading 10s infinite;}
	@-webkit-keyframes fading {0%{opacity: 0}50%{opacity:1}100%{opacity: 0}}
	@keyframes fading {0%{opacity: 0}50%{opacity: 1}100%{opacity: 0}}
	[class*="slide"] {width: 100%; height: auto;}
	.sliding {display: block; margin: 20px auto;}
	img.grow {transition: all 1s ease-in-out; border-radius: 0; margin: 0 20px 20px 0;}
	img.grow:hover {transform: scale(1.75); border-radius: 0;}
	

/**FORM**/
	p {display: inline; padding-right: 25px;}
	.nospace {display: none;}
	span.check {padding-left: 25px; width: 1.25em;}
	textarea {resize: none; width: 31.25em; height: 6.25em; padding: 10px;}
	input, textarea, select, checkbox {background-color: #ffffff; color: black; border:1px; border-radius:5px; box-shadow: 0px 0px 1px #000000; width: 31.25em;}
	select {width: 20em;}
	submit {width: 15em;}
	input {padding: 10px;}
	fieldset {padding: 20px; margin-bottom: 15px;}
	fieldset div {margin-bottom: 10px;}
	/** Placeholder text color **/
	::-webkit-input-placeholder {color: #808080;}
	:-moz-placeholder {color: #808080;}  /* Firefox 18- */
	::-moz-placeholder {color: #808080;}  /* Firefox 19+ */
	:-ms-input-placeholder {color: #808080;}

/*Viewport*/

@media only screen and (max-width: 680px) {
	body {width: 100%; margin: 0 auto;}
	div img.left {display: block; width: 40%; height: auto; margin: 0 auto; position: relative; top: 0;}
	div.right {display: block;}
	#logo {width: 17.1875em; height: 9.375em; background: url("/images/ideal_logo_sm.png"); z-index: 1; position: relative; left: auto; right: auto; top: 0; margin: 0 auto;}
	div#fadeshow1 .gallerylayer img	 {width: 95%; height: 95%; margin: 0 auto;}
	nav {padding: 0px; margin: 0 auto;}
	#wrapper {text-align: left;}
	[class*="box"] {width: 100%; min-height: 6.25em; margin: 10px 0px; box-shadow: none; border-radius: 0px;}
	.insideminh {min-height: auto;}
	.mpadding {padding: 5px;}
	.padding {padding: 15px;}
	.mblock {display: block;}
	img.logo {display: block; width: 85%; height: auto; margin: 0 auto;}
	img {display: block; width: 90%; height: auto; margin: 0 auto;}
	.mnospace {display: none;}
	.text125 {font-size: 90%;}
	.text150 {font-size: 100%;}
	img.social {display: block; width: auto; height: auto; left: 0px; margin: 0;}
	}

@media screen and (max-width:680px) {
	ul.topnav li:not(:first-child) {display: none;}
	ul.topnav li.icon {float: right; display: inline-block;}
	ul.topnav.responsive {position: relative;}
	ul.topnav.responsive li.icon {position: absolute; right: 0; top: 0;}
	ul.topnav.responsive li {float: none; display: inline;}
	ul.topnav.responsive li a {display: block; text-align: left;}
	ul.topnav.responsive li a img.social {display: block; text-align: left;}
	ul.topnav li a:hover {background-color: #0b3c5d;}
	li.active {display: initial;}
	span.dblock {font-size: 100%;}
	img.grow {width: auto; height: auto; margin: 0 auto 20px auto;}
	img.grow:hover {transform: none;}
	}

@media only screen and (max-width: 480px) {
	div img.left {display: block; width: 65%; height: auto; margin: 0 auto; position: relative; top: 0;}
	ul.topnav li a:hover {background-color: #0b3c5d;}
	div#fadeshow1 .gallerylayer img {padding: 5px;}
	.insidess {display: block; float: none; margin: 10px; width: 100%; height; auto; overflow: hidden;}
	textarea {resize: none; width: 17.1875em; height: 6.25em;}
	input, textarea, select, checkbox {background-color: #ffffff; color: black; border:1px; border-radius:5px; box-shadow: 0px 0px 1px #000000; width: 17.1875em;}
	form {padding: 0px; font-size: 1.125em;}
	img.grow {display: block; width: 90%; height: auto; transition: none; margin: 0 auto 20px auto;}
	img.grow:hover {transform: none;}
	span.dblock {text-align: justify;}
	}

@media only screen and (min-width: 680px) {
	span.dblock {display: block; text-align; center;}