﻿/* Global Styles */
body {
	margin:0;
	padding:0;
	background-color:#373737;
	margin:0px;
	color: #ffffff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
}

a img {
  border: 0;  
}



p {
   margin: 0 0 1em; 
    }

h1 {
	font-size:16px;
	color:#5d5d5d;
	margin:0 0 15px 0;
	
}

h3 {
	font-size:17px;
	color:#ffffff;
	margin:0 0 5px 0;
	font-weight:bold;
	
}
h4 {
	font-size:15px;
	color:#ffffff;
	margin:0 0 3px 0;
	font-weight:bold;
	
}
.propThumb 
{
	width:209px;
	padding-bottom:20px;
	float:left;
	margin:0;
	padding-right:25px;
	
}
.propHeader 
{
	margin-left:3px;
	font-size:18px;
	color:#ffffff;
	
	width:200px;
}
#propDetail
{
	
	float:left;
	padding:20px;

}

#propDetail #address
{
	

	float:left;
	clear:left;
	margin-right:20px;
	margin-bottom: 25px;


}
#propDetail #desc
{
	clear:left;

	float:left;

	margin-bottom: 25px;

	width:320px;

}
#propDetail #desc2
{
	clear:left;
	width:320px;
	float:left;

	margin-bottom: 25px;

}
#propDetail #contactInfo
{
	clear:left;
	width:320px;
	float:left;

	margin-bottom: 15px;
	background: transparent url('images/misc/blurbBack.gif') repeat-x top left;
    padding-top:20px;

}
#propDetail .flashpc
{
	
	width:353px;
	height:315px;
	float:right;
	margin-bottom: 0px;

}
#propDetail #gallerypc
{
	
	width:353px;
	height:315px;
	float:right;
	margin-bottom: 0px;

}

 #popDemo
{
	
	width:353px;
	float:right;
	margin-bottom: 25px;
	clear:right;
	background-color:Blue;
	

}
#propDetail #IncomeDemo
{
	
	width:353px;
	float:right;
	clear:right;
	margin-bottom: 25px;
	background-color:Blue;

}

#pnlListings
{
	display:block;
	float:left;
	padding-bottom: 50px;
	clear:left;
	background-color:Red;

}


/* Page Styles */
#mainwindowHome
{
	margin: 0;
	padding: 0;
	position:absolute;
	top:0;
	left:0;
	width: 100%;
	height: 608px;
	background: url(images/misc/homeBack.jpg) transparent repeat-x 0% 0px;
	overflow: visible;
}
#mainwindowHome2
{
	margin: 0;
	padding: 0;
	position:absolute;
	top:0;
	left:0;
	width: 100%;
	height: 180px;
	background: url(images/misc/homeBack2.jpg) transparent repeat-x 0% 2px;
	overflow: visible;
}


#mainwrapper {
	margin:6px auto 0 auto;
	width:1001px;
	background: transparent url("images/misc/contentShadow.jpg") repeat-y top center;
	overflow:hidden;
	
		
}
#shimL 
{
	float:left;
	background: transparent url("images/misc/shimL.gif") no-repeat;
	width:11px;
	height:610px;
}
#shimR
{
	float:left;
	background: transparent url("images/misc/shimR.gif") no-repeat;
	width:11px;
	height:610px;
}
#shimL2 
{
	float:left;
	background: transparent url("images/misc/shimL2.gif") no-repeat;
	width:11px;
	height:180px;
}
#shimR2
{
	float:left;
	background: transparent url("images/misc/shimR2.gif") no-repeat;
	width:11px;
	height:180px;
}
#shimB
{
	margin: 0 auto;
	clear:both;
	background: transparent url("images/misc/shimB.jpg") no-repeat left top;
	width:996px;
	height:9px;
}
#contentcontainer 
{
	float:left;
	width:979px;
	
}
#contentBody
{
	float:left;
	width:979px;
	clear:left;
	background:#666666 url("images/misc/contentBack.gif") repeat-y top left;	
}
#contentBody #colL
{
	float:left;
	width:245px;
	background:transparent url("images/misc/menuBack.gif") no-repeat top left;
	padding-top:4px;
	
}
#contentBody #colR
{
	float:left;
	background:transparent url("images/misc/contentBackswoosh.jpg") no-repeat bottom left;
	float:left;
	margin:0;
	padding:0;
	width:734px;
	
		
}
#contentBody #copy
{
	float:left;
	padding:20px;
}

#contentBody #title
{
	float:left;
	width:734px;
	background:transparent url("images/headers/titleBack.jpg") repeat-x top left;
	height: 54px;
	margin:0;
	padding:21px 0 0 0;
		
}




#masthead 
{
	float:left;
	clear:both;
	padding:0;
	width:979px;
	height:130px;
	background:transparent url("images/misc/masthead.jpg") no-repeat top left;
	

	
	
	
}
#mainnavwrapper 
{
	float:left;
	clear:both;
	padding:0;
	width:979px;
	height:34px;
	background:transparent url("images/nav/mainnavBack.jpg") repeat-x top left;

	
	
	
}
#topHilites
{
	float:left;
	clear:both;
	padding:0;
	width:979px;
	height:426px;
	background:#666666 url("images/misc/hilitesBack.gif") repeat-x bottom left;	

}
#portHilites
{
	float:left;
	clear:both;
	padding:0;
	height:325px;
	background:transparent url("images/misc/porthiliteBack.gif") repeat-x bottom left;	

	width:734px;
	overflow:hidden;
	margin-bottom:10px;



}
#portHilitesText 
{
	float:left;
	clear:both;
	width:702px;
	padding-left:15px;
	padding-bottom:10px;
	
	
}
#portLinks 
{
	float:left;
	clear:both;
	width:702px;
	padding-left:15px;
	padding-bottom:20px;
	
	
}
#bottomhilites
{
	float:left;
	clear:both;
	padding:0;
	width:979px;
	/*height:293px;*/
	height:365px;
	background:#666666 url("images/misc/bottomhilitesBack.jpg") repeat-x top left;
	
}
/*
#bottomhilitesInner #colM
{
	float:left;
	width:308px;
	height:227px;
	background:transparent url("images/graphics/graphics1.jpg") no-repeat;
	margin:0 20px;
}
*/

#bottomhilitesInner
{
	float:left;
	background:transparent url("images/misc/bottomhilitesBack2.jpg") no-repeat 15px bottom;
	color:#ffffff;
	padding:20px 15px 0 15px;
	height:355px;
	
}

#bottomhilitesInner #colL
{
	float:left;
	background:transparent url("images/graphics/graphics2.jpg") no-repeat;
	width:648px;
	height:315px;
	
}

/* 
#bottomhilitesInner #colL
{
	float:left;

	width:300px;
	
}
*/

#bottomhilitesInner #colR 
{
	float:left;
	height:250px;
	width:300px;
	background:transparent url("images/home/featureBack.jpg") no-repeat;
	padding-top:40px;
}
.subFeatureLabel 
{
	float:left;
	clear:left;
	margin-left:15px;
	margin-bottom:5px;
	text-transform: uppercase;
	font-weight:bold;
	width:200px;
	
}

.subFeature 
{
	float:left;
	clear:left;
	height:42px;
	width:236px;
	background:transparent url("images/home/subfeatureBack.jpg") no-repeat;
	padding-left:15px;
	padding-top:2px;
	margin-bottom:5px;
	text-align:left;
	line-height:1.4em;
}
h2 
{
font-size:17px;
font-weight:normal;
margin:0 0 15px 0;
color:#ffffff;
letter-spacing:.2em;
font:Helvetica;	
}

#footer
{ 
	
	clear:both;
	padding:12px 0;
	width:934px;
	margin: 0 auto;
	height:20px;
	text-align:center;
	background:transparent url("images/misc/footerBack.gif") repeat-x top left;	
	color:#cccccc;
	font-size:11px;	
	
}
#leftmenu 
{
	width:245px;
	margin-bottom:25px;
		
}
#sectionTitle 
{
	width:245px;
	margin-bottom:35px;
	text-align:right;
		
}
#siteMap 
{
	width:60px;
	float:right;
	border-bottom:solid 1px #343933;
	padding-top:30px;	
	font-variant:small-caps;
	font-size:11px;
	font-weight:bold;
	position:relative;
	z-index:999;
	
	
	
}

.sitemap-link
{
	color:#939393;
	text-decoration:none;
}
.sitemap-link:hover
{
	color:#ffffff;
	text-decoration:none;
}

.mainphoto 
{
	width:223px;
	height:144px;
	margin:0 30px 0 0px;
	background: #969696 url('images/misc/photoBack.gif') repeat-x;
	float:left;
	
	
}
.blurb 
{
	background: transparent url('images/misc/blurbBack.gif') repeat-x bottom left;
	clear:both;
	float:left;
	margin-bottom:20px;
	width:100%;
	padding-bottom:15px;
	
	
	
}
 .row 
{
	margin-bottom:4px;
	float:left;
	clear:both;
	width:100%;
	
	
}
.formText 
{
	display:block;
	float:left;
	width:170px;
	
	
}
.formField 
{
	float:left;
	width:160px;
	border:solid 0 #666666;
	font-family: Tahoma, Arial, Sans-Serif;
	font-size:13px;
	padding:3px 2px 2px 4px;
	
	
}
.btnStyle 
{
	padding:0 5px 0 5px;
	background-color:#ffffff;
	font-family: Tahoma, Arial, Sans-Serif;
	font-size:13px;
	font-weight:bold;
	border: solid 1px #3d3d3d;
	color: #3d3d3d;
	cursor:pointer;
	
	
	
}
.validatorCalloutHighlight
{
    background-color: Lemonchiffon;

	
  
}
.white-link 
{
	color:#ffffff;
	text-decoration:underline;
	
	
}
.white-link:hover
{
	color:#ffffff;
	text-decoration:none;
	
	
}
#logo 
{
	position:relative;
	left:80px;
	top:27px;
	
	
}

 #subnav ul 
{
	list-style: none;
	padding:0;
	margin:0;
	margin-bottom:20px;
	
	
}
 #subnav li a
{
	background:transparent url('images/subnav/background_parent.jpg') no-repeat;
	height:26px;
	display:block;
	color:#dddfdd;
	text-decoration:none;
	font:bold 12px Arial;
	padding-left:14px;
	padding-top:10px;
	
	
}
 #subnav li a:hover
{
	background:transparent url('images/subnav/background_parentover.jpg') no-repeat;
	color:#ffffff;
	
	
}

 #subnav li .subnav-link2
{
	background:transparent url('images/subnav/child.gif') no-repeat;
	height:26px;
	display:block;
	color:#dddfdd;
	text-decoration:none;
	font:bold 12px Arial;
	padding-left:36px;
	padding-top:10px;
	
	
}
 #subnav li .subnav-link2:hover
{
	background:transparent url('images/subnav/childover.gif') no-repeat;
	color:#ffffff;
	
	
}
.mapArea
{
	 width:353px;
	 height:315px;
	 background:transparent url('images/misc/mapBack.jpg') no-repeat;
	 float:right;
     margin-bottom:0px;
	
}
.mapframe 
{
	 



	
	
}
#mapDiv
{	 
margin-top:16px;
margin-left:10px;
width:336px;
height:282px;	
}
#videoDiv
{	 
margin-top:16px;
margin-left:10px;
width:336px;
height:282px;	
}



#propDetail #lower {
float:left;
clear:both;
background: transparent url('images/misc/blurbBack.gif') repeat-x top left;
padding-top:20px;
}

#crabLogo
{
	background-color:Red;
	float:right;
	width:120px;
	margin-bottom:15px;
	


	
}
#crabExtras 
{
	margin:20px 0 0 3px;
	width:350px;
	float:right;
	margin-bottom: 25px;
	text-align:center;	
	
}

#misc 
{
	margin-left:40px;
	
	
}
.galleryButton 
{
	width:68px;
	height:94px;
	overflow:hidden;
	margin-right:15px;
	text-align:center;


	float:left;
	
	
}
#innerIcons
{
	background-color:Blue;
	height:200px;
	width:300px;
	text-align:center;
}
#propDetail #icons
{
	
	width:333px;
	float:right;
	margin-bottom: 0px;
	height:100px;
	padding:0 10px 20px 10px;
	text-align:center;

}
#propDetail #crabtreeicons
{
	
	width:333px;
	float:right;
	margin-bottom: 25px;
	padding:0 10px 20px 10px;
	text-align:center;

}
.hl1-link
{
	background: transparent url('images/misc/hilite1b.jpg') no-repeat;
	display:block;
	float:left;	
}

.hl1-link:hover
{
	background: transparent url('images/misc/hilite1b-ro.jpg') no-repeat;	
}
.hl2-link
{
	background: transparent url('images/misc/hilite2b.jpg') no-repeat;	
	display:block;
	float:left;	
}

.hl2-link:hover
{
	background: transparent url('images/misc/hilite2b-ro.jpg') no-repeat;	
}
.hl3-link
{
	background: transparent url('images/misc/hilite3b.jpg') no-repeat;
	display:block;
	float:left;		
}

.hl3-link:hover
{
	background: transparent url('images/misc/hilite3b-ro.jpg') no-repeat;

}

