/* #Page Styles
================================================== */

.box_1 {width:30%; float:left; padding-top:145px; background:top no-repeat url(../images/Box_Desktop_Prequalify.png); text-align:center;}
.box_2 {width:30%; float:left; margin-right: 5%; margin-left:5%;  padding-top:145px; background:top no-repeat url(../images/Box_Desktop_Buy.png); text-align:center;}
.box_3 {width:30%; float:left; padding-top:145px; background:top no-repeat url(../images/Box_Desktop_Refinance.png); text-align:center;}
.box_1:hover {background:top no-repeat url(../images/Box_Desktop_Prequalify_Orange.png); cursor:pointer;}
.box_2:hover {background:top no-repeat url(../images/Box_Desktop_Buy_Orange.png); cursor:pointer;}
.box_3:hover {background:top no-repeat url(../images/Box_Desktop_Refinance_Orange.png); cursor:pointer;}
.btn {width:175px; padding:15px; text-transform:uppercase; color:#FFFFFF; background-color:#16284c; font-size:14px; text-align:center;  border:2px solid #16284c; border-radius:4px; text-decoration:none;}
.btn:hover {width:175px; padding:15px; text-transform:uppercase; color:#FFFFFF; background-color:#e86746; font-size:14px; text-align:center;  border:2px solid #e86746; border-radius:4px; text-decoration:none;}
.full_site {display:none;}
img.floatright {
	float: right;
	border-color: #003366;
	margin-left: 8px;
	margin-bottom: 6px;
	margin-top: 8px;
}
img.floatleft {
	float: left;
	border-color: #000000;
	margin-right: 8px;
	margin-bottom: 6px;
}
.float_RIGHT_Foot {
	float:right;
	padding-left:20px;
}

/* #Media Queries
================================================== */
	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	.header {width: 95%; margin:auto; height: 250px; background-image:url(../images/Header_Ipad.png); background-repeat:no-repeat; background-position:top center; background-color:#16284c; }
	.btn {width:175px; padding:15px; text-transform:uppercase; color:#FFFFFF; background-color:#16284c; font-size:14px; text-align:center;  border:2px solid #16284c; border-radius:4px; text-decoration:none;}
	.btn:hover {width:175px; padding:15px; text-transform:uppercase; color:#FFFFFF; background-color:#e86746; font-size:14px; text-align:center;  border:2px solid #e86746; border-radius:4px; text-decoration:none;}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	.box_1 {width:100%; padding-top:175px; margin-bottom:25px; background:top no-repeat url(../images/Box_Tablet_Prequalify.png);}
	.box_2 {width:100%; padding-top:175px; margin-top:10px; margin-bottom:25px;margin-right:0; margin-left:0; background:top no-repeat url(../images/Box_Tablet_Buy.png);}
	.box_3 {width:100%; padding-top:175px; margin-bottom:25px; background:top no-repeat url(../images/Box_Tablet_Refinance.png);}
	.box_1:hover {background:top no-repeat url(../images/Box_Tablet_Prequalify_Orange.png); cursor:pointer;}
  .box_2:hover {background:top no-repeat url(../images/Box_Tablet_Buy_Orange.png); cursor:pointer;}
  .box_3:hover {background:top no-repeat url(../images/Box_Tablet_Refinance_Orange.png); cursor:pointer;}
	.btn {width:175px; padding:10px; text-transform:uppercase; color:#FFFFFF; background-color:#16284c; font-size:11px; text-align:center;  border:2px solid #16284c; border-radius:3px; text-decoration:none;}
	.btn:hover {width:175px; padding:10px; text-transform:uppercase; color:#FFFFFF; background-color:#e86746; font-size:11px; text-align:center;  border:2px solid #e86746; border-radius:3px; text-decoration:none;}
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	.boxes {width:95%; margin:auto; margin-top:10px; margin-bottom:10px;}
	.box_1 {width:100%; margin-bottom:20px;}
	.box_2 {width:100%;margin-top:10px; margin-bottom:20px;margin-right:0; margin-left:0;}
	.box_3 {width:100%; margin-bottom:20px;}
	.btn {width:175px; padding:10px; text-transform:uppercase; color:#FFFFFF; background-color:#16284c; font-size:11px; text-align:center;  border:2px solid #16284c; border-radius:3px; text-decoration:none;}
	.btn:hover {width:175px; padding:10px; text-transform:uppercase; color:#FFFFFF; background-color:#e86746; font-size:11px; text-align:center;  border:2px solid #e86746; border-radius:3px; text-decoration:none;}
	}