@charset "UTF-8";
/* CSS Document Red Phone */


* {
	margin: 0;
	padding: 0;
	}
	
*:focus { outline: 0; }

html {
	height: 100%;
	margin-bottom: 1px;
	}

body {
	text-align: center;
	font-family: verdana, helvetica, arial, sans-serif;
	background: url(../decor/bax.png) #903030 top center repeat-x;
	color: #333;
	}

#container {
	width: 973px;
	margin: 0 auto;
	background: url(../decor/bax-2.png) #fff top center no-repeat;
	}

#logo {
	width: 947px;
	height: 120px;
	margin: 0 auto;
	background: url(../decor/header.png) transparent;
	}

#nav {
	background: url(../decor/nav-bax.png) #ccc;
	width: 947px;
	height: 93px;
	margin: 0 auto;
	}
	
		#home {
			width: 80px;
			height: 83px;
			float: left;
			margin: 5px 0 0 6px;
			}
		
		#mortgage {
			width: 80px;
			height: 83px;
			float: left;
			margin: 5px 0 0 12px;
			}
		
		#investor {
			width: 80px;
			height: 83px;
			float: left;
			margin: 5px 0 0 12px;
			}
			
		#process {
			width: 80px;
			height: 83px;
			float: left;
			margin: 5px 0 0 12px;
			}
			
		#instantquote {
			width: 80px;
			height: 83px;
			float: left;
			margin: 5px 0 0 12px;
			}
			
		#blog {
			width: 80px;
			height: 83px;
			float: left;
			margin: 5px 0 0 12px;
			}
			
		#contactus {
			width: 80px;
			height: 83px;
			float: left;
			margin: 5px 0 0 12px;
			}
			
			
#nav a img {
	border: 0;
	}
			
	
#content {
	text-align: left;
	width: 947px;
	height: 340px;
	margin: 10px auto;
	background: #fff;
	}


	#content p {
		font-size: 12px;
		}
	
	

	#content h1#first {
		margin-top: 45px;
		}
	
	#content ul {
		list-style-type: none;
		margin-left: 40px;
		}
	
	#content li {
		font-size: 9px;
		margin: 0;
		line-height: 1.3em;
		}
		
	#content a {
	text-decoration: none;
	color: #666;
	}

	#content a:hover {
	text-decoration: none;
	color: #333;
	background: #ccc;
	}
	
	#col-left-index {
		width: 301px;
		float: left;
		min-height: 338px;
		background: url(../decor/call-now.png) top left no-repeat;
		border: 1px solid #cbcccb;
		}
		
	#col-left-index a:hover {
		text-decoration: none;
		background: transparent;
		}
	
	#col-left {
		width: 301px;
		float: left;
		min-height: 338px;
		background: url(../decor/stripes.png) #ccc;
		border: 1px solid #cbcccb;
		}
		
	#col-left p, #col-left-50 p {
		margin: 10px 25px 10px 20px;
		}

	#col-right {
		width: 626px;
		min-height: 338px;
		float: right;
		}
		
	#col-right-index {
		width: 626px;
		min-height: 338px;
		float: right;
		border: 1px solid #cbcccb; 
		}
	
	#col-right h2, #col-right-50 h2, #col-left-50 h1 {
	color: #913131;
	font-size: 16px;
	margin: 8px 0 10px 0;
	}
	
	#col-left h2 {
	margin: 7px 0 10px 20px;
	color: #333;
	font-size: 16px;
		}
	
	#col-left-50 h1 {
	color: #913131;
	font-size: 16px;
	margin: 8px 0 10px 10px;
	}
	
	#col-right p, #col-right-50 p {
	margin: 0 10px 10px 0;
	}

#col-left-50 {
		width: 463px;
		float: left;
		min-height: 338px;
		}

#col-right-50 ul {
	list-style-type: disc;
	margin: -7px 0 5px 45px;
	}

#col-right-50 li {
	font-size: 12px;
	}

#col-left-50 a.selected {
	color: #000;
	}

#col-right-50 {
		width: 463px;
		min-height: 338px;
		float: right;
		}

#col-left-50 p span, #col-right-50 p span {
	color: #5775a6;
	font-weight: bold;
	}

#col-right-50 h2 span {
	text-decoration: underline;
	font-style: oblique;
	}

table#calc td {
	padding-bottom: 10px;
	}

table#calc td.right {
	text-align: right;
	width: 250px;
	font-size: 12px;
	}

.activeField {
	border: solid 1px #333;
	width: 180px;
	}

.idle {
	border: solid 1px #999;
	width: 180px;
	}

table#calc input.button {
		width: 100px;
		margin-top: 3px;
		background: url(../decor/grad.png) top left repeat-x;
		}

table#calc select {
		width: 180px;
		}

#payout {
	color: #913131;
	font-weight: bold;
	height: 25px;
	}

#bottom {
	height: 126px;
	width: 947px;
	margin: 0px auto;
	padding: 0px 0 0 0;
	clear: both;
	}
	
	ul.box {
		list-style-type: none;
		}

	.box li {
		width: 305px;
		height: 126px;
		float: left;
		margin-right: 15px;
		text-align: left;
		cursor: pointer;
		}
		
		#box1 {
			background: url(../decor/testimonials-1.png) bottom right no-repeat;
			}
			
		#box1:hover {
			background: url(../decor/testimonials-2.png) bottom right no-repeat;
			}
		
		#box1-lit {
			background: url(../decor/testimonials-2.png) bottom right no-repeat;
			}

		
		#box2 {
			background: url(../decor/alex-1.png) bottom right no-repeat;
			}
			
		#box2:hover {
			background: url(../decor/alex-2.png) bottom right no-repeat;
			}
			
		#box2-lit {
			background: url(../decor/alex-2.png) bottom right no-repeat;
			}

			
		#box3 {
			background: url(../decor/faq-1.png) bottom right no-repeat;
			float: right;
			margin-right: 0;
			}
		
		#box3:hover {
			background: url(../decor/faq-2.png) bottom right no-repeat;
			}
		
		#box3-lit {
			background: url(../decor/faq-2.png) bottom right no-repeat;
			float: right;
			margin-right: 0;
			}
		
		.box a {
			color: #333;
			text-decoration: none;
			}
		
		.box li p {
			margin: 43px 8px 0 113px;
			color: #333;
			font-size: 9px;
			line-height: 1.2em;
			text-transform: uppercase;
			}
		
		.box p span {
			color: #913131;
			text-decoration: underline;
			}		

#section-1, #section-2, #section-3, #section-4 {
	margin-top: 39px;
	}

#indicia {
	margin: 20px 8px;
	padding-bottom: 20px;
	text-align: center;
	font-style: oblique;
	font-size: 10px;
	color: #ccc;
	clear: both;
	}

#indicia a {
	color: #fff;
	}

#indicia a img{
	border: 0;
	}

#preloader {
	display: none;
	}
	
@media screen and (-webkit-min-device-pixel-ratio:0){
               #section-1, #section-2, #section-3, #section-4 {
	margin-top: 37px;
	}
}