html{
	font-family: 'Arial', sans-serif;
	font-size: 12px;
}

body{
	margin-top: 5px;
	background: #000000;
}

a:link{
	text-decoration: none;
	color: #000000;
}

a:active{
	color: #000000;
}

a:hover{
	text-decoration: underline;
}

a:visited{
	color: #000000;
}

.impFull{
	width: 900px !important;
}

.italics{
	font-style: italic;
}

.activeNav{
	font-weight: bold;
}

.ieFacebook{
	display: inline;
	height: 20px !important;
	width: 62px !important;
}

.mac .ieFacebook{
	width: 62px !important;
}

.pc .ieFacebook{
	width: 62px !important;
}

.sub{
	font-size: 10px;
}

.bold{
	font-weight: bold;
}

#wrapper{
	width: 900px;
	margin: 0px auto;
	position: relative;
	overflow: hidden;
}

.royalSlider{
	width: 900px;
	height: 450px;
	/*background: #000000;*/
}

.rsOverflow{
	height: 450px;
	width: 900px !important;
}

.rsNav{
	display:none;
	position: relative;
	z-index: 150;
	/*height: 70px;*/
	/*Extended Value*/
	/*right: 0px;*/
	/*Starting Value*/
	right: -106px;
}

.rsThumbsContainer{
	position: absolute;
}

/*.rsThumbsContainer:first-child{
	margin-top: 32px;
}

.rsThumbsContainer:last-child .rsNavItem{
	margin-bottom: 32px;
}*/

.rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder, .rsDefault .rsThumbs{
	/*background: #000000;*/
	/*padding: 0 8px 0 10px;*/
}

.rsDefault .rsThumbsVer {
	width: 116px;
}

.rsDefault .rsThumb{
	width: 94px;
	height: 47px;
	position: relative;
	top: 7px;
	background: #000000;
	margin-left: 10px;
}

.rsDefault .rsThumbsArrowIcn {
	width: 26px;
	top: 30%;
	left: 39%;
	margin-top: 0;
	margin-left: 0;
}

.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn {
	background: url('../img/upArrow.png');
	background-position: 0 0;
}

.rsDefault.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn {
	background: url('../img/downArrow.png');
	background-position: 0 0;
}

.rsDefault .rsThumb img {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.rsDefault .rsThumb.rsNavSelected img {
	opacity: 1.0;
	filter: alpha(opacity=100);
}

.rsDefault .rsThumb.rsNavSelected {
	background: none;
}

.rsDefault .rsThumbsHor {
	height: 62px;
}

.rsDefault .rsThumbsArrow {
	background: #000000;
}

.rsDefault .rsThumbsArrowDisabled {
	display: none;
}

.rsDefault.rsWithThumbsVer .rsThumbsArrow {
	height: 40px;
}

.rsGCaption{
	display: none;
}

.rsImg{
	margin-top: 0px !important;
	margin-left: 0px !important;
	max-height: 100%;
}

#topBar{
	width: 100%;
	height: 25px;
}

#topBar > *{
	float: left;
}

#shareBtns{
	float: left;
}

#shareBtns *{
	float: left;
}

#shareBtns span{
	font-size: 12px;
	position: relative;
	top: 5px;
	padding-right: 5px;
}

#shareBtns img{
	padding-right: 10px;
}

#copyright{
	position: relative;
	bottom: -10px;
	font-size: 10px;
	width: 90%;
	text-align: right;
}

#copyright p{

}

#imprev{
	position: relative;
	margin: 0px 5px;
	float: right;
}

#agentInfo{
	width: 100%;
	margin-top: 8px;
	font-size: 11px;
}

h2.brokerage{
	font-weight: bold;
	font-size: 12px;
	padding: 10px 10px 10px 10px;
}

#agent1Info{
	width: 45%;
	float: left;
	padding-left: 20px;
}

#agent1InfoText{
	line-height: 14px;
	float: left;
}

#agent1Photo{
	margin-right: 5px;
	float: left;
}

#agent2Info{
	width: 45%;
	float: right;
	padding-right: 17px;
}

#agent2InfoText{
	line-height: 14px;
	float: right;
	text-align: right;
}

#agent2Photo{
	margin-left: 5px;
	float: right;
}

#companyLogo{
	padding-top: 10px;
}

.socialBtns{
	position: relative;
	top: 2px;
}

#agentInfo a:link{
	color: #ffffff;
}

#agentInfo a:active{
	color: #ffffff;
}

#agentInfo a:visited{
	color: #ffffff;
}

#navTab{
	width: 40px;
	background: #000000;
	height: 85px;
	padding-right: 10px;
	position: absolute;
	z-index: 200;
	/*Extended position*/
	/*right: 114px; Photo Out*/
	/*right: 248px;*/ /*Contact out*/
	/*right: 645px; *//*Contact out*/
	/*right: 780px;*/ /*Details Out*/
	right: 7px; /*Hidden*/
	top: 25px;
	/*display: none;*/
}

#nav{
	width: 100%;
	height: 27px;
	background: #000000;
}

#navSect{
	width: 15%;
	float: left;
}

ul#navList{
	display: inline-block;
}

ul#navList li{
	float: left;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	margin-left: 15px;
	margin-top: 6px;
	padding: 2px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

#photosBtn{
	cursor: pointer;
	padding-left: 9px;
	margin-top: 10px;
}

.activeBtn{
	background: #555555;
	border-radius: 3px;
}

#detailsBtn{
	cursor: pointer;
	padding-left: 9px;
	margin-top: 10px;
}

#navGrad{
	background: url('../img/navTabGrad.png');
	position: absolute;
	right: 3px;
	top: 0;
	height: 100%;
	width: 7px;
	float: right;
}

#addressSect{
	width: 100%;
}

p.address{
	font-size: 14px;
	text-align: center;
	color: #ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
}

#detailsModal{
	width: 782px;
	background: #000000;
	color: #ffffff;
	position: absolute;
	/*top: -499px;*/
	height: 450px;
	/*margin: 0px auto;*/
	/*right: 0;*/
	right: -772px;
	/*top: 0;*/
	/*top: 65px;*/
	z-index: 200;
	/*display: none;*/
	overflow: hidden;
	top:25px;
}

#detailsModal h2{
	font-size: 20px;
	margin-bottom: 5px;
	font-weight: normal;
	text-transform: uppercase;
}

#detailsModal h2.headline{
	margin-bottom: 15px;
}

#quickFacts{
	height: 160px;
	width: 94%;
	margin-top: 15px;
	padding: 0 0 20px 10px;
	border-bottom: 3px solid #ffffff;
	margin-left: 20px;
}

#quickFacts ul{
	padding-left: 20px;
}

#quickFacts ul li{
	float: left;
	width: 30%;
}

#remarks{
	width: 100%;
	padding: 20px 30px 0 30px;
	line-height: 16px;
}

#remarks h2{
	float: left;
	position: relative;
	top: 24px;
}

#remarks p{
	clear: both;
	padding-left: 20px;
	padding-right: 50px;
}

#details{
	width: 100%;
	height: 47px;
	display: none;
}

#rmxLogo{
	width: 155px;
	height: 42px;
	float: left;
	margin-bottom: 10px;
	margin-right: 5px;
}

ul#detailsList{
	display: inline-block;
	padding-top: 10px;
}

ul#detailsList li{
	float: left;
	margin-left: 40px;
	text-align: center;
}

p.edeLabel{
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 2px;
}

p.edeVal{
	font-size: 12px;
	margin-bottom: 10px;
}

#footer{
	width: 100%;
	height: 70px;
	margin-top: 5px;
}

#footAgentPhoto{
	float: left;
	margin: 0px 5px;
}

#footAgentInfo{
	float: left;
	line-height: 14px;
	margin-top: -2px;
}

#eho{
	clear: both;
	float: left;
	margin-top: 3px;
	margin-right: 5px;
}

#disclaimer{
	float: left;
	margin-top: 3px;
}

#footCompanyLogo{
	float: right;
}

.visible-tablet{
	display: none;
}

.audioControl.visible-tablet{
	display: none !important;
}

@media (max-width: 899px){
	body{
		margin-top: 0;
		color: #000000;
		background: #ffffff;
		font-size: 14px;
	}

	.visible-desktop{
		display: none;
	}

	.visible-tablet{
		display: block;
	}

	.audioControl.visible-desktop{
		display: none !important;
	}

	.audioControl.visible-tablet{
		display: block !important;
	}

	.brokerage{
		font-weight: bold;
		text-transform: uppercase;
		font-size: 13px;
	}

	.sub{
		font-size: 12px;
	}

	.mobPropAddress{
		font-size: 20px;
		font-weight: bold;
		text-transform: uppercase;
	}

	#wrapper{
		width: 100%;
		margin: 0px auto;
	}

	.rsImg{
		/*padding-left: 7px;*/
	}

	.royalSlider{
		width: 100%;
		height: 450px;
		/*background: #000000;*/
	}

	.rsOverflow{
		width: 100% !important;
		height: 450px;
	}

	#propAddress{
		width: 100%;
		height: 35px;
		text-align: center;
	}

	#propAddress p{
		padding-top: 10px;
		font-size: 15px;
	}

	#brokerage{
		font-weight: bold;
		padding-top: 5px;
		padding-bottom: 10px;
	}

	#agentInfo{
		display: none;
	}

	#nav{
		display: none;
	}

	#shareBtns{
		width: 100%;
		display: none;
	}

	#shareBtns span{
		font-size: 12px;
		font-weight: bold;
		position: relative;
		top: 5px;
		padding-right: 5px;
	}

	#shareBtns img{
		float: left;
		padding-right: 10px;
	}

	#copyright{
		position: relative;
		bottom: auto;
		width: 100%;
		text-align: center;
		padding-right: 0;
	}

	#copyright p{
		clear: both;
		text-align: center;
		width: 100%;
	}

	#imprev{
		position: relative;
		bottom: auto;
		margin-top: 10px;
		margin-bottom: 45px;
	}

	#mobTopBar{
		width: 100%;
		min-height: 85px;
		padding: 10px;
	}

	#mobTopBar > *{
		float: left;
	}

	#mobTopBarAgentPhoto{

	}

	#mobTopBarAgentPhoto img{
		width: 50px;
		margin-right: 10px;
	}

	#mobTopBarAgentInfo{
		/*width: 60%;*/
		width: 84%;
		line-height: 16px;
	}

	#mobShareBtns{
		float: right;
		margin-right: 20px;
	}

	#mobShareBtns > *{
		clear: both;
	}

	#mobNav{
		width: 100%;
		height: 50px;
		background: #000000;
	}

	#mobNavBtns li{
		float: left;
	}
	/*#mobNav{
		position: fixed;
		background: #000000;
		text-align: center;
		width: 100%;
		bottom: 0;
		height: 35px;
		border-top: 1px solid #444444;
		z-index: 9999;
	}

	#mobNav *{
		float: left;
		text-transform: uppercase;
	}*/

	.activeNav{
		opacity: 1.0 !important;
	}

	#mobHomTab, #mobDetTab, #mobConTab{
		width: 32%;
		text-align: center;
		cursor: pointer;
		margin-top: 5px;
		opacity: 0.5;
	}

	#mobHomTab.ubMobNav, #mobDetTab.ubMobNav{
		width: 49%;
	}

	/*#mobNav p{
		width: 100%;
		height: 35px;
		padding-top: 11px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		-o-user-select: none;
		user-select: none;
	}*/


	#mobMain{
		/*display: none;*/
		width: 100%;
		text-align: center;
		margin-top: 20px;
	}

	#mobMain h1{
		margin-bottom: 10px;
	}

	#details{
		display: none;
		height: auto;
		/*display: block;*/
		padding: 15px;
	}

	#mobRemarks{
		/*padding: 10px 15px;*/
		padding-right: 30px;
		line-height: 16px;
		font-size: 14px;
	}

	#mobRemHeadline{
		text-transform: uppercase;
		font-size: 20px;
		margin-bottom: 15px;
	}

	#mobQuickFacts{
		text-transform: uppercase;
		font-size: 20px;
		margin-top: 10px;
		text-align: left;
	}

	ul#detailsList{
		/*display: inline;*/
		/*padding-top: 10px;*/
		text-align: left;
		display: block;
	}

	ul#detailsList li{
		float: left;
		padding: 15px 0 15px 0;
		text-align: left;
		margin-left: 0;
		width: 30%;
	}

	p.edeLabel{
		margin-bottom: 5px;
		text-transform: uppercase;
		font-size: 16px;
	}

	p.edeVal{
		font-size: 14px;
	}

	#agentInfoMob{
		display: none;
		padding: 15px;
	}

	#agent1Info{
		margin-top: 15px;
		width: 45%;
		padding-left: 0;
		float: left;
	}

	#agent1Photo{
		float: left;
		margin-right: 10px;
	}

	#agent1InfoText{
		line-height: 16px;
		float: left;
	}

	#agent2Info{
		margin-top: 15px;
		width: 45%;
		margin-bottom: 15px;
		padding-right: 0;
		float: left;
		/*width: 48%;*/
	}

	#agent2InfoText{
		line-height: 16px;
		float: left;
		text-align: left;
	}

	#agent2Photo{
		float: left;
		margin-right: 10px;
		margin-left: 0;
	}

	.socialBtns{
		display: inline;
		position: relative;
		bottom: auto;
		top: 5px;
	}

	#vertSep{
		padding-top: 11px;
	}

	#shareMob{
		display: none;
		width: 100%;
		height: 67px;
		padding-top: 30px;
	}

	#shareMob #facebook{
		width: 49%;
		display: block;
		float: left;
		text-align: right;
		padding-right: 3px;
	}

	#shareMob #twitter{
		width: 49%;
		display: block;
		float: left;
		padding-left: 5px;
	}

	#mobFooter{
		clear: both;
		width: 100%;
		text-align: center;
		margin-top: 15px;
	}

	#mobFooter > *{
		margin-bottom: 5px;
	}

}

@media (max-width: 767px){
	ul#detailsList li{
		width: 100%;
		float: none;
		padding: 15px 0 0 0;
		text-align: left;
		margin-left: 0;
	}

	#agent1Info{
		margin-top: 15px;
		width: 100%;
		padding-left: 0;
	}

	#agent2Info{
		margin-top: 15px;
		width: 100%;
		margin-bottom: 15px;
		padding-right: 0;
		/*width: 48%;*/
	}

}

@media (max-width: 400px){
	#mobTopBarAgentInfo{
		width: 75%;
	}
}