/* Homebuyers Online CSS Document */


@media screen { 
 * {font-family: Verdana, Helvetica, Arial, sans-serif; }
 body {
    padding:0;
	margin:0;
    color:      #fff;
    background: #000;
 }
 
 h2 {
    margin-top: 1.3em;
 }

div.holder {     
     color:      #fff;
     background: #888;
 }

 
 div#header {
    padding-top: 10%;
	padding-left:10%;
    color:       #fff;
    background:  #bbb;
	border-bottom: 3px solid white;
	}

/* wrapper holds the first and second columns */
 div.wrapper {
     float:      left; 
     width:      66%; 
     color:      #fff;
     background: #888;
 }

/* firstcol is the center column
   It is first so the page breaks
   gracefully in nonCSS browsers */    
 div#firstcol {
     float:      right; 
	 width:      49%;
     color:      #fff;
     background: #888;
	 text-align: center; /* for photo on index */
 }
  div#maincol {
     float:      right; 
	 width:      66%;
     color:      #fff;
     background: #888;
	 text-align: left; /* for photo on index */
 }
 
 img#cover {
     margin:     0;
	 padding:    0;
 }
 img#man {
     float:      left;
     margin:     5px;
	 padding:    0;
 }

 div#secondcol {
     float:      left; 
	 width:      49%;
     color:      #fff;
     background: #888;
 	 text-align: right; /* for nav menu */
 }
  div#othercol {
     float:      left; 
	 width:      34%;
     color:      #fff;
     background: #888;
 	 text-align: right; /* for nav menu */
 }
 
 ul#navlist {
    margin:          1.3em 0;
	list-style-type: none;
 }
 
  ul#navlist li a {
	color:           white;
	background:      transparent;
	text-decoration: none;
	padding-right:   3px;
	border-right:    5px solid #888; /*same as background to hold place for text */
	font-weight:     bold;
  }
  ul#navlist li a:hover {
     color:           black;
	 background:      transparent;
	 text-decoration: none;
   	 border-right:    5px solid white;
	 font-weight:     bold;
  }

/* thirdcol is outside of the wrapper */

 div#thirdcol {
     float:      right; 
	 width:      34%;
	 text-align: center; /* for the quote on the index page*/
}

#thirdcol p {
     margin:     1.3em 0.8em;
     color:      #fff;
     background: #888;
     position:   relative; /* ie 5.x requires this hack */
	 }

 div#footer {
    color:      #fff;
    background: #000;
	text-align: center;
	padding:    4px;
	border-top: 3px solid white;

 }

}

@media print {
*{font-family: Georgia, Times New Roman, Times, serif; }
 div#firstcol {width: 95%;}
 div#secondcol {visibility: hidden; height: 0;}
 div#thirdcol {width: 95%;}

}

@media screen, print {

 div#footer {
  clear: both;
 }

/* end of print and screen */

}