/*
-----------------------------------------------
Style Sheet for www.TheMortgageBuyer.com
By Sonya Boggs 
http://www.sonyaboggs.com/
sboggs@gmail.com 
----------------------------------------------- */

html, body, div, p {
	font-family: Verdana, Arial, sans-serif; 
	color: #666666;
}

body {
text-align: center;
background: #003366 url(images/bg_body2.gif); 
margin: 0;
padding: 0;
}

/*
LINKS --------------------- */

a:link, a:active, a:visited {
	color: #003366;
	text-decoration: none;
	border-bottom: 1px dashed #990000; 
}

a:hover {
color: #990000; 
text-decoration: none;
border-bottom: 1px dashed #003366;
}

/*
COMMON --------------------- */

br {
	clear: both;
}

p {
	margin: 0; 
	padding-top: 1em; 
	line-height: 150%;
}

h2 {
	margin: 0; 
	padding: 0; 
	font: bold 1em Georgia, "Times New Roman", Times, serif;
	color:#003366;
	letter-spacing: -1px; 
}

h2 a:link, a:active, a:visited {
	color: #003366;
	text-decoration: none;
	border-bottom:none;
}

h2 a:hover {
color: #990000; 
text-decoration: none;
border-bottom: 1px dashed #003366;
}

#buttons {
margin: 0 0 20px 0;
padding: 0;
width: 100%;
}

#buttons #but {
width: 190px;
border-top: 1px solid #990000;
border-right: 2px solid #666666;
border-bottom: 2px solid #666666;
border-left: 1px solid #990000;
background-color: #CCCCCC;
float: left;
margin: 5px 15px;
padding: .3em;
}

#buttons #but h2 {
text-align: center;
}


h4 {
	margin: 0;
	font: bold .9em Verdana, Arial, Helvetica, sans-serif;
	color:#990000;
}

h5 {
	margin: 0; 
	padding-top: 1em; 
	font: bold .85em Verdana, Arial, Helvetica, sans-serif;
	color:#990000;
}

h6 {
	padding-top: 1em; 
	font: bold 1em Georgia, "Times New Roman", Times, serif;
	color:#003366;
	letter-spacing: -1px; 
}

/*
MASTHEAD + SUBMAST --------------------- */

h1 {
	position: absolute;
	margin: 85px 0 0 20px; 
	font: bold 1.5em Georgia, serif;
	color: #003366; 
}

#mast-content {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%;
}	

#masthead {
	position: relative;
}	

#runner {
	width: 99%;
	margin: 5px 0; 
	padding: 2px; 
	border-top: 1px solid #FFFFFF; 
	border-bottom: 1px solid #FFFFFF; 
	text-transform: uppercase; 
	letter-spacing: 1px;
}

#runner p {
	display: block; 
	text-align: center;
	margin: 0;
	padding-top: 0; 
	font: .6em Georgia, serif; 
	color: #777;
}

#header {
	width: 800px;
	height: 220px;
	background: url(images/mortgage_buyer_house.jpg) no-repeat;
}

#headerTwo {
	width: 800px;
	height: 220px;
	background: url(images/mortgage_buyer_house_1.jpg) no-repeat;
}

#headerThree {
	width: 800px;
	height: 220px;
	background: url(images/mortgage_buyer_house_3.jpg) no-repeat;
}

#navcontainer {
	float: right; 
	margin: 0 20px 0 130px;
}

ul#nav {
	margin: 0; 
	padding: 0; 
	list-style: none;
}

#nav li {
	display: block; 
	margin: 2px 0; 
	padding-top: 1px; 
	font: .75em Georgia, serif; 
	font-weight: bold;
	color: #990000;
	text-align: left;
	text-transform: uppercase; 
	letter-spacing: 1px; 
} 

#nav li a {
	color: #003366; 
	text-decoration: none;  
	padding: 1px; 
	border-bottom: 0; 
}

#nav li a:visted {
	color: #003366; 
	text-decoration: none;  
	border-bottom: none; 
}

#nav li a:hover {
	color: #990000; 
	text-decoration: none;
	border-bottom: 1px dashed #003366; 
}	

#nav li a:active {
	color: #990000; 
	text-decoration: none;  
	border-bottom: none; 
}	

/*
MAIN CONTENT --------------------- */

#home {
	float: left; 
	width: 50%; 
	padding: 0; 
	font-size: .75em;
}

#home h3 {
margin: 0; 
font: normal 1.3em Georgia, serif; 
text-align: left;
color: #990000;
}

#home #img1 {
text-align: center; 
padding: 5px;
}

#home #img2 {
float:left; 
padding: 10px 15px 0 0;
}

#home #img2 p {
font-size: .85em; 
text-align: center;
padding: 0 0 5px 0;
}

ul#home {
margin: 0;
padding: 0;
}

#home li {
	margin: 0;
	padding: 0 1em 0 0;
	line-height: 150%;
	list-style: outside url(images/checkmark_blue2.gif); 
	font: normal .75em Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

#testimonials {
	text-align: center; 
	padding: 10px 70px 0 50px;
}

.quote {
	color:#003366;
	font-size: .75em;
	margin-bottom: 1em;
}

#simple {
width: 90%;
margin: 0 40px;
padding: 1em;
text-align: left;
}

#simple p {
color: #666666;
font: normal .8em Verdana, Arial, Helvetica, sans-serif;
margin: 0 30px 0 0;
}

#simple #img1 {
text-align: center; 
padding: 5px;
}

#simple #img2 {
float:left; 
padding: 10px 15px 0 0;
}

#simple #img2 p {
font-size: .7em; 
text-align: center;
padding: 0 0 5px 0;
}

ul#simple {
margin: 0;
padding: 0;
}

#simple li {
	margin: 0;
	padding: 0 1em 0 0;
	line-height: 150%;
	list-style: outside square; 
	font: normal .75em Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

#simple ul ul li {
	margin: 0;
	padding: 0 1em 0 0;
	line-height: 150%;
	list-style: outside disc; 
	font: normal .75em Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

#owner h5 {
	margin: 0; 
	padding-top: 1em; 
	float: left;
	font: bold .8em Verdana, Arial, Helvetica, sans-serif;
	color:#990000;
}

#owner p {
text-align: left;
margin: 0 30px 0 150px;
color: #666666;
font: normal .8em Verdana, Arial, Helvetica, sans-serif;
}

#slide img {
float: right; 
width: 300px; 
height: 225px;
border: 1px solid #003366; 
margin: 10px 20px; 
}

/*
FORM --------------------- */
.warning {
    font-weight: bold;
    color: #990000;
}

form {
    margin: 0 0 0 50px;
}


form p {
    margin: 0 0 5px 0;
	font-size: .75em;
	text-align: left;
}

.formbox {
    width: 250px;
	background-color: #FFFFFF;
}

fieldset {
    border: none;
}

label {
    font-weight: bold;
    color: #003366;
    display: block;
}


/*
SIDEBAR --------------------- */

#pic1 {
background: #CCCCCC url(images/mortgage_buyers_buoys.jpg) no-repeat center center; 
}

#pic2 {
background: #CCCCCC url(images/mortgage_buyers_helm.jpg) no-repeat center center; 
}

#pic3 {
background: #CCCCCC url(images/mortgage_buyers_rope.jpg) no-repeat center center; 
}

#pic4 {
background: #CCCCCC url(images/mortgage_buyers_boat.jpg) no-repeat center center; 
}

#pic5 {
background: #CCCCCC url(images/mortgage_buyers_winch.jpg) no-repeat center center; 
}

#pic6 {
background: #CCCCCC url(images/mortgage_buyer_ropes.jpg) no-repeat center center; 
}

/* Two widths are used, the second being a hack for Internet Explorer */
#sidebar {
	position: relative; 
	float: left; 
	width: 50% !important;
	width: 49.9%;
	font-size: .7em;
}

#sidebar img {
float: left;
width: 33px;
height: 33px;
}

.section {
clear: both; 
padding-top: 1.5em; 
border-bottom: 3px double #E5E5DA; 
}

.section h3 {
margin: 0; 
font: normal 1.3em Georgia, serif; 
text-align: left;
color: #990000;
}

.section p {
	margin: 0; 
	color: #666666;
	text-align: left;
	padding: 5px 3px;
	}

.cat_pic {
float: left;
margin-right: 1.25em;
width: 120px;
height: 76px;
border: 2px solid #CCCCCC;
}	

/*
MISC --------------------- */

#container {	
background: url(images/bg_container.gif) repeat-y top center;
}

#basic {
background-color: #CCCCFF;
margin-top: 250px;
}

.style1 {
	font-weight:bold;
	color:#990000;
	text-decoration: none;
}

.style2 {
color: #666666;
}

/* 'margin: 0 auto' is necessary so the layout stays centered on screen when browser width is more than 1200px */
#container, #basic {
	margin: 0 auto; 
	width: 800px;
	text-align: left;
}

.shell {
	margin: 0 auto; 
	width: 90%;
	text-align: left;
}

#skip, #back {
	display: none;
	}


/*
P.I.E. FLOAT CLEARING
--------------------- */

.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */		


/*
FOOTER --------------------- */

#footer {
	margin: 0 auto; 
	width: 800px;
	text-align: left;
}


#info {
height: 100px;
background: url(images/mortgage_buyers_footer.jpg) no-repeat;
}


#info p {
margin: 0;
padding: 5px 20px;
font: bold .75em Geneva, Arial, Helvetica, sans-serif; 
color: #CCCCFF;
text-align: right;
}

#info a:link, #info a:active, #info a:visited { 
color: #CCCCFF;
text-decoration: none;
border-bottom: 1px dashed #990000;
}

#info a:hover {
color: #990000; 
text-decoration: none;
border-bottom: 1px dashed #CCCCFF;
}

#botnav {
margin: 10px 0 0 0;
font: bold .65em Verdana, Arial, Helvetica, sans-serif;
color: #000000;
text-align: center;
}

#botnav a {
color: #CCCCFF;
text-decoration: none;
border-bottom: 0; 
}

#botnav a:hover {
color: #990000;
text-decoration: none;
border-bottom: 1px dashed #CCCCFF;
}

#legal {
	margin: 0 auto; 
	width: 800px;
	text-align: left;
}
	
#legal p {
margin: 0;
padding: 10px 0 0 0;
font: normal .55em Verdana, Arial, Helvetica, sans-serif; 
color: #999999;
text-align: center;
}

#legal a {
color: #999999;
text-decoration: underline;
border-bottom: 0; 
}

#legal a:hover {
color: #990000;
text-decoration: none;
border-bottom: 1px dashed #CCCCFF;

}