html,body,div,ul,li,h1,h2,h3,h4,form,button,img {
  margin: 0;
  padding: 0;
  border: 0;
}

body {
  font: normal 11px/16px Tahoma, Arial, sans-serif;
  color: #000;
  background: #fff;
}

h1 {font-size: 24px;}
h2 {font-size: 17px;}
h3 {font-size: 14px;}
h4 {font-size: 12px;}
h5 {font-size: 11px;}
h6 {font-size: 10px;}

#container {
  margin: 0 auto;
  padding: 0;
  width: 920px;
}

#header { height: 75px; }

#header #logo { width: 920px; height: 25px; float: left; padding: 20px 0 5px 15px; }

#header #home { width: 40px; height: 25px; float: left; padding: 0 0 0 15px; }
#header #home h2 { display: block; background: url(../images/home-loan-calculator.png) 0 0 no-repeat; text-indent: -9999px; height: 15px; cursor: pointer; }
#header #home h2:hover { background-position: 0 -15px; }
#header #home h2 a { display: block; width: 40px; height: 15px; }

#header #slash { width: 15px; height: 25px; float: left; padding: 0; }
#header #slash h2 { display: block; background: url(../images/slash.png) 0 0 no-repeat; text-indent: -9999px; height: 15px; }

#header #loan-calc-info { width: 546px; height: 25px; float: left; padding: 0; }
#header #loan-calc-info h2 { display: block; background: url(../images/loan-calculator-info.png) 0 0 no-repeat; text-indent: -9999px; height: 15px; }

#header #loan-calculator { width: 130px; height: 25px; float: left; padding: 0; }
#header #loan-calculator h2 { display: block; background: url(../images/loan-calculator.png) 0 0 no-repeat; text-indent: -9999px; height: 15px; cursor: pointer; }
#header #loan-calculator h2:hover { background-position: 0 -15px; }
#header #loan-calculator h2 a { display: block; width: 130px; height: 15px; }
#header #detailed-loan-calculator { width: 504px; height: 25px; float: left; padding: 0; }
#header #detailed-loan-calculator h2 { display: block; background: url(../images/detailed-loan-calculator.png) 0 0 no-repeat; text-indent: -9999px; height: 15px; }
#header #detailed-loan-calculation { width: 224px; height: 25px; float: left; padding: 0; }
#header #detailed-loan-calculation h2 { display: block; background: url(../images/detailed-loan-calculation.png) 0 0 no-repeat; text-indent: -9999px; height: 15px; }

#header #mortgage-calculator { width: 170px; height: 25px; float: left; padding: 0; }
#header #mortgage-calculator h2 { display: block; background: url(../images/mortgage-calculator.png) 0 0 no-repeat; text-indent: -9999px; height: 15px; cursor: pointer; }
#header #mortgage-calculator h2:hover { background-position: 0 -15px; }
#header #mortgage-calculator h2 a { display: block; width: 170px; height: 15px; }
#header #detailed-mortgage-calculator { width: 543px; height: 25px; float: left; padding: 0; }
#header #detailed-mortgage-calculator h2 { display: block; background: url(../images/detailed-mortgage-calculator.png) 0 0 no-repeat; text-indent: -9999px; height: 15px; }
#header #detailed-mortgage-calculation { width: 264px; height: 25px; float: left; padding: 0; }
#header #detailed-mortgage-calculation h2 { display: block; background: url(../images/detailed-mortgage-calculation.png) 0 0 no-repeat; text-indent: -9999px; height: 15px; }

#header #special-offer { width: 105px; height: 25px; float: left; padding: 0; }
#header #special-offer h2 { display: block; background: url(../images/special-offer.png) 0 0 no-repeat; text-indent: -9999px; height: 15px; cursor: pointer; }
#header #special-offer h2:hover { background-position: 0 -15px; }
#header #special-offer h2 a { display: block; width: 105px; height: 15px; }

#header #extra-content { width: 115px; height: 25px; float: left; padding: 0; }
#header #extra-content h2 { display: block; background: url(../images/extra-content.png) 0 0 no-repeat; text-indent: -9999px; height: 15px; cursor: pointer; }
#header #extra-content h2:hover { background-position: 0 -15px; }
#header #extra-content h2 a { display: block; width: 115px; height: 15px; }
#header #extra-content-details { width: 377px; height: 25px; float: left; padding: 0; }
#header #extra-content-details h2 { display: block; background: url(../images/detailed-extra-content.png) 0 0 no-repeat; text-indent: -9999px; height: 15px; }

ul#navigation {height: 50px;}

ul#navigation li { width: 230px; float: left; }
ul#navigation li a { display: block; height: 50px; cursor: pointer; }
ul#navigation li a#loan {background: url(../images/loan-calculators.png) 0 0 no-repeat;}
ul#navigation li a#mortgage {background: url(../images/mortgage-calculators.png) 0 0 no-repeat;}
ul#navigation li a#guide {background: url(../images/calculators-guide.png) 0 0 no-repeat;}
ul#navigation li a#contact {background: url(../images/contact.png) 0 0 no-repeat;}
ul#navigation li a#loan:hover,
ul#navigation li a#mortgage:hover,
ul#navigation li a#guide:hover,
ul#navigation li a#contact:hover {
background-position: 0 -50px; }

#header .contact {
  float: right;
  width: 250px;
  height: 25px;
  margin: -59px 0 0 0;
  text-align: center;
  color: #000;
  line-height: 12px;
}

#header .contacts {
  float: right;
  width: 250px;
  height: 25px;
  margin: -25px 0 0 0;
  text-align: center;
  color: #000;
  line-height: 12px;
}

#header .contactus {
  float: right;
  width: 250px;
  height: 25px;
  margin: -34px 0 0 0;
  text-align: center;
  color: #000;
  line-height: 12px;
}

ul,li {list-style-type: none;}
a {outline: none; text-decoration: none; color: #666;}
a:hover {text-decoration: underline; color: #0089bb; cursor: pointer;}
a span, button span, ul#navigation span, h2 span, h3 span {display: none;}


#adsense-top {
	padding: 25px 0 0 96px;
	height: 40px;
  background: url(../images/adsense_1.png) 0 0 no-repeat;
}

#calculator {
	float: left;
	display: inline;
	width: 584px;
	height: 280px;
}

#main-page-content {
	float: left;
	width: 316px;
  height: 280px;
	padding: 8px 10px 0 10px;
	text-align: justify;
}

.red { color: #c00; }
.black { color: #000; }
.blue { color: #0089bb; }

#adsense-content {
	float: left;
	width: 336px;
  height: 280px;
}

#adsense-bottom {
	padding: 15px 0 0 96px;
	height: 105px;
  background: url(../images/adsense_3.png) 0 0 no-repeat;
	clear: both;
}

#blogs-we-read {
	padding: 3px 15px 3px 15px;
	width: 890px;
	height: 35px;
  background: url(../images/sitemap.png) 0 0 repeat-x;
  text-align: justify;
  font-weight: bold;
  color: #c00;
}

#blogs-we-read b {color: #0089bb; }
#blogs-we-read a {color: #333; }

#footer {
	height: 50px;
  background: url(../images/footer.png) 0 0 no-repeat;
  clear: both;
  margin-bottom: 15px;
}

#footer ul,li {list-style-type: none;}
#footer a {outline: none; text-decoration: none; color: #ebebeb;}
#footer a:hover {text-decoration: underline; color: #ebebeb; cursor: pointer;}

#footer_left {
	width: 564px;
	height: 50px;
	float: left;
	display: inline;
	padding: 16px 0 0 20px;
	color: #ebebeb;
}

#footer_right {
	width: 316px;
  height: 50px;
	float: left;
	padding: 16px 20px 0 0;
	text-align: right;
	color: #ebebeb;
}

#copyright { width: 278px; height: 110px; float: right; padding: 0; }
#copyright a { display: block; background: url(../images/copyright.png) 0 0 no-repeat; text-indent: -9999px; height: 81px; cursor: pointer; }
#copyright a:hover { background-position: 0 -81px; }