﻿body 
{
    margin-top: 0;
    background-image: url(http://www.honeycombproperties.com/images/bgfade.png);
    background-repeat: repeat-x;
    background-color: #CCCCCC;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    text-align: center;
}

* 
{
    padding: 0; 
    margin: 0;
}

.outterdiv
{
    width: 800px;
    margin-top: 0;
	margin-left: auto; 
	margin-right: auto;
	position: relative;
	overflow: auto;
	clear: both;
	text-align: center;
}

.headerlogo
{
    top: 0;
    left: 0;
    height: 150px;
    width: 800px;
    margin: 0;
    background-image: url(http://www.honeycombproperties.com/images/headerlogo.png);
    background-repeat: no-repeat;
    position: relative;
}

div.topnav
       {
			position:absolute;
			top: 115px;
			left:0;
			width: 800px;
			z-index: 5;
			margin-top: 0;
			margin-bottom: 0;
			text-align: center;
		}
			
			div.topnav ul
			{
			    list-style: none;
			    height: 71px;
			    width: 625px;
			    margin-top: 0;
			    margin-left: auto;
			    margin-right: auto;
			    margin-bottom: 0;
			}
			
				div.topnav ul li
				{
					display: inline;
					list-style: none;
					padding: 0;
					margin: 0;
				}
				
					div.topnav li a
					{
						position: relative;
						float: left;
						line-height: 71px;
						width: 125px;
						background-image: url(http://www.honeycombproperties.com/images/combbutton.png);
						background-repeat: no-repeat;
						color: #000000;
						font-size: 14pt;
						text-decoration: none;
						text-align: center;
						margin-bottom: 0;
					}
						
						div.topnav li a:hover
						{
						    background-image: url(http://www.honeycombproperties.com/images/combbutton.png);
						    background-repeat: no-repeat;
						    color: #757575;
						    line-height: 71px;
						    width: 125px;
						    text-align: center;
						    margin-bottom: 0;
						}
						
.headerh1
{
    top: 0;
    left: 0;
    height: 150px;
    width: 800px;
    background: url(http://www.honeycombproperties.com/images/headerh1.png) no-repeat;
    margin: 0 auto;
    padding: 0px;
    position: relative;
}

    .headertext
    {
        position: relative;
        top: 70px;
        left: 0;
        margin: 0;
        padding-left: 30px;
        padding-right: 30px;
    }
    
        .headertext H1
        {
            font-size: 12pt;
            color: #757575;
            text-align: center;
        }
        
.content 
		{
		top: 0;
		left: 1px;
		width: 793px;
		height: 100%;
		display: table;
		position: relative;
		background-color: White;
		border-top: solid 2px #FAEA9B;
		border-left: solid 3px #FAEA9B;
		border-right: solid 3px #FAEA9B;
		border-bottom: solid 2px #FAEA9B;
		margin-top: 0px;
		overflow: inherit;
		clear: both;
		}
			
		.sidenavbg 
			{
			position: relative;
			background-color: White;
			font-family: Arial, "san-serif";
			width: 170px;
		    display: table;
			text-align: left;
			margin-top: 0;
			padding-top: 10px;
			padding-right: 10px;
			padding-left: 10px;
			float: left;
			}
			
			.sidenavbg p 
				{
				color: black;
				font-size: 10pt;
				text-align: left;
				}
				
			.sidenavbg ul 
				{
				padding: 15px;
				list-style: circle url(http://www.honeycombproperties.com/images/hexbullet.png);
				}
				
			.sidenavbg a
				{
				color: black;
				text-decoration: underline;
				font-size: 10pt;
				line-height: 20pt;
				text-align: left;    
				}
				
			.sidenavbg a:hover
				{
				color: gray;   
				}	
				
		.body 
			{
			position: relative;
			width: 550px;
		    display: table;
			background-color: White;
			text-align: left;
			margin-top: 0px;
			padding-top: 10px;
			padding-left: 15px;
			padding-right: 15px;
			padding-bottom: 50px;
			float: left;
			}
			
			.body p 
				{
				color: black;
				font-size: 12pt;
				text-align: left;
				}
				
			.body h2 
			{
			color: black;
			font-size: 14pt;
			text-align: left;
			}
				
			.body a
			{
			    color: Black;
			    font-size: 12pt;
			    text-decoration: underline;
			}
			
			.body a:visited
			{
			    color: Gray;
			}

.homes
{
    width: 125px;
    height: 110px;
    float: left;
    text-align: center;
    padding: 0;
}

    .homes a
    {
        color: black;
        font-weight: bold;
        text-decoration: none;
    }
    
    .homes img
    {
        color: White;
        border: 0;
    }
    
    .homes a:visited
    {
        color: black;
    }
    
    .homes a:hover
    {
        color: Gray;
    }
    
.townpics
{
    width: 250px;
    float: right;
    margin-left: 20px;
    text-align: center;
    border-top: solid 3px #FAEA9B;
    background: white url(images/townpicsbg.png) no-repeat;
}

.townpics a
{
   color: Black;
   font-size: 14pt;
   font-weight: bold;
   text-decoration: underline; 
}	

.townpics a:visited
{
	color: Gray;
}			

.footer 
		{
		width: 800px;
		text-align: center;
		margin-left:auto; 
		margin-right:auto;
		
		}
		
			.footer p
			{
			color: black;
			font-size: 10pt;
			text-align: center;
			}