body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
}
.page
{

	width: 980px;
	margin: auto;
}
.heading
{
	font-size: 1.3em;

}
img
{
	border-width: 0;
}
a
{
	color: #2B235E;
}
#header
{
	width: 100%;
}
#header #logo
{
	float: left;
	width: 25%;
	margin-top: 30px;
}
#header #featuredProperty
{
	float:left;
	width: 25%;
	text-align: center;
	padding-bottom: 5px;
}
#featuredProperty .heading, #openhouses .heading, #whyDL .heading 
{
	font-size: 1.3em;
	height: 55px;
}
#openhouses .heading, #whyDL .heading 
{
	padding-top: 12px;
	height: 45px;
}
#featuredProperty .headline
{
	font-size: .8em;
}
#featuredProperty .mls
{
	font-size: .8em;
	display: inline;
}
#featuredProperty .price
{
	font-size: .8em;
	display: inline;
}
#featuredProperty a
{
	color: #000000;
	text-decoration: none;
}
#featuredProperty a:hover
{
	text-decoration: underline;
}
#header #openhouses
{
	float:left;
	width: 25%;
	text-align: center
}

#header #whyDL
{
	float:right;
	width: 25%;
	text-align: center
}
#header #whyDL a, #header #openhouses a
{
	color: #000000;
	text-decoration: none;
}
#header #whyDL a:hover, #header #openhouses a:hover
{
	text-decoration: underline;
}
#header .divider
{
	clear:both;
	height: 54px;
	width: 100%;
	background: url(/images/blue_bar.gif);
	background-repeat: repeat-x;
	border: 1px solid #000000;
	font-size: 1.7em;
	color: #FFFFFF;
}
#header #welcome
{
	margin: 12px 20px;
	float: left;
}
#headerSearch
{
	float: right;
	padding: 6px 20px;
}
#headerSearch #search
{
	width: 160px;
	border: 2px solid #737793;
}
.searchButton
{
	background-color: #FFFFFF;
	border: 2px solid #737793;
	color: #000000;
}
.searchButton:hover
{
	border-color: #FF0000;
}

#millionDollar
{
	float: left;
	padding: 6px 60px;
}
.millionDollarButton
{
	background-color:#DB2325;
	border:2px solid #737793;
	color:#FFFFFF;
	font-weight:700;
}
.millionDollarButton:hover
{
	border-color: #FF0000;
}

#content
{
	padding: 10px 0;
	clear:both;
	width:100%;
	position: relative;
}

#footer
{
	clear:both;
	width:100%;
}
#footer #listWithJRC
{
	width: 100%;
	font-size: 1.6em;
	
	padding: 10px 0;

}
#footer #listWithJRC a
{
	color: #000000;
	text-decoration: none;
}
#footer #listWithJRC a:hover
{
	text-decoration: underline;
}
#footer #crew
{
	float: left;
	width: 50%;
	height: 300px;
	background: url(/images/blue_box_large.gif);
	background-position: top center;
	background-repeat: no-repeat;
	color: #FFFFFF;
	text-align: center;
	z-index: -5;
}
#crew .heading
{
	padding: 10px;
}
#agentScroller
{
	padding: 20px 28px;
}
#agentScrollLeft, #agentScrollRight
{
	margin-top: 30px;
	padding: 5px;
	float: left;
	cursor: pointer;
}

#agentsContainer
{
	float: left;
	width: 370px;
	overflow: hidden;
	position: relative;
	
}
#agentStrip
{
	position: relative;
	z-index: 0;
}
#agentsContainer .agent
{
	display:table-cell;
	text-align: center;
	padding: 0px;
	margin: 0px;
}
#agentsContainer .agent img
{
	height: 100px;
}
#crew .body
{
	clear: both;
	padding: 15px 50px;
	font-size: 1.7em;
}
#footer #contact, #footer #news
{
	float: left;
	width: 25%;
	height: 300px;
	background: url(/images/blue_box_small.gif);
	background-position: top center;
	background-repeat: no-repeat;
	color: #FFFFFF;
	text-align: center;
}
#contact .heading, #news .heading
{
	padding: 10px;
}
#contact .heading a, #news .heading a
{
	color: #FFFFFF;
	text-decoration: none;
}
#contact .heading a:hover, #news .heading a:hover
{
	text-decoration: underline;
}
#contact #address, #contact #contactInfo
{
	text-align: left;
	padding: 20px 25px;
	font-size: .9em;
	line-height: 1.3em;
}
#news a
{
	color: #FFFFFF;
}
#footer #news .article
{
	font-size: .8em;
	clear: both;
	padding: 15px 25px 0px;
	text-align: left;
}
#footer #news .article a
{
	color: #FFFFFF;
	text-decoration: none;
}
#footer #news .article a:hover
{
	text-decoration: underline;
}
#footer #news .article img
{
	float: left;
	padding: 5px 5px 5px 0;
}
#footer #siteMap
{
	clear: both;
	float: left;
	width: 33%;
	font-size: .8em;
	padding-top: 20px;
}
#footer #siteMap .heading, #footer #whyDL .heading, #footer #overview .heading
{
	text-align: center;
}
#footer #siteMap a, #footer .whyDL a
{
	color: #000000;
	text-decoration: none;
}
#footer #siteMap li
{
	list-style-type: none;
	padding-left: 50px;
}
#footer #siteMap a:hover, #footer .whyDL a:hover
{
	text-decoration: underline;
}
#footer .whyDL
{
	float: left;
	width: 33%;
	font-size: .8em;
	padding-top: 20px;
}
#footer .whyDL li
{
	list-style-type: none;
	padding-left: 60px;
}
#footer #overview
{
	float: left;
	width: 33%;
	font-size: .8em;
	padding-top: 20px;
}
#footer #overview p
{
	padding: 0 10px;
}
#copyright
{
	clear: both;
	margin: 1em 0;
	width: 100%;
	text-align: center;
	font-size: .8em;
}
/* * * * * common elements * * * * */
.contentContainer
{
	background: url(/images/black_border_sides.png);
	background-repeat: repeat-y;
	/*margin-top: -3px;*/
	padding: 0 24px;
}
.breadcrumbs
{
	font-size: 10pt;
	position:relative;
	top: -10px;
	height: 5px;
}
.smallButton
{
	background: url(/images/blue_button.png);
	
	width: 168px;
	height: 34px;
	margin: auto;
	display:block;
	text-align: center;
	line-height: 34px;
	margin-top: 10px;
	color: #FFFFFF;
	text-decoration: none;

}
.mediumButton
{
	background: url(/images/blue_button.png);
	
	width: 190px;
	height: 34px;
	display:block;
	margin: auto;
	text-align: center;
	line-height: 34px;
	margin-top: 10px;
	color: #FFFFFF;
	text-decoration: none;

}
.largeButton
{
	background: url(/images/large_blue_button.png);
	
	width: 272px;
	height: 34px;
	margin: auto;
	display:block;
	text-align: center;
	line-height: 34px;
	margin-top: 10px;
	color: #FFFFFF;
	text-decoration: none;

}
/* * * * * main page content * * * * */
.propertyType
{
	width: 25%;
	height: 250px;
	float: left;
	text-align: center;
	background: url(/images/red_box.gif);
	background-position: top center;
	background-repeat: no-repeat;
}
.propertyType .heading
{

	padding-top: 10px;
}
.propertyType .propertyPhoto
{
	height: 170px;
}
.propertyType .propertyPhoto img
{
	width: 200px;
	height: 130px;
	margin: 15px 0;
}
.propertyType .heading a
{
	color: #FFFFFF;
	text-decoration : none;
	
}
.propertyType .heading a:hover
{
text-decoration : underline;
}

#propertyPopup
{
	position: absolute;
	display: none;
	background: url(/images/popup_background.png);
	z-index: 10;
	width: 800px;
	height: 423px;
	margin: auto;
	/*border: 2px solid #000000;*/
	left: 100px;
	top: -100px;
	overflow: hidden;
}
#propertyPopup .close
{
	position: absolute;
	right: 16px;
	top: 16px;
}
#propertyPopupContents
{
	position: absolute;
}
#propertyContainter
{
	margin: 0px 77px;
	width: 646px;
}
#propertyPopup .previousProperty, #propertyPopup .nextProperty
{
	position: absolute;
	top: 0;
	width: 67px;
	height: 423px;
	background: url(/images/glossy_sidebar.gif);
	text-align: center;
	padding-top: 197px;
	z-index: 15;
}
#propertyPopup .previousProperty
{
	left: 0;
}
#propertyPopup .nextProperty
{
	right:10px;
}
#currentProperty
{
position:absolute;
width: 646px;
top:30px;
height: 393px;
}
#propertyPopup .heading
{
	padding-bottom: 10px;
	text-align: left;
	margin-top: 10px;
	font-size: 1.2em;
}
#propertyPopup .imageContainer
{
	float: left;
	padding: 0 10px 10px 0;
	text-align: center;
	width: 400px;
}
#propertyPopup .price
{
	font-weight: 700;
	padding-bottom: 10px;
}
#propertyPopup .mls
{
	padding-bottom: 10px;
}
#propertyPopup .description
{
	padding-bottom: 10px;
}
#viewOtherProperties
{
	position: absolute;
	bottom:25px;
	left: 75px;
}
#propertyPopup .viewMore
{
	position: absolute;
	bottom: 20px;
	left: 455px;
}

/* * * * * listing page content * * * * */
.listing
{

}
.listing .heading
{
	padding-bottom: 10px;
}
.listing #imageContainer
{
	float: left;
	padding-bottom: 10px;
	text-align: center;
	width: 470px;
}
#imageContainer #previousImage, #imageContainer #nextImage
{
	float:left;
	margin-top: 150px;
}
#imageContainer #mainImage
{
	float:left;
	
	width: 400px;
	height: 300px;
}
#imageContainer .listingImage
{
	float: left;
	padding: 0 10px 10px 0;
	width: 225px;
	height: 130px;
}
.listing .price
{
	font-weight: 700;
	padding-bottom: 10px;
}
.listing .mls
{
	padding-bottom: 10px;
}
.listing .address
{
	padding-bottom: 10px;
}
.listing .openhouseInfo
{
	padding-bottom: 10px;
}
.listing .description
{
	padding-bottom: 10px;
}
.listingPages
{
	clear: both;
	width: 100%;
}
.listingPage
{
	float: left;
	padding: 0 10px 10px 0;
}
#fullSizeImageContainer
{
	position: absolute;
	width: 800px;
	background: url(/images/popup_background.png);
	border: 2px solid #000000;
	text-align: center;
	
}
#fullSizeImageContainer .thumbImage
{
	float: left;
}
#fullSizeImageContainer .close
{
	text-align: right;
	margin: 16px;
	margin-bottom: 0px;

}
#fullSizeImageContainer #mainImage
{
	width: 400px;
	height: 330px;
	margin: auto;
	position: relative;
	top: -20px;
}
#fullSizeImageContainer .thumbs
{
	background: url(/images/glossy_bar.gif);
	background-position: center center;
	background-repeat: repeat-x;
	
	height: 155px;
}
#fullSizeImageContainer #scrollLeft, #fullSizeImageContainer #scrollRight
{
	float:left;
	width: 50px;
	margin-top: 60px;
	
}
#thumbStrip
{
	position:relative;
	float: left;
	width: 700px;
	overflow: hidden;
	padding-top: 5px;
	height: 150px;
}

#thumbScroller
{
	position: absolute;
}
#thumbScroller td
{
border: 5px solid transparent;
}
#thumbScroller .selected
{
	border: 5px solid #DDDD88;
}
.thumbImage
{
	padding: 5px;
}
.gallery
{
	clear:both;
}
/* * * * * agent page content * * * * */
.agent
{
	
}
.agent .heading
{
	padding-bottom: 10px;
}
.agent .imageContainer
{
	float: left;
	padding: 0 10px 10px 0;
	text-align: center;
}
.agent .bio
{
	padding-bottom: 10px;
}
.agent .email
{
	padding-bottom: 10px;
}
.agent .phone
{
	padding-bottom: 10px;
}

/* * * * * article page content * * * * */
.article
{
	
}
.article .heading
{
	padding-bottom: 10px;
}
.article .imageContainer
{
	/*float: left;
	padding: 0 10px 10px 0;*/
	text-align: center;
}
.article .author
{
	display: inline;
	font-weight: 700;
}
.article .source
{
	display: inline;
}
.article .date
{
	padding-bottom: 10px;
	font-size: .8em;
}

/* * * * * briefArticle page content * * * * */
#articleList
{
	float: left;
	width: 620px;
}
.articleColumn
{
	float: left;
	width: 45%;
	padding-right: 10px;
}
.briefArticle
{
	padding-bottom: 20px;
}
.briefArticle .headline
{
	font-weight: 700;
}
.briefArticle .date
{
	padding-bottom: 10px;
	font-size: .8em;
}

/* * * * * subpage directories page content * * * * */
.subPageLink
{
	float: left;
	width: 33%;
	margin: 7px 1px 7px 1px;
	text-align: center;
	height: 300px;
	background: url(/images/red_box_small.gif);
	background-position: center;
	background-repeat: no-repeat;
}
.subPageLink img
{
	margin: 20px 0;
}

/* * * * * listingPreview page content * * * * */
.listingPreview
{
	width : 50%;
	position: relative;
	float: left;
}
.listingPreview .listingPreviewContent
{
	height: 190px;
	margin: 0 10px;
}
.listingPreview .heading
{
	padding-bottom: 5px;
	font-weight: 700;
	font-size: 1em;

}
.listingPreview .imageContainer
{
	float: left;
	width: 170px;
	margin: 0 10px 0 0;
	overflow: hidden;
}
.listingPreview .price
{
	font-weight: 700;
	padding-bottom: 5px;
}
.listingPreview .mls a
{
	color: #2B235E;
}
.listingPreview .mls
{
	padding-bottom: 5px;
	font-size: 10pt;
}
.listingPreview .address
{
	font-size: 10pt;
	position: relative;
	margin-left: 170px;
	padding-bottom: 5px;
}
.listingPreview .openhouseInfo
{
	font-size: 10pt;
	position: relative;
	margin-left: 170px;
	padding-bottom: 5px;
	font-weight: 700;
}

.listingPreview .description
{
	font-size: 10pt;
	height: 90px;
	
	margin-left: 170px;
}
.listingPreview .listingInfo
{
	position: absolute;
	right: 0;
	bottom: 25px;
	right: 10px;
}
.listingPreview .listingSeperator
{
	background: url(/images/black_gloss_bar.png);
	background-repeat: repeat-x;
	height: 5px;
	margin: 0 10px 15px 10px;
}
.listingPages a
{
	color: #2B235E;
}
#selectListingStatus
{
	text-align: right;
	position: relative;
	top: -15px;
	font-size: 10pt;
	margin-left: 500px;
}
/* * * * * listingPreview page content * * * * */
.salesColumn
{
	float: left;
	width: 33%
}
.displyAll
{
	float: right;
	clear: both;
}
/* * * * * contactPage page content * * * * */
.contactPage img
{
	float: left;
	width: 50%;
	text-align: center;
	padding-right: 20px;
}
.contactInfo 
{
	float: left;
}
.contactPage form
{
	float: left;
	padding: 10px 0;
}
/* * * * * contentPage page content * * * * */
.mainContentImage
{
	float: left;
	margin: 0 10px 10px 0;
}
.secondaryImages, .chart
{
	float: right;
	margin: 0 0 10px 10px;
}
/* * * * * social networks * * * * */
#socialNetworks
{
	margin-left: 10px;
	width: 250px;
}
.socialNetwork
{
	margin: 10px 20px 0;
	float: left;
}
/* * * * * radio clips * * * * */
.radioClip
{
	float: left;
	position: relative;
	width: 50%;
	padding-top: 10px;
}
.radioClipContent
{
	margin: 0 10px;
}
.radioClipTitle
{
	font-weight:700;
	padding-bottom:5px;
}
.radioClipDescription
{
	font-size: 10pt;
	margin: 5px 0;
}
.radioClipSeperator
{
	background:url("/images/black_gloss_bar.png") repeat-x scroll 0 0 transparent;
	height:5px;
	margin:0 10px 15px;
}
.clear
{
	clear: both;
}