@import url(nav.css);
body 
  {
  background: #fff;
  font-size: .9em;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
}
  
a:link {
  color: #36688c;
}
a:visited {
  color: #52738b;
}
a:hover {
  color: #f90;
}
a:active {
  color: #f90;
}
#header 
  {
  height: 81px;
        background: url(/images/topbar.gif) repeat-x top left;
}
#header h1 
  {
  background: url(/images/banner.gif) no-repeat top left;
  text-indent: -6000px;
  margin: 0;
}
#header a 
  {
  display: block;
  height: 81px;
  width: 778px;
}

#content
  {
  float: left;
  width: 390px;
  margin-left: 190px; 
}
* html #content {
  display: inline;
}
#sub #content {
  width: 540px;
}

h2 {
  font-size: 1.3em; 
  margin-top: 1.3em;
  margin-bottom: 1.0em;
  color: #36688c;
  }
#content h3 {
  font-size: 1.1em;
  margin-bottom: .5em;
}
#content h4 {
  font-size: 1em;
  margin: 0;
}
#sub #content p {
  margin-top: 0;
}

#content ul {
  margin-top: .5em;
}
.label {
  text-align: right;
  font-weight: bold;
}
#quote-results #content strong {
	color: #36688c;
}
#info-form {
  margin-top: 20px;
}
#info-form h3 {
	color: #36688c;
	margin-bottom: 0;
}
#info-form td {
  border: 0;
  padding: 0.5em;
  vertical-align: top;
}
#info-form td span {
  vertical-align: top;
}
.msg {
  color: #f00;
}
div.media {
  position: absolute;
  left: 0;
  margin-left: -1000em;
}
/* NAV COLUMNS */

#alpha {
  background: url(/images/alphatop.gif) no-repeat 0 0;
  margin-top: 0;
  float: left;
  width: 177px;
  margin-left: -580px;
  font-size: 11px;
}
#sub #alpha {
  margin-left: -730px;
}

#nav1 {
  padding-top: 0;
  margin-top: 0;
  background: url(/images/alphaside.gif) repeat-y 0 0;
}
#nav2 {
  background: url(/images/alphabottom.gif) no-repeat 0 0;
  height: 360px;
}

#nav1 ul {margin-bottom: 0;}
#nav2 ul {margin-top: 0;}

#beta {
  float: left;
  width: 250px;
  margin-top: 1em;
  padding-top: 1em;
  color: #000;
}
#sub #beta {display: none;} 
#home #beta {
  background: url(/images/price-quote-box.jpg) no-repeat -15px 100px;
  margin-top: 50px;
}
#beta .inner {
  margin-left: 25px;
  padding: 0 10px;
}
#beta #call {
  margin: 0 6px;
  height: 68px;
  background: url(/images/callout-white.jpg) no-repeat 26px 0;   
  text-align: center;
} 
#home #beta #submit {
  background-color: #e76f34;
  background-image: url(/images/button_submit.gif);
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  color: #ffffff;
  margin-top: 35px;
  margin-bottom: -30px;
  width: 170px;
  height: 30px;
}

#beta form {
margin-left: 30px;
margin-bottom: 125px;
margin-top: 130px;
}
#beta #call h3 {
  color: #000;
  font-size: 16px;
  padding: 10px 0 0 4px;
}
#beta #call p {
  margin: 0 0 0 10px;
  font-size: 16px;
}
#beta #call a:link, #beta #call a:visited {
  color: #36688c;
  font-weight: bold;
  text-decoration: none;
}
#beta h3 {
  text-align: center;
  margin: 5px 0 0 0;
  padding: 0 12px 0 0;
  font-size: 1.2em;

}
#beta select, #beta input {
  width: 160px;
}
#beta p.or {
  margin: 10px 0 0 25px;
  
  }
#beta form p {
  margin-top: 1em;
  margin-bottom: 2px; 
  font-size: 12px;
  text-align: left;
}
#beta #m-guarantee {
  background: url(/images/callout-white.jpg) no-repeat 0 0;
  width: 177px;
  height: 70px;
  padding-top: 6px;
  margin: 35px 0 0 28px;
  text-align: center;
}
#m-guarantee h3 {
  font-size: 16px;
  margin: 3px 0;
  padding: 0;
} 
#m-guarantee a:link,
#m-guarantee a:visited {
  display: block;
  width: 177px;
  color: #36688c;
  text-decoration: none; 
  font-weight: bold;
}
#content #m-guarantee {
  float: right;
  background: url(/images/callout-white.jpg) no-repeat 0 0;
  width: 177px;
  height: 75px;
  padding-top: 6px;
  margin: 0 0 10px 20px;
  text-align: center;
}


.footnote {
  font-size: .85em;
  color: #333;
}

.footer {
	width: 780px;
	margin: 60px 20px 20px;
}
.footer .pages {
	text-align: center;
}
.footer .pages a {
	white-space: nowrap;
	line-height: 1.6em;
	padding: 2px 4px;
	font-size: 11px;
}

/* HACKS --------- 
------------------- */

/* Start Mac IE5 filter \*/
#content, #alpha, #beta
  {
  padding-bottom: 32767px !important;
  margin-bottom: -32767px !important; 
}
@media all and (min-width: 0px) {
#content, #alpha, #beta
  {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important; 
}
#content:before, #alpha:before, #beta:before
  {
  content: '.';
  display: block;
  background: inherit;
  padding-top: 32767px !important;
  margin-bottom: -32767px !important;
  height: 0;
}
}
/* End Mac IE5 filter */
#container
  {
  background: url(/images/left-side.gif) repeat-y 0 0;
  
  background-color: #fff;
  overflow: hidden; /* This hides the excess padding in non-IE browsers */
}
/* we need this for IE 5.01  */
#container
  {
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the container - instead we float it */
  float: left;
  float/**/: none;
}
/* easy clearing */
#container:after
  {
  content: '.'; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
#container
  {
  display: inline-block;
}
/*\*/
#container
  {
  display: block;
}
/* end easy clearing */
/* Safari needs this - otherwise the ghost overflow, though painted 
correctly obscures links and form elements that by rights should be above it. */
* > #footer
  {
  position: relative;
  z-index: 1000;
}