html { min-height: 100% }

@font-face { font-family: Gotham; src: url('fonts/Gotham-Book.otf'); } 
@font-face { font-family: Gotham; font-style: italic; src: url('fonts/Gotham-BookItalic.otf'); }
@font-face { font-family: Gotham; font-weight: bold; src: url('fonts/Gotham-Bold.otf');}

body { padding: 0px; margin: 0px;
	color: #666666;
	font-family: Gotham, sans-serif;
	font-size: 13pt;
	line-height: 18pt;
	background-color: #ffffff;
}

img { display: block; border: 0; font-family: Gotham, sans-serif; color: #666666; font-style: italic; font-size: 8pt; }

.textbox { width: 100%; margin: 0px; padding: 10px 0px; background-color: #f4f4f4; }

h1 { padding: 0px; margin: 0px; font-size: 11pt; line-height: 16pt; color:#666666; font-family: Gotham, sans-serif; font-weight: normal; text-align: center; }

h2 { padding: 0px 25px; margin: 0px 0px 50px 0px; vertical-align: top; font-size: 26pt; line-height: 32pt; color:#000000; font-family: Gotham, sans-serif; font-weight: bold; text-align: center; }

h3 { padding: 0px; margin: 25px 0px 20px 0px; vertical-align: top; font-size: 18pt; line-height: 24pt; color:#000000; font-family: Gotham, sans-serif; font-weight: bold; text-align: left; }

/*-----------------------------*/
/* THREE PICS GRID STARTS HERE */
/*-----------------------------*/

.whitestrip { width: 100%; overflow: hidden; margin: 50px 0px 0px 0px; }
.whiteblocks { overflow: hidden; max-width: 1030px; margin:0 auto; padding: 0px; }
.blockone { max-width: 300px; float: left; text-align: left; padding: 0; margin: 0px 0px 0px 0px; }
.blocktwo { max-width: 300px; float: left; text-align: left; padding: 0; margin: 0px 65px 0px 65px; }
.blockthree { max-width: 300px; float: left; text-align: left; padding: 0; margin: 0px 0px 0px 0px; }

.learnbutton {
    background-color: #ffffff;
    border: 1px solid #666666;
    display: inline-block;
    vertical-align: middle;
    color: #666666;
    padding: 12px 30px 9px 30px;
    margin-top: 28px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1em;
    cursor: pointer;
    font-family: Helvetica, Arial, sans-serif;
}

.learnbutton:hover {
    background-color: #000000;
    border: 1px solid #000000;
    color: #ffffff;
    cursor: pointer;
}

/*---------------------------*/
/* THREE PICS GRID ENDS HERE */
/*---------------------------*/

.footbox { width: 100%; margin-top: 100px; padding-bottom: 50px; }
.copyright { padding: 0px; margin: 0px; font-size: 9pt; line-height: 14pt; color:#666666; font-family: Gotham, sans-serif; font-weight: normal; text-align: center; }

/* ---------------------------------------------------- */

/* SCREEN VIEWS AT 1080 PIXELS */
@media (max-width: 1080px) {

.whiteblocks { width: 665px; }
.smbtoptwo { width: 665px; overflow: hidden; }
.smbbotbox { width: 300px; float: none; overflow: hidden; margin: 50px auto 0px auto; }
.blockone { width: 300px; float: left; margin: 0px; }
.blockone img { width: 300px; }
.blocktwo { width: 300px; float: right; margin: 0px; }
.blocktwo img { width: 300px; }
.blockthree { width: 300px; }
.blockthree img { width: 300px; }

} /* END OF 1029 MEDIA CALL */

/* ---------------------------------------------------- */

/* SCREEN VIEWS AT 715 PIXELS */
@media (max-width: 715px) {

.whiteblocks { width: 300px; }
.smbtoptwo { width: 300px; float: none; margin: 0px auto; }
.blockone { width: 300px; float: none; margin: 0px; }
.blocktwo { width: 300px; float: none; margin: 0px; padding: 50px 0px 0px 0px; }

} /* END OF 715 MEDIA CALL */

/* ---------------------------------------------------- */

/* Prevents Mobile Safari from bumping up font sizes in landscape */

@media only screen and (max-device-width: 480px) {
	body {
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
	}
}