

body
{
    background: #DFDFDF;
    margin: -10px;
    padding: -10px;
}

/* Top of all pages*/
#top
{
    background-color: #616D7E;
    text-decoration: none;
    font-style: normal;
    color: #FFFFFF;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    text-indent: 10%;
   
}
#top a
{
	text-decoration: none;
	color: white;
}
#top a:hover
{
	color: #CD7F32;
}
    
#banner{
	
}

#banner img {
    float: left;
	margin-bottom: 15px;
	height: 100px;
	padding-left: 10%;
	
	
}
#banner h1
{
    background: white;
	padding-top: 30px;
	padding-bottom: 40px;
	
 
	
}

#navbar ul
{
    background-color: #616D7E;
	padding-left: 10%;
    clear: left;
}
#navbar ul li
{
	display: inline;	
}
#navbar ul li a {
	display: inline-block;
	text-decoration: none;
	font-style: normal;
	color: #FFFFFF;
	font-size: 13pt;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;

}

#navbar ul li a.active
{
	background-color: 	#CD7F32;
	
}
#navbar ul li a:hover 
{
	background-color: 	#CD7F32;
}

/* main content for all pages*/

.page
{
    background: white;
    Margin: 10px 10% 40px 10%;
    padding: 5px 10% 5px 3%;	
}
.page a{
	text-decoration: none;
	color: black;	
}
.page a:hover{
	color: #CD7F32;
}

/* about us page*/
#bill img
{
    float: left;
    clear: both;
    margin-right: 20px;
    border-width: thick;
    border-style: double;
}
#bill
{
    margin-bottom: 90px;
    margin-top: 2%;
	font-weight: 300;
    font-size: 20px;
  
}
#kim img
{
    float: right;
    clear: both;
	margin-right: 20px;
    border-width: thick;
    border-style: double;
}
#kim
{
	margin-bottom: 100px;
	font-weight: 300;
    font-size: 20px;
	padding: 15px;
}
#kevin img
{
    float: left;
    clear: both;
    margin-right: 20px;
    border-width: thick;
    border-style: double;
	padding: 10px;
}
#kevin
{
	margin-bottom: 100px;
	font-weight: 300;
    font-size: 20px;
}

/* contact*/
#contact{
	margin-bottom: 40px;
}
#map a img{
    margin-top: 3%;
    border-style: double;
    margin-right: 1000px;
    max-width: 110%;
}
#contact a
{
    text-decoration: none;
    color: #000000;	
	
}
#contact a:hover{
color: #CD7F32	
}

.page ul{
    list-style-type: disc;
    list-style-position: outside;
}

#realestate{
	
	
}
#realestate h4{ 
	background: white;
	margin-left: 10%;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	font-size: 18px;
	margin-right: 10%
	
}

#realestate th{
	text-align: center;
	color: white;
	background: #616D7E;
	padding: 10px;
	font-size: 18px;
	
	
}
#realestate table{
    border-width: thin;
    border-style: solid;
    border-right-color: #000000;
	
	background: #FFFFFF;
	Margin: 20px 10% 20px 10%;
	}
#realestate table td{
    border: thin solid #000000;
	padding: 20px
}



.box h4{
	color: white;
	background: #616D7E;
	text-align: center;
}
.box{
	border
    border-width: medium;
    border: thin solid #616D7E;
    width: 30%;
    float: left;
    height: 220px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 5px;
    overflow-x: visible;
    overflow-y: visible;
}

@media screen and (max-width: 600px) {
    .box {
        width: 100%;
    }
}
#footer{
	text-align: right;
	float: right;
	clear: both;
	background-color: #616D7E;
	width: 100%;
	padding-right: 7%;
	color: white;
	height: 60px;
	padding-right: 10%;
}
#footer a
{
	text-decoration: none;
	color: white;
	
}
#footer a:hover
{
	color: #CD7F32;
}
#footerimg
{
	float: left;
	margin-left: 20%;
	display: inline;
	clear: both;
	margin-top: 10px;
}

