/* #Page Styles
================================================== */
body {margin:0;}
body,td,th {font-family: Arial; color:#666666; font-size:14px; background-color:#16284c;}


.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:150px; 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:150px; 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;}

#fdic{background: white;}
/* #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;  }
	.boxes {width:95%; margin:auto; margin-top:20px; margin-bottom:20px;}
	.box_1 {width:30%; float:left; margin-bottom:20px;}
	.box_2 {width:30%; float:left; margin-right: 5%; margin-left:5%; margin-bottom:20px;}
	.box_3 {width:30%; float:left; margin-bottom:20px;}
	.btn {width:150px; 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:150px; 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:125px; 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:125px; 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:125px; 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:125px; 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;}
	}