﻿body {
	background: #ccc;
	margin: 0px auto;
	padding: 0px;
	font-family: tahoma;
	font-size: 12px;
	color: #333;
	}

.main {
	margin: 0px auto;
	padding: 0px;
	width: 803px;
	border-bottom: 1px solid #666;
	background: url(../img/body_grad.gif) repeat-y center;
	}

a {
	color: #004964;
	text-decoration: underline;
    }

hr { display: none;}	
.clear {clear: both;}


	.structure { 
		display: inline;
		float: left; 
		width: 747px;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		padding: 0px 0px 0px 0px;
		margin: 0px 27px 0px 27px;		
		background: #f2f2f2;
		}
		.masthead {
			background: url(../img/mast_grad.gif) repeat-x;
			height: 98px;
			margin: 0px auto;
			border-bottom: 1px solid #E2E2E2;
			}		
		.masthead h1 {
			text-indent: -10000px;
			padding: 0px; 
			margin: 0px auto;
			padding: 17px 0px 0px 0px;
			background: url(../img/mast_logo.gif) no-repeat bottom;
			width: 421px;
			height: 61px;
			}			
		ul.nav {
			width: 747px;
			padding: 0px;
			margin: 0px;
			}
		ul.nav li {
			margin: 0px;
			padding: 0px;
			height: 36px;
			float: left;
			list-style: none;
			border-top: 1px solid #3A3A3A; 
			border-left: 1px solid #818181; 
			border-right: 1px solid #818181; 
			border-bottom: 1px solid #818181;
			margin: 0px 1px 0px 0px;
			}
		
		ul.nav li.last {margin-right: 0px;}
		
		ul.nav li a.search {
			display: block;
			text-indent: -10000px;
			width: 121px;
			height: 36px;
			background: url(../img/nav_search_off.gif) no-repeat;
			}
		ul.nav li a.featured {
			display: block;
			text-indent: -10000px;
			width: 148px;
			height: 36px;
			background: url(../img/nav_featured_off.gif) no-repeat;
			}
		ul.nav li a.brokerage {
			display: block;
			text-indent: -10000px;
			width: 126px;
			height: 36px;
			background: url(../img/nav_brokerage_off.gif) no-repeat;
			}
		ul.nav li a.recent {
			display: block;
			text-indent: -10000px;
			width: 148px;
			height: 36px;
			background: url(../img/nav_recent_off.gif) no-repeat;
			}
		ul.nav li a.about {
			display: block;
			text-indent: -10000px;
			width: 86px;
			height: 36px;
			background: url(../img/nav_about_off.gif) no-repeat;
			}
		ul.nav li a.contact {
			display: block;
			text-indent: -10000px;
			width: 101px;
			margin-right: 0px;
			height: 36px;
			background: url(../img/nav_contact_off.gif) no-repeat;
			}
		
		ul.nav li a.search:hover {background: url(../img/nav_search_on.gif) no-repeat;}
		ul.nav li a.featured:hover {background: url(../img/nav_featured_on.gif) no-repeat;}
		ul.nav li a.brokerage:hover {background: url(../img/nav_brokerage_on.gif) no-repeat;}
		ul.nav li a.recent:hover {background: url(../img/nav_recent_on.gif) no-repeat;}
		ul.nav li a.about:hover {background: url(../img/nav_about_on.gif) no-repeat;}
		ul.nav li a.contact:hover {background: url(../img/nav_contact_on.gif) no-repeat;}
		
		.navshadow {
			display: block;
			margin: 1px 0px 0px 0px;
			border-top: 1px solid #666;
			width: 747px;
			height: 16px;
			background: url(../img/nav_shadow.gif) repeat-x;
			}
		
		
		
		
		.content {
			width: 720px;
			background: url(../img/body_bg.gif) no-repeat;
			padding: 10px 0px 24px 24px;
			margin: 0px 0px 0px 0px;
			}
		
		.content h2.service {
			text-indent: -10000px;
			margin: 0px;
			padding: 0px 0px 0px 0px;
			width: 425px;
			height: 22px;
			font-size: 1px;
			background: url(../img/hd_service.gif) no-repeat;
			}
			
		.content h2.about {
			text-indent: -10000px;
			margin: 0px 0px 10px 0px;
			padding: 0px 0px 0px 0px;
			width: 425px;
			height: 22px;
			font-size: 1px;
			background: url(../img/hd_about.gif) no-repeat;
			}
			
			
			
			
		.content h2.featured {
			text-indent: -10000px;
			margin: 0px;
			padding: 25px 0px 0px 0px;
			width: 214px;
			height: 21px;
			font-size: 1px;
			background: url(../img/hd_featured.gif) no-repeat bottom;
			}
		.content .homepage_photo {
			display: inline;
			width: 124px;
			height: 157px;
			float: right;
			margin: 21px 24px 0px 40px;
			padding: 0px 0px 0px 0px;
			background: url(../img/photo_longisland.gif) no-repeat;
			}
	
		.content p {
			line-height: 21px;
			margin: 15px 0px 15px 0px;
			padding: 0px 0px 0px 0px;
			}
		.content ul {
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 23px 0px;
			}
		.content ul li {
			display: block;
			float: left;
			width: 230px;
			list-style: none;
			background: url(../img/bl.gif) no-repeat left;
			background-position: 0px 8px;
			padding: 5px 0px 0px 15px;
			}
			
		.hr {
			display: block;
			width: 700px;
			height: 4px;
			background: url(../img/body_hr.gif) no-repeat bottom;
			padding: 5px 0px 0px 0px;
			margin: 0px;
			font-size: 1px;
			}
		
		
		
		
		.featuredproperty {
			display: block;
			width: 228px;
			float: left;
			margin: 19px 0px 0px 0px;
			padding: 0px 5px 5px 0px;
			/*  background: url(../img/body_vr.gif) repeat-y; */ 
			background-position: 215px 0px;
			}
		.featuredproperty img {
			border: 1px solid #003366;
			padding: 3px 3px 3px 3px;
			margin: 5px 10px 0px 0px;
			float: left;
			}
		.featuredproperty p {
			float: left;
			margin: 0px;
			padding: 0px 0px 0px 0px;
			font-size: 11px;
			}
		
		
		
		
		.footer {
			display: block;
			text-align: center;
			font-size: 13px;
			border-top: 10px solid #ccc;
			padding: 0px 0px 0px 0px;
			}
		.footer a {
			position: relative;
			top: 10px;
			border-right: 1px solid #b2b2b2;
			padding: 10px 13px 4px 13px;
			text-decoration: none;
			}
		.footer a.last {
			border-right: 0px solid #b2b2b2;
			padding: 0px 0px 0px 13px;
			text-decoration: none;
			}
		.footer a:hover {
			text-decoration: underline;
			}
		.footer .spc {
			display: none;
			}
		.footer p {
			display: block;
			padding: 11px 0px 0px 0px;
			margin: 9px;
			}
		.disclaimer {
			color: #9a9a9a;
			font-size: 10px;
			letter-spacing: 1px;
			}

